[jQuery] jQuery/Cycle: Binding Secondary Nav

[studiobl]

Hi, I'm working on a banner display, using Cycle.  The banner will use
the out-of-the-box Cycle numbered nav, but the client also wants text
links in the banner to page from slide to slide as well.

How can I bind the pager functions to additional anchors?

[jQuery] [Plugin Selectbox] : How To Access Passed Parameter

[studiobl]

I'm using the Selectbox Plugin to populate a select box with a json
string passed from a php page.  I'd like to pass a parameter to the
php page from the plugin call.

How is this done?  I tried doing $
(#myselect).ajaxAddOption(myoptions.php, {$code : 007}); and
then in myoptions.php, attempting to access $code.

Any suggestions?

[jQuery] Re: Selecting Children Of $(this)

[studiobl]

Sam, thank you.  If my head was going to hurt today like it did
yesterday, it was not going to be pleasant.

Thanks again!

On Mar 28, 5:59 am, Sam Collett [EMAIL PROTECTED] wrote:
 studiobl wrote:
  I'm working on a wireframe for an ecommerce site. I need to simulate
  some shopping cart functionality, like updating total counts and
  dollar amounts on change(). I've already done this with a page that
  contains one table. This page contains multiple tables, so I need to
  add another loop:

  from

  --

  $(.someGrid input).each(function(){
  //some kind of code...
  });

  --

  to

  --

  $(.someGrid).each(function(){
  $(this +  input).each(function(){
  //some kind of code
  });
  });

  --

  The problem is, the second one isn't working. How can I loop through
  the tables, then loop through the inputs they contain?

 You can do $(input, this) to find all the inputs (the optional
 second parameter is the context to run the selector on (i.e. must be a
 child in it)).

 -Sam

[jQuery] Selecting Children Of $(this)

[studiobl]

I'm working on a wireframe for an ecommerce site. I need to simulate
some shopping cart functionality, like updating total counts and
dollar amounts on change(). I've already done this with a page that
contains one table. This page contains multiple tables, so I need to
add another loop:

from

--

$(.someGrid input).each(function(){
//some kind of code...
});

--

to

--

$(.someGrid).each(function(){
$(this +  input).each(function(){
//some kind of code
});
});

--

The problem is, the second one isn't working. How can I loop through
the tables, then loop through the inputs they contain?

[jQuery] Using wrap() On Absolute Positioned Element

[studiobl]

This isn't working for me.  The div has two classes: actionBox and
popup.  If I go into the css and remove position:absolute from
class popup, wrap() works fine.

Anyone know how to use wrap() on an absolutely positioned element?

[jQuery] Selecting Descendents of This

[studiobl]

I'm having trouble selecting descendents of this

So, this works to initially hide uls:
$(.treeHeader ul).toggle();

But this doesn't work to toggle them:

$(.treeHeader).click(function(){
$(this + ul).toggle();
});

[jQuery] Help With Modifying Treeview

[studiobl]

I'm trying to modify treeview.  I want to eliminate the plus and minus
boxes, and use the section labels as hit areas. A tree of two main
sections would just be Section One and Section Two.  Clicking on
either one of these would expand it, and clicking a second time would
collapse it.

I can see where the div that acts as the hitarea is created in the
script.  I'm having trouble transferring the hitarea functionality to
the anchor that serves as the section label. I don't have to transfer
it to the anchor, just something that would provide the functionality
described.

Any suggestions?

[jQuery] Re: Tab Effect

[studiobl]

Thanks, ocyrus!

That helped!  ...it does take dismayingly long for posts to show up
here.

On Jan 29, 1:49 pm, ocyrus [EMAIL PROTECTED] wrote:
 I recently solved this solution this way,

 $(document).ready(function(){
   $('#profile-nav').children().each(function(){
 $(this).click(function(){
   toggleTabs($(this));
   return false;
 });
   });

 });

 function toggleTabs(tab) {
   tab.siblings().children().removeClass('on');
   tab.children().addClass('on');
   var div = tab.attr('class');
   div = div.split('-');
   div = div[1];
   $('#'+div).parent().children().each(function(){
 $(this).hide();
   });
   $('#'+div).show();

 }

 and my html looks like this.

 ul id=profile-nav class=clearfix
 li class=tab-biographya href=# class=onBiography/a/li
 li class=tab-backgrounda href=#Background/a/li
 li class=tab-contacta href=#Contact/a/li
 /ul

 with three divs later

 div id=biography class=pro-tabInfo/div
 div id=background class=pro-tabInfo/div
 div id=contact class=pro-tabInfo/div

 On Jan 29, 9:46 am, studiobl [EMAIL PROTECTED] wrote:

  I have a set of tabs that use the sliding doors technique.  The tabs
  are built on an unordered list, with each tab being a list item
  containing an anchor. Each tab is decorated by placing a graphic in
  the background of its list item for the left part of the tab, and the
  background of the anchor for the right side of the tab.  These
  graphics then need to be switched out to display the active view.
  The actual html page is not changed.  This tab navigation just
  triggers the visibility of various areas of the page.

  I'm trying to use jQuery to switch out the graphics.  The problem I'm
  having is in selecting the list item that contains the clicked-on
  anchor.  There are a number of techniques for selecting children, but
  none for selecting parents.

  One question I have is if there is any way to reference a previously
  selected element in a jQuery selector statement.  Like this:

  $(.tabs a).click(function(){
   //Now you can reference the clicked on anchor as this
  $(.tabs li:has(this)).doSomething();

  });

  I doubt that this is possible, I haven't tested it yet, but I can't
  think of too many other options.

  Any suggestions?

[jQuery] Selector Containing Variable

[studiobl]

I'm having trouble with a jQuery selector that contains a variable.
I'm trying to target an element that has a class of orderInfo and an
id of billy

So, I set a variable:

var tabText = billy;

...and it works if I use the string:

$(.orderInfo[id='billy'];

...but not the variable:

$(.orderInfo[id=tabTest];


...but of course I need it to work with a variable {insert appropriate
emoticon here}

[jQuery] Tab Effect

[studiobl]

I have a set of tabs that use the sliding doors technique.  The tabs
are built on an unordered list, with each tab being a list item
containing an anchor. Each tab is decorated by placing a graphic in
the background of its list item for the left part of the tab, and the
background of the anchor for the right side of the tab.  These
graphics then need to be switched out to display the active view.
The actual html page is not changed.  This tab navigation just
triggers the visibility of various areas of the page.

I'm trying to use jQuery to switch out the graphics.  The problem I'm
having is in selecting the list item that contains the clicked-on
anchor.  There are a number of techniques for selecting children, but
none for selecting parents.

One question I have is if there is any way to reference a previously
selected element in a jQuery selector statement.  Like this:

$(.tabs a).click(function(){
 //Now you can reference the clicked on anchor as this
$(.tabs li:has(this)).doSomething();

});

I doubt that this is possible, I haven't tested it yet, but I can't
think of too many other options.

Any suggestions?

[jQuery] Looking for a Thumbnail Scroller with a Difference

[studiobl]

I'm looking for a plugin that functions like scrollShow
http://www.freewebs.com/flesler/jQuery.ScrollShow/ with the following
difference: when one of the thumbnails is clicked, it changes an area
of the page.  So you could have a number of divs that are hidden,
scroll through the sample images, and click one to display the
associated content.

I haven't even looked at the scrollShow code yet, I figured I'd try
the don't reinvent the wheel method before I tried modifying or
writing anything.

[jQuery] jScrollPane Not Scrolling All The Way After Re-Skinning

[studiobl]

I'm using jScrollPane pretty much out of the box with the following
changes:

I put the scripts into assets/scripts, the css into assets/css, and
the images into assets/images.  Any urls have been changed to reflect
this.

I created three jpgs for the up arrow, down arrow (10 x 9 px) and the
drag grab center (10 x 10 px)

The problem I am having is that the content doesn't scroll down enough
to display all the content of the div.  In the sample div, it's the
anchor a the bottom that's not showing up.

Here's the call:
--

$('.scrollPane').jScrollPane({showArrows:true, scrollbarWidth: 10});

--

Here's a sample div:
--

div class=scrollPane
h2NEWS/h2
pBrulant S.W.A.T (Strategic Web and Technology) Event/p
a href=#View All News/a
/div

--

and here is the pertinent css:

--

.jScrollPaneDrag {
position: absolute;
height: 10px;
background: url(../images/drag_grab.jpg) no-repeat 0 0;
cursor: pointer;
overflow: hidden;
}

a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
background: url(../images/up_arrow.jpg) no-repeat 0 0;
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
background: url(../images/down_arrow.jpg) no-repeat 0 0;
}

.scrollPane {
width: 175px;
overflow: auto;
height: 50px;
margin:10px 0 15px 0;
}

.scrollPane a:link, .scrollPane a:hover, .scrollPane a:visited,
#centerRightCol a:link, #centerRightCol a:hover, #centerRightCol
a:visited{
color:#b7c71c;
height:7px;
padding-right: 10px;
background-image:url(../images/right_arrow.jpg);
background-repeat:no-repeat;
background-position:right;
}

--

[jQuery] Re: Selector for Toggled Element

[studiobl]

Neither that (nor some form of that) seems to work.


On Nov 1, 3:43 pm, motob [EMAIL PROTECTED] wrote:
 try $(table:hidden) or some form of that.

 On Nov 1, 2:30 pm, studiobl [EMAIL PROTECTED] wrote:



  Any suggestions on how to retrieve the display attribute of a toggled
  element?

[jQuery] Selector for Toggled Element

[studiobl]

I'm trying to write an if statement based on the toggled state of an
element (a table, in this case).  Attempting to select the table by
any combination of id, class, and/or element type doesn't work.  Using
Firefox, I can see that the table is toggled between display:table and
display:hidden.  The selector that jQuery appears do be using is
element.style.  This selector is apparently built on-the-fly, as it's
not one of mine.

I thought 'aha, select it by using $(element.style)!'  This didn't
work.

Any suggestions on how to retrieve the display attribute of a toggled
element?

[jQuery] MM AC_RunActiveContent jQuery

[studiobl]

I want to use the Interface library's Accordian on a page that already
has a Flash piece wrapped in Macromedia's AC_RunActiveContent
javascript for avoiding the IE security glitch.

If I remove the Flash and the script tag to include
AC_RunActiveContent.js, the accordian works as expected.
Unfortunately, with them the dl, dds, and dts appear like they would
without the accordian script.

Does anyone know of a way to have use Flash piece, avoid the IE
security issue, and still be able to use jQuery and Interface?

[jQuery] MM AC_RunActiveContent Breaks jQuery Interface

[studiobl]

I want to use the Interface library's Accordian on a page that already
has a Flash piece wrapped in Macromedia's AC_RunActiveContent
javascript for avoiding the IE security glitch.

If I remove the Flash and the script tag to include
AC_RunActiveContent.js, the accordian works as expected.
Unfortunately, with them the dl, dds, and dts appear like they would
without the accordian script.

Does anyone know of a way to have use Flash piece, avoid the IE
security issue, and still be able to use jQuery and Interface?