[jQuery] Re: Sorting spans which are in li elements.
My initial reaction is that your information might be more suited to a table, in which case you could use the tablesorter plugin. http://tablesorter.com/docs/ On Nov 21, 5:58 pm, javam.org alt...@gmail.com wrote: Hi there, My xhtml structure looks like: div id=aaa div class=menu span class=s1Name/span span class=s2Remaining Time/span span class=s3Status/span /div div class=values ul id =list li span class=s1Name value 1/span span class=s2Time value 1/span span class=s3Status value 1/span /li li span class=s1Name value 1/span span class=s2Time value 2/span span class=s3Status value 3/span /li li span class=s1Name value 3/span span class=s2Time value 3/span span class=s3Status value 3/span /li /ul /div /div I am trying to sort span values for Name, Time and Status.. I can implement to just only one menu item by adding div =1, div =2 ... which covers li elments. But it cannot provide my needs. I have to implement it to all. When I click time menu element (let assume Time value 2 is greater than Time value 3 and Time value 3 is greater than Time value 1), all s2 spans should be at the top of the list... looks like: div id=aaa div class=menu span class=s1Name/span span class=s2Remaining Time/span span class=s3Status/span /div div class=values ul id =list li span class=s2Name value 1/span span class=s3Time value 1/span span class=s1Status value 1/span /li li span class=s2Name value 1/span span class=s3Time value 2/span span class=s1Status value 3/span /li li span class=s2Name value 3/span span class=s3Time value 3/span span class=s1Status value 3/span /li /ul /div /div And should be available for other menu elements also... Could you show me the ways to do it? Best Regards.
[jQuery] jQuery Media Plugin w/ custom skin?
Hello, I'm having issues implementing a custom skin using the media plugin. I'm not sure if it's a syntax problem, or if i don't have the directory set up correctly. The video plays, but the custom skin is not loaded. Here's my code to initialize the plugin $('.media').media({ width: 497, height:407, autoplay: true, src: 'flash/videoPlayer.swf', flashvars: { url: 'videos/new.flv', skin: 'SkinCustom' } /*where SkinCustom lives inside a folder called skins */ }); and the HTML a href=flash/videoPlayer.swf class=mediaVideo/a Also, I would eventually need the url flashvars to pull in a variable. Is this possible, and would it be simple as declaring url: $myURL ? Thanks much. ~amy
[jQuery] Re: How to check if a DIV with ID xyz exist?
I normally use the jQuery method MorningZ posted above, as it makes it easier to check for the existence of elements with a certain class name. On Oct 27, 2:05 pm, Michel Belleville michel.bellevi...@gmail.com wrote: As correct as 0 == false et 1..oo == true Michel Belleville 2009/10/27 bc04Inc. bc04...@googlemail.com I have now found this one: if ($('#toc').length) { } is this correct, too? On 27 Okt., 14:39, MorningZ morni...@gmail.com wrote: if (document.getElementById(xyz)) { // exists} else { // does not exist } or, if you must use jQuery for whatever reason (which would ultimately use the above anyways) if ($(#xyz).length 0) { // exists} else { // does not exist } On Oct 27, 9:37 am, bc04Inc. bc04...@googlemail.com wrote: Hi, how can i check if a DIV with the ID xyz exist? thank you yavuz- Zitierten Text ausblenden - - Zitierten Text anzeigen -
[jQuery] Re: Item list only loading 1 Image
you may want to try defining the size of the carousel (aka how many items you have total) in your document.ready function before or after wrap: 'circular' size: mycarousel_itemList.length, On Oct 14, 10:54 am, Nathan Chapman nachap...@gmail.com wrote: So I have just changed the original HTML and CSS then just barely touched the JavaScript to edit the width, height and the different image urls. As you can see in the sample URL below only 1 image is being loaded and rotated. I haven't been able to trouble shoot the issue successfully so that's why I am posting here to see if someone can notice something I missed. http://www.northstar-ems.us/capstone/ Thanks for your time.
[jQuery] Re: Changing a text in a div
You'd probably want to use the text() or html() method for this. Assuming the h2 tags in question are inside the child-pages div, your code would be something like this: $(function(){ $('.child-pages h2').text(Sub-pages); }); On Oct 12, 9:56 am, Fynci fyncimy...@gmail.com wrote: I am very very new to Jquery, being more of a designer than a programmer. I have a fairly (I believe) simple issue, that I'm hoping you will be able to assist with. I have a div class called child-pages, that calls up some text in h2 tags, which says Children Pages. I am wanting to use a simple Jquery script to change Children Pages to Sub-pages. How do I go about implementing a script that will make this change? Many thanks!
[jQuery] Re: possible to empty file input in form with .click or .focus ?
Try: $('#input_id').focus(function(){ $(this).attr(value,); }); On Oct 12, 5:59 pm, captaincarp harry.wi...@gmail.com wrote: My image upload form has a choice of either upload image by entering url or by browsing for a file, I'm trying to empty the file-input input if you focus on the url-input. I've tried bother these events on click/blur but neither seem to work like they would for a checkbox or text input... $('#input_id').empty(); $('#input_id').attr('value', ''); any ideas would be help my head! -- View this message in context:http://www.nabble.com/possible-to-empty-file-input-in-form-with-.clic... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: possible to empty file input in form with .click or .focus ?
hmm yeah, I did a quick google search and it appears that allowing you to access a file input's value attribute would pose a security issue. I found a solution but the code isn't exactly pretty http://gusiev.com/2009/04/clear-upload-file-input-field/ On Oct 12, 6:43 pm, captaincarp harry.wi...@gmail.com wrote: Yeah this is what I've been trying, i think maybe different rules apply for file inputs perhaps? amuhlou wrote: Try: $('#input_id').focus(function(){ $(this).attr(value,); }); On Oct 12, 5:59 pm, captaincarp harry.wi...@gmail.com wrote: My image upload form has a choice of either upload image by entering url or by browsing for a file, I'm trying to empty the file-input input if you focus on the url-input. I've tried bother these events on click/blur but neither seem to work like they would for a checkbox or text input... $('#input_id').empty(); $('#input_id').attr('value', ''); any ideas would be help my head! -- View this message in context:http://www.nabble.com/possible-to-empty-file-input-in-form-with-.clic... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context:http://www.nabble.com/possible-to-empty-file-input-in-form-with-.clic... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Ajax Not Working A Second Time
the .A1 within the #info divs does not exist when the document ready event fires, so the click event is not applied. try using the live method() http://docs.jquery.com/Events/live On Oct 5, 2:54 pm, GLSmyth george.sm...@gmail.com wrote: I have some simple code: $(document).ready( function() { $('.A1').click( function() { $('#Info').load('Test_A1.htm'); } ); $('.A2').click( function() { $('#Info').load('Test_A2.htm'); } ); } ); followed in the body with: body div class=A1A1/div div class=A2A2/div div id=Info style=border:1px solid red;/div /body Test_A1.htm is simply the following: divThis is A1/div div class=A2Click this text to display Test_A2.htm/div Test_A2.htm is the same as Test_A1.htm, only with the 1 and 2 values switched. When I click on A1 or A2, the text from the associated files is loaded into #Info, so that works fine. However, when I click on the A1 or A2 class within #Info, nothing happens. I guess I am missing something fundamental here, so it would be very helpful if someone could explain how I can get the text that is displayed within #Info clickable so that it can load the other file. Thanks for your help. george
[jQuery] Re: Help using cylce(plugin)
the cycle plugin cycles the direct children of the div it's initialized on. If your goal is to cycle the 2nd div as well, you will need to use some wrapping divs. http://malsup.com/jquery/cycle/int2.html The examples at the bottom of that page show how you can cycle through divs. On Sep 30, 1:11 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello! I have this html markup: div class=dinamica style=position: relative; padding-bottom: 5px; height=124 width=200 --some images here /div div style=padding-bottom: 5px; height=124 width=200 a href=javascript:void(0); img height=124 border=0 width=200 src=images/anuncio.png/ /a /div And this javascript code: $('.dinamica').cycle({fx : 'fade', timeout : '4000'}); The images in the dinamica div turns ok. But the second div stays bellow the dinamica div. I tried to change the display of both divs to block, and changing the position property. Any tip how to solve this? Thanks.
[jQuery] Re: Help using cylce(plugin)
Im not sure I understand what you mean when you say the first div hides the second. Could you post an example page? On Sep 30, 2:31 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello amuhlou! I don't want to cylce the second div. I want this div to appear bellow the fist div. Now, the first div hides the second. When the images in the first div fade I can see the image of the second div. On 30 set, 11:12, amuhlou amysch...@gmail.com wrote: the cycle plugin cycles the direct children of the div it's initialized on. If your goal is to cycle the 2nd div as well, you will need to use some wrapping divs. http://malsup.com/jquery/cycle/int2.html The examples at the bottom of that page show how you can cycle through divs. On Sep 30, 1:11 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello! I have this html markup: div class=dinamica style=position: relative; padding-bottom: 5px; height=124 width=200 --some images here /div div style=padding-bottom: 5px; height=124 width=200 a href=javascript:void(0); img height=124 border=0 width=200 src=images/anuncio.png/ /a /div And this javascript code: $('.dinamica').cycle({fx : 'fade', timeout : '4000'}); The images in the dinamica div turns ok. But the second div stays bellow the dinamica div. I tried to change the display of both divs to block, and changing the position property. Any tip how to solve this? Thanks.
[jQuery] Re: Help using cylce(plugin)
what should the images below the cycle div be doing? On Sep 30, 4:52 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Here is a link:http://www.softcore.com.br/loxxi/servicos.php?idCategoria=11 You'll see the images on the right side of the page. On 30 set, 11:36, amuhlou amysch...@gmail.com wrote: Im not sure I understand what you mean when you say the first div hides the second. Could you post an example page? On Sep 30, 2:31 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello amuhlou! I don't want to cylce the second div. I want this div to appear bellow the fist div. Now, the first div hides the second. When the images in the first div fade I can see the image of the second div. On 30 set, 11:12, amuhlou amysch...@gmail.com wrote: the cycle plugin cycles the direct children of the div it's initialized on. If your goal is to cycle the 2nd div as well, you will need to use some wrapping divs. http://malsup.com/jquery/cycle/int2.html The examples at the bottom of that page show how you can cycle through divs. On Sep 30, 1:11 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello! I have this html markup: div class=dinamica style=position: relative; padding-bottom: 5px; height=124 width=200 --some images here /div div style=padding-bottom: 5px; height=124 width=200 a href=javascript:void(0); img height=124 border=0 width=200 src=images/anuncio.png/ /a /div And this javascript code: $('.dinamica').cycle({fx : 'fade', timeout : '4000'}); The images in the dinamica div turns ok. But the second div stays bellow the dinamica div. I tried to change the display of both divs to block, and changing the position property. Any tip how to solve this? Thanks.
[jQuery] Re: Help using cylce(plugin)
I see now that it's only happening in IE6. Have you tried assigning a width to the td that encloses the whole right column? On Sep 30, 5:11 pm, amuhlou amysch...@gmail.com wrote: what should the images below the cycle div be doing? On Sep 30, 4:52 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Here is a link:http://www.softcore.com.br/loxxi/servicos.php?idCategoria=11 You'll see the images on the right side of the page. On 30 set, 11:36, amuhlou amysch...@gmail.com wrote: Im not sure I understand what you mean when you say the first div hides the second. Could you post an example page? On Sep 30, 2:31 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello amuhlou! I don't want to cylce the second div. I want this div to appear bellow the fist div. Now, the first div hides the second. When the images in the first div fade I can see the image of the second div. On 30 set, 11:12, amuhlou amysch...@gmail.com wrote: the cycle plugin cycles the direct children of the div it's initialized on. If your goal is to cycle the 2nd div as well, you will need to use some wrapping divs. http://malsup.com/jquery/cycle/int2.html The examples at the bottom of that page show how you can cycle through divs. On Sep 30, 1:11 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello! I have this html markup: div class=dinamica style=position: relative; padding-bottom: 5px; height=124 width=200 --some images here /div div style=padding-bottom: 5px; height=124 width=200 a href=javascript:void(0); img height=124 border=0 width=200 src=images/anuncio.png/ /a /div And this javascript code: $('.dinamica').cycle({fx : 'fade', timeout : '4000'}); The images in the dinamica div turns ok. But the second div stays bellow the dinamica div. I tried to change the display of both divs to block, and changing the position property. Any tip how to solve this? Thanks.
[jQuery] Re: Help using cylce(plugin)
I'm inspecting the div with the IE developer toolbar and it looks like the dinamica div's height isn't being recognized. When the plugin initializes, it puts in a bunch of inline styles, so I'm thinking the height and width you have set may be getting overwritten.Add the dinamica div's height and width via css rather than inline in a style attribute. Also, I would try removing text-align: right from the div. Either that, or wrap the dinamica div in div style=width: 200px; height: 124px; /div On Sep 30, 5:20 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Nothing! :) Just stay there, they are just replacement images. On 30 set, 14:11, amuhlou amysch...@gmail.com wrote: what should the images below the cycle div be doing? On Sep 30, 4:52 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Here is a link:http://www.softcore.com.br/loxxi/servicos.php?idCategoria=11 You'll see the images on the right side of the page. On 30 set, 11:36, amuhlou amysch...@gmail.com wrote: Im not sure I understand what you mean when you say the first div hides the second. Could you post an example page? On Sep 30, 2:31 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello amuhlou! I don't want to cylce the second div. I want this div to appear bellow the fist div. Now, the first div hides the second. When the images in the first div fade I can see the image of the second div. On 30 set, 11:12, amuhlou amysch...@gmail.com wrote: the cycle plugin cycles the direct children of the div it's initialized on. If your goal is to cycle the 2nd div as well, you will need to use some wrapping divs. http://malsup.com/jquery/cycle/int2.html The examples at the bottom of that page show how you can cycle through divs. On Sep 30, 1:11 pm, Ricardo ricardo.soaresdel...@gmail.com wrote: Hello! I have this html markup: div class=dinamica style=position: relative; padding-bottom: 5px; height=124 width=200 --some images here /div div style=padding-bottom: 5px; height=124 width=200 a href=javascript:void(0); img height=124 border=0 width=200 src=images/anuncio.png/ /a /div And this javascript code: $('.dinamica').cycle({fx : 'fade', timeout : '4000'}); The images in the dinamica div turns ok. But the second div stays bellow the dinamica div. I tried to change the display of both divs to block, and changing the position property. Any tip how to solve this? Thanks.
[jQuery] Re: load callback doesn't wait for completion
can you post a snippet or test page of how you're using the load method? it's really hard to figure out why it might not be working without any code samples. On Sep 25, 5:07 pm, rodeored in...@reenie.org wrote: How do I get the callback for load() to wait until the load is complete?
[jQuery] Re: Fancybox from alt text
it looks like you have an extra $ inside your wrap method, and you also may need to add the /a. And it looks like your code may need to account for the space between the href and class attributes. something like: $(this).wrap('a href='+$(this).attr('alt')+' class=fancyBoxImage/a') On Sep 25, 1:44 pm, casperMC trotter.alexan...@googlemail.com wrote: hi, im trying to wrap a fancybox link around each image on a site, which has an alt tag specified. Right now i have this html markup: p img src=1_s.jpg alt=1_b.jpg title=asdasd / /p And this javascript-code: $(document).ready(function() { $(img[alt]).each(function(){ $(this).wrap($('a href='+$(this).attr('alt')+' class=fancyBoxImage')); }); $(.fancyBoxImage).fancybox(); }); And it's working perfect in every browser, except IE7 and 8 (haven't tested it in IE6 yet). Does anybody has a explanation for it?
[jQuery] Re: Jquery Newbie needing help..
A couple things.. 1. The click function can't be used to fadeIn the image again... because you wouldn't be able to click on it when it's hidden 2. Do you want a single click to cause the fadeOut-fadeIn-fadeOut- fadeIn? If so, you could use the callback functions of the fadeIn and fadeOut transitions: $(document).ready(function(){ $('img.twitter).click(function(){ $(this).fadeOut('fast', function(){ $(this).fadeIn('fast',function(){ $(this).fadeOut('fast', function(){ $(this).fadeIn('fast'); }); }); }); }); }); The callback function runs when the transition is complete. On Sep 16, 8:36 pm, Galaxy Man galaxyma...@googlemail.com wrote: Hi guys.. this is the first time I use Jquery Directly with my hands purely.. I wrote this code: $(img.twitter).click(function(){ $(img.twitter).fadeOut(fast); }); $(img.twitter).click(function(){ $(img.twitter).fadeIn(fast); }); $(img.twitter).click(function(){ $(img.twitter).fadeOut(fast); }); $(img.twitter).click(function(){ $(img.twitter).fadeIn(fast); }); I want an image with the class twitter to fade in out twice.. but it doesn't work.. when I tried to replace it with this: $(document).click(function(){ $(img.twitter).fadeOut(fast); }); $(document).click(function(){ $(img.twitter).fadeIn(fast); }); $(document).click(function(){ $(img.twitter).fadeOut(fast); }); $(document).click(function(){ $(img.twitter).fadeIn(fast); }); it works but when when clicking on any place on the page, I don't need it like that, I need it only on the image.. what is the wrong in that?
[jQuery] Re: Troubles with appending page title and url to social link
where are the title and url variables coming from? On Sep 16, 9:05 pm, Jacques j...@whistlerwebandprint.com wrote: Hi everyone I am trying to append the full page url and contents of the title tag to some social bookmarking links I have the code below but it does not seem to be working can anyone see what I am doing wrong or point me in the right direction? html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titletest social/title script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/ jquery.min.js type=text/javascript/script /head body div class=share ul li class=deliciousa href=# id=shareit-delicious target=_blankshare with delicious/a/li li class=stumbleupona href=# id=shareit-stumbleupon target=_blankshare with stumbleupon/a/li /ul /div script type=text/javascript $(document).ready(function(){ $('#shareit-delicious').attr('href', 'http://del.icio.us/post? v=4nouijump=closeurl=' + url + 'title=' + title); $('#shareit-stumbleupon').attr('href', 'http://www.stumbleupon.com/ submit?url=' + url + 'title=' + title); }); /script /body /html
[jQuery] Re: Hover does not stop
Looking at the API the animate does have a callback function that you can use to do the stuff after the animation completes, for example $('#navigation').mouseout( function() { if(state == 1) { $(this).animate({left: '-210'},'slow', 'easein',function(){ //do stuff after animate finishes here }); state = 0; } } ); http://docs.jquery.com/Effects/animate On Sep 1, 11:22 am, Mario sevenartwo...@googlemail.com wrote: ok, i tried this and this works fairly. but another question is: can i change the state AFTER the animate() is finished? (there are still some problem when i touch certain points while sliding) $(function(){ var state = 0; $('#navigation').mouseover( function() { if(state == 0) {$(this).animate({left: '0'}, 'slow'); state = 1;}} ); $('#navigation').mouseout( function() { if(state == 1) {$(this).animate({left: '-210'}, 'slow'); state = 0;}} ); });
[jQuery] Re: All Elements Except 2
Try the .not() method http://docs.jquery.com/Traversing/not On Sep 1, 8:28 pm, a1anm alanmoor...@gmail.com wrote: Hi, I'd like to select all elments on my page except 2. How would I do this? The elements I don't want to select are .bar6 and .homelink. Thanks.
[jQuery] Re: Unsubscribe
On the right side of the page, choose Edit my Membership There, you will be able to choose the No Email option. On Sep 1, 4:52 pm, Peter Stulzer pstul...@mac.com wrote: How do I unsubscribe this Newsgroup? Von meinem iPhone gesendet
[jQuery] Re: Unsubscribe
oh, looks like there's also an Unsubscribe button on that same Edit my Membership page. Have you tried that? On Sep 1, 8:52 pm, Peter Stulzer pstul...@mac.com wrote: Thank you amuhlou. That's what I tried first but I still get all the mails. Is there another way to unsubscribe or can some moderator just kick me out of all the jQuery groups I'm in right now maybe? Thanks for any help. Peter Von meinem iPhone gesendet Am 01.09.2009 um 22:44 schrieb amuhlou amysch...@gmail.com: On the right side of the page, choose Edit my Membership There, you will be able to choose the No Email option. On Sep 1, 4:52 pm, Peter Stulzer pstul...@mac.com wrote: How do I unsubscribe this Newsgroup? Von meinem iPhone gesendet
[jQuery] Re: simple fadeIn not working
the div would need to start out hidden, otherwise the fade transition won't do anything. $(document).ready(function(){ $('#container').hide(); $(#container).fadeIn(slow); }); if the slow speed isn't slow enough, you may want to try putting in the speed in milliseconds On Aug 31, 12:11 pm, grunghi grun...@gmail.com wrote: Its really simple, i need one div to slowly fade in when the page is loaded, i used this code: $(document).ready(function(){ $(#container).fadeIn(slow); }); But it haven´t worked for me at all... When i tryed to replace fadeIn with fadeTo it worked.. Thank you, Joseph
[jQuery] Re: simple fadeIn not working
Using display none poses an accessibility issue, as screen reader software tends to completely skip elements with display:none. On Aug 31, 1:47 pm, greaseDonkey greasedon...@gmail.com wrote: I would suggest to hide the container using css instead of the hide() effect when using $(document).ready(function(){}); cause this way you might sometime see the div for a few second before javascript start. style typetext/css #container { display:none;} /stype On Aug 31, 8:56 am, amuhlou amysch...@gmail.com wrote: the div would need to start out hidden, otherwise the fade transition won't do anything. $(document).ready(function(){ $('#container').hide(); $(#container).fadeIn(slow); }); if the slow speed isn't slow enough, you may want to try putting in the speed in milliseconds On Aug 31, 12:11 pm, grunghi grun...@gmail.com wrote: Its really simple, i need one div to slowly fade in when the page is loaded, i used this code: $(document).ready(function(){ $(#container).fadeIn(slow); }); But it haven´t worked for me at all... When i tryed to replace fadeIn with fadeTo it worked.. Thank you, Joseph
[jQuery] Re: simple fadeIn not working
to avoid the flash of the div while it's being hidden: http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content On Aug 31, 2:34 pm, amuhlou amysch...@gmail.com wrote: Using display none poses an accessibility issue, as screen reader software tends to completely skip elements with display:none. On Aug 31, 1:47 pm, greaseDonkey greasedon...@gmail.com wrote: I would suggest to hide the container using css instead of the hide() effect when using $(document).ready(function(){}); cause this way you might sometime see the div for a few second before javascript start. style typetext/css #container { display:none;} /stype On Aug 31, 8:56 am, amuhlou amysch...@gmail.com wrote: the div would need to start out hidden, otherwise the fade transition won't do anything. $(document).ready(function(){ $('#container').hide(); $(#container).fadeIn(slow); }); if the slow speed isn't slow enough, you may want to try putting in the speed in milliseconds On Aug 31, 12:11 pm, grunghi grun...@gmail.com wrote: Its really simple, i need one div to slowly fade in when the page is loaded, i used this code: $(document).ready(function(){ $(#container).fadeIn(slow); }); But it haven´t worked for me at all... When i tryed to replace fadeIn with fadeTo it worked.. Thank you, Joseph
[jQuery] Re: Content slider?
A couple other slider options you could try: http://css-tricks.com/anythingslider-jquery-plugin/ http://malsup.com/jquery/cycle/ On Aug 31, 2:45 pm, Dennis Madsen den...@demaweb.dk wrote: I'm trying to use the plugin, but have problem when using a Accordion from Query UI on one of the pages. You can see this sample page:http://dennismadsen.com/uploads/easyslider1.7/ When sliding eg. from page 1 to 4 the Accordion is flacking when sliding. I only see that problem in my Firefox. No problem in IE or Chrome. I've recorded a video of it:http://dennismadsen.com/uploads/easyslider1.7/flacking.avi How can I solve that problem? On Aug 31, 3:55 pm, Richard D. Worth rdwo...@gmail.com wrote: That content slider is not limited to images. The previous version has a demo that shows this:http://cssglobe.com/lab/easyslider1.5/05.html http://cssglobe.com/lab/easyslider1.5/05.htmlbut the newer version supports this as well. I recommend you give it a try. - Richard On Mon, Aug 31, 2009 at 9:43 AM, Dennis Madsen den...@demaweb.dk wrote: I'm searching for a content slider like this: http://cssglobe.com/lab/easyslider1.7/01.html It almost fits my need but I would like to use it to slide the content on my page - not simple images. I've have three pages; competences, references and contact. Furthermore I have a frontpage with three link-icons - one for every subpages. Therefore I need to have four slides inside my content slider, but I should should have the ability to handle a click on the icons the first slide (=my frontpage) so that it slide to the respective page. I hope someone know a plugin which fits my needs?
[jQuery] Re: Content slider?
Cycle can be used to cycle through anything: http://www.malsup.com/jquery/cycle/int2.html Check out the very last example on the page. On Aug 31, 4:26 pm, Dennis Madsen den...@demaweb.dk wrote: AnythingSlider: Is also flicking when using Accordion fra jQuery UI. Malsup Cycle: It seems that this cycle only use img? On Aug 31, 5:18 pm, amuhlou amysch...@gmail.com wrote: A couple other slider options you could try: http://css-tricks.com/anythingslider-jquery-plugin/ http://malsup.com/jquery/cycle/ On Aug 31, 2:45 pm, Dennis Madsen den...@demaweb.dk wrote: I'm trying to use the plugin, but have problem when using a Accordion from Query UI on one of the pages. You can see this sample page:http://dennismadsen.com/uploads/easyslider1.7/ When sliding eg. from page 1 to 4 the Accordion is flacking when sliding. I only see that problem in my Firefox. No problem in IE or Chrome. I've recorded a video of it:http://dennismadsen.com/uploads/easyslider1.7/flacking.avi How can I solve that problem? On Aug 31, 3:55 pm, Richard D. Worth rdwo...@gmail.com wrote: That content slider is not limited to images. The previous version has a demo that shows this:http://cssglobe.com/lab/easyslider1.5/05.html http://cssglobe.com/lab/easyslider1.5/05.htmlbut the newer version supports this as well. I recommend you give it a try. - Richard On Mon, Aug 31, 2009 at 9:43 AM, Dennis Madsen den...@demaweb.dk wrote: I'm searching for a content slider like this: http://cssglobe.com/lab/easyslider1.7/01.html It almost fits my need but I would like to use it to slide the content on my page - not simple images. I've have three pages; competences, references and contact. Furthermore I have a frontpage with three link-icons - one for every subpages. Therefore I need to have four slides inside my content slider, but I should should have the ability to handle a click on the icons the first slide (=my frontpage) so that it slide to the respective page. I hope someone know a plugin which fits my needs?
[jQuery] Re: Content slider?
The Cycle plugin has some callback functions, which let you perform actions on the current or next slide. They are the before and after options http://www.malsup.com/jquery/cycle/options.html Perhaps using one of the callbacks to initialize the tabs() would help? It's also possible that the issue is CSS related. On Aug 31, 5:43 pm, Dennis Madsen den...@demaweb.dk wrote: Ok, it also flicking on my Firefox :( On Aug 31, 6:29 pm, amuhlou amysch...@gmail.com wrote: Cycle can be used to cycle through anything:http://www.malsup.com/jquery/cycle/int2.html Check out the very last example on the page. On Aug 31, 4:26 pm, Dennis Madsen den...@demaweb.dk wrote: AnythingSlider: Is also flicking when using Accordion fra jQuery UI. Malsup Cycle: It seems that this cycle only use img? On Aug 31, 5:18 pm, amuhlou amysch...@gmail.com wrote: A couple other slider options you could try: http://css-tricks.com/anythingslider-jquery-plugin/ http://malsup.com/jquery/cycle/ On Aug 31, 2:45 pm, Dennis Madsen den...@demaweb.dk wrote: I'm trying to use the plugin, but have problem when using a Accordion from Query UI on one of the pages. You can see this sample page:http://dennismadsen.com/uploads/easyslider1.7/ When sliding eg. from page 1 to 4 the Accordion is flacking when sliding. I only see that problem in my Firefox. No problem in IE or Chrome. I've recorded a video of it:http://dennismadsen.com/uploads/easyslider1.7/flacking.avi How can I solve that problem? On Aug 31, 3:55 pm, Richard D. Worth rdwo...@gmail.com wrote: That content slider is not limited to images. The previous version has a demo that shows this:http://cssglobe.com/lab/easyslider1.5/05.html http://cssglobe.com/lab/easyslider1.5/05.htmlbut the newer version supports this as well. I recommend you give it a try. - Richard On Mon, Aug 31, 2009 at 9:43 AM, Dennis Madsen den...@demaweb.dk wrote: I'm searching for a content slider like this: http://cssglobe.com/lab/easyslider1.7/01.html It almost fits my need but I would like to use it to slide the content on my page - not simple images. I've have three pages; competences, references and contact. Furthermore I have a frontpage with three link-icons - one for every subpages. Therefore I need to have four slides inside my content slider, but I should should have the ability to handle a click on the icons the first slide (=my frontpage) so that it slide to the respective page. I hope someone know a plugin which fits my needs?
[jQuery] Re: Hover does not stop
in CSS, try adding position: relative; to the #navigation properties On Aug 27, 7:12 pm, Mario sevenartwo...@googlemail.com wrote: Hello everybody, I want to create a menu on the left side of the screen. OnMouseOver the menu should slid in from the left, OnMouseOut the menu should slide back to the right so that only 30px are still visible. I tried something but actually I cannot control it because it doesn't stop sliding: http://www.ulmercampus.de/try Here is the source: $(function(){ $('#navigation').hover( function() { $(this).animate({left: '-210'}, 'slow');}, function() { $(this).animate({left: '0'}, 'slow');} ); }); And here the XHTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head title| Hallo Welt|/title meta http-equiv=Content-Type content=text/html; charset=utf-8/ meta name=identifier-url content=www.ulmercampus.de / meta name=author content=sevenartworks.com / meta name=description content= / meta name=keywords lang=de content= / meta name=keywords lang=en-us content= / meta name=keywords lang=en content= / meta name=keywords lang=fr content= / meta name=robots content=index / meta name=robots content=nofollow / meta name=revisit-after content=10days / meta name=audience content=all / meta name=seite-topic content= / meta name=seite-type content=portal / meta http-equiv=content-language content=de / meta http-equiv=imagetoolbar content=no / script src=./module/jquery.js type=text/javascript/script script src=./module/javascripts.js type=text/javascript/ script link rel=stylesheet href=./stylesheets/reset.css type=text/css / link rel=stylesheet href=./stylesheets/stylesheet.css type=text/ css / /head body div id=navigation Hallo Welt /div /body /html
[jQuery] Re: Hover does not stop
can you post an example page? it's hard to visualize what's going wrong without seeing it in action. thanks On Aug 27, 8:07 pm, Mario sevenartwo...@googlemail.com wrote: This works a little bit better, however, it slides still one more than I want and I cannot access the Menu because it starts to move left immediately.
[jQuery] Re: Hover Area - Change image
I think keeping the source in a variable is the key here, try this: $('li.clickable').hover(function() { var newsrc = $(this).find('img').attr('src').replace (_off,_over); $(this).find('img').attr({src: newsrc}); }, function() { var oldsrc = $(this).find('img').attr('src').replace (_over,_off); $(this).find('img').attr({src: oldsrc}); }); On Aug 26, 3:44 pm, wheatstraw psurr...@gmail.com wrote: OK! we're close... If I attach this to a variable and echo it out, it give's me the correct string. The _off is replaced with _over and the other way around. As I have it below, on hover, the image will not change, no errors (firebug), just doesn't do anything. $('li.clickable').hover(function() { $(this).find('img').attr('src').replace(_off,_over);}, function() { $(this).find('img').attr('src').replace(_over,_off); });
[jQuery] Re: jCarousel Appears Vertical then Horizontal
Assuming your carousel container name is something like div id=carousel Try setting something in your main CSS like: #carousel ul li { float: left; width: 75px; /*or whatever the width of your items is*/ height:75px; /*or whatever the height of your items is*/ } On Aug 25, 11:55 am, Charlie charlie...@gmail.com wrote: very likely something's wrong in css, further guessing would be futile, link? Sparky12 wrote:Still got this problem ? Anyone else had any luck with it ?
[jQuery] Re: Hover Area - Change image
children() only works for direct children of an element, so if your img is wrapped in an a, it won't find the right element. Try using find() instead: $(li.clickable).hover(function() { $(this).find(img).attr(src, $(this).attr(src).split (_off).join(_over)); }, function() { $(this).find(img).attr(src, $(this).attr(src).split (_over).join(_off)); }); On Aug 25, 5:05 pm, wheatstraw psurr...@gmail.com wrote: Thanks but it doesn't seem to work... li class=clickableimg src=http://localhost/wrt-demo/images/ projects/boxes/13_off.jpg alt=Abuja Master Plan / p class=entryTexta href=http://localhost/wrt-demo/projects/detail/ Abuja-Master-Plan/13Abuja Master Plan/a/p/li $(.clickable).hover(function() { $(this).children(img).attr(src, $(this).attr(src).split (_off).join(_over));}, function() { $(this).children(img).attr(src, $(this).attr(src).split (_over).join(_off)); }); This works but not what I was trying to achieve: $(.clickable img).hover(function() { $(this).attr(src, $(this).attr(src).split(_off).join (_over));}, function() { $(this).attr(src, $(this).attr(src).split(_over).join (_off)); }); On Aug 25, 10:52 am, Liam Potter radioactiv...@gmail.com wrote: It's because you have targeted the image as the hover area rather then the li, use this instead $(li.clickable).hover(function() { $(this).children(img).attr(src, $(this).attr(src).split(_off).join(_over));}, function() { $(this).children(img).attr(src, $(this).attr(src).split(_over).join(_off)); }); Hover over the li, then get the child element within the context of 'this' to perform the actions to it. wheatstraw wrote: What I want to have happen is when you hover over the li it: 1) allows you to click the who area (this works) 2) The image swap. Right now the image will only swap when hovering over the image not the rest of the li. Any help would be appreciated! $(document).ready(function(){ $('li.clickable').css('cursor', 'pointer').click(function() { window.location = $('a', this).attr('href'); }); $(li.clickable img).hover(function() { $(this).attr(src, $(this).attr(src).split(_off).join (_over)); }, function() { $(this).attr(src, $(this).attr(src).split(_over).join (_off)); }); });
[jQuery] Re: JQuery Cycle effects don't work in IE
I checked it on a version of IE7 using VMware and am not seeing the fade transition working. There are, however, some validation errors you may want to clean up. the id attribute cannot start with a number, and it appears that your images for the cycle area all have this in common. On Aug 18, 9:48 am, theosoft ccop...@gmail.com wrote: I have tried various things to get this to work in IE, and I'm not sure why it won't work. The shuffle effect works, but not properly. It works in all the other browsers just fine. I've uploaded the code to jsbin here:http://jsbin.com/icuko I need this solved by the end of the day tomorrow, so if someone wants to take a look at it, please let me know what you think. I've not loaded everything in there, but it should be enough to give you an idea of how it's supposed to to work. Thank you.
[jQuery] Re: jcarousel outdated
I have successfully used jCarousel with jQuery 1.3.2, so I'm not sure why you would be having any issues. On Aug 17, 12:02 pm, EastsideS r@hccnet.nl wrote: Hi, I´m using jcarousel, along with a plugin called jScrollPane. Both scripts work fine on their own. only jcarousel only works under jquery 1.2.3 and jScrollPane only works with 1.2.6+. My question: how do i let them run nicely alongside? jCarousel:http://sorgalla.com/jcarousel/ jScrollPane:http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html Please help me a.s.a.p. Thnx in advance! Greetings, Richard
[jQuery] Re: Can you put diffrent image son each of the tabs in suckerfish?
I'm not sure what you mean by making the text linkable Can you post a test page that demonstrates your questions? thanks On Aug 14, 7:28 am, Stockypotty andy_stoc...@hotmail.com wrote: Yeah I was thinking of doing it the second way. So basically I would put a unique class name on each tab, then use background-image: url(linktophoto) Is there no way to make the text linkable? Also while I have you here, when I clicked on the suckerfish drop down and got sent to the new page, the title that was clicked still appeared. Do you know why? thanks
[jQuery] Re: Can you put diffrent image son each of the tabs in suckerfish?
a good start would be to use firebug and inspect the code for the example page. On Aug 14, 8:30 am, Stockypotty andy_stoc...@hotmail.com wrote: Sorry I didn't mean that, early morning ^^ I was wondering if you had any good tutorials on how to put a unique class name on each tab? Unfortunately my site is not running live if that is what you meant about a test page. However if you go to this site: http://www.quizilla.com/ You can see that the top menu has pictures as the tabs, and then when the user puts their mouse over it, the drop down menu appears. This is what I hope to achieve!
[jQuery] Re: Can you put diffrent image son each of the tabs in suckerfish?
like Liam said, you need to edit the HTML of the menu and add a class or id to each menu item, like they did in the picture you posted. Then you can target it with CSS. On Aug 14, 10:58 am, Stockypotty andy_stoc...@hotmail.com wrote: Yeah as you can see in this picture: http://i236.photobucket.com/albums/ff288/paramore_020/quizilla.jpg They have a seperate ID for each menu, which allows them to have a separate CSS style for each one. Do you know how I can give each menu on suckerfish it's own CSS style section? I think I need to add in my css page something like div.52 { background-image: URL(whateveritis) } Or somethign along those lines. Thanks!
[jQuery] Re: Can you put diffrent image son each of the tabs in suckerfish?
w3schools is a great resource for web tutorials. http://www.w3schools.com/tags/att_standard_class.asp On Aug 14, 12:09 pm, Stockypotty andy_stoc...@hotmail.com wrote: Right ok, I will search on how to add a class to the menu, do you know of any tutorials? Thanks guys
[jQuery] Re: Call Jquery from Flash?
Where does the Flash come into play here? This may help: http://blog.codefidelity.com/?p=15 On Aug 13, 9:29 am, mirkob mirkobo...@gmail.com wrote: I've this function in my html page script type=text/javascript !-- $(document).ready(function() { $('#neck_link').click(function(){ $('.neck').highlightFade({color:'#… speed: 5000}); }); }); -- /script And in the same page pa href=# id=neck_link onclick=return false;Neck/a/p BUT i'd like to call that function from flash. How do I set up getURL to work with a href=# id=neck_link onclick=return false; Thanks
[jQuery] Re: Can you put diffrent image son each of the tabs in suckerfish?
Your question is really more of an HTML/CSS question, so that may be why a search didn't return much in the way of results. You can either insert the images inside the a elements of your tabs (not really great for accessibility) or put unique class names on each tab and pull in the custom tab image using CSS background images and then use CSS to move the actual link text out of the viewport. On Aug 13, 2:24 pm, Stockypotty andy_stoc...@hotmail.com wrote: /thread title I have some custom tab images that I would like to put on the suckerfish menus, is this possible? I did have a search but this is a terrible setup for a forum Thanks
[jQuery] Re: IE8 Selector Bug?
Not confirming or disconfirming that it is a bug, but using the attr() method worked for me $('#Row_1 input[type=text]').each(function() { $(this).attr('value',''); }); On Aug 12, 1:25 pm, gentry gent...@gmail.com wrote: Anybody know why this doesn't work in IE8 with jQuery version 1.2.6? It works in the latest jQuery version but I can't move to it yet because of some other issues. I'm trying to clear all the textboxes in a table row but only the 1st textbox gets cleared in IE8. $('#Row_1 input[type=text]').each(function() { $(this).val(''); });
[jQuery] Re: Dropdown menu Issue
perhaps something like unbinding the hover would work http://docs.jquery.com/Events/unbind On Aug 12, 12:29 pm, Xenongasman xenongas...@gmail.com wrote: Any ideas? On Aug 8, 2:18 pm, Xenongasman xenongas...@gmail.com wrote: Yes it does work fine, except that the animations will repeat themselves if you move on and off again quickly. So to remedy that I changed the script to: script language=JavaScript $(function(){ $('#menu li').hover( function() { $(this).find('ul:first').css({display:none}).stop().slideDown (); }, function(){ $(this).find('ul:first').stop().slideUp('slow'); }); }); /script Then try it and move over one menu then the other very quickly and you'll see what i explained. And it also adds a artifact in IE7. I suppose i could leave it as is and not use stop() but I just wanted to know if someone knew how to fix this.
[jQuery] Re: simple question regarding the 'this' keyword
to get you started, you can use the each method, something like $('#carousel ul li a').each( function(){ //$(this) equals the current a element var src = $(this).children(img); //do other stuff here } ); On Aug 10, 2:24 am, svanhess vanh...@gmail.com wrote: I would suggest removing the thmb1, thmb2, thmb3 classes and use a static class like thmb so you can create a single function that handles all of your links. You can then create a single function to grab the src attribute of the child img tag and load up the hi res version of the image. For example if the thumbnail is item1.jpg you would load up item1_large.jpg. On Aug 9, 10:59 am, Cyra matt.penfi...@gmail.com wrote: Hello, First time posting here, so sorry if this has been covered to death, but I couldn't find anything via searching. I'm building a gallery page, that's setup like this: - carousel based horizontal image thumbnail navigation. - main div that loads, on thumbnail click, a high res version of each thumbnail image that exists within the carousel nav. so basically: code div id=main_div !-- high res image will be loaded here via ajax -- /div div id=carousel ul lia class=thmb1 href=###img src=item1.jpg //a/li lia class=thmb2 href=###img src=item2.jpg //a/li lia class=thmb3 href=###img src=item3.jpg //a/li /ul /div /code now, i realize i could simply write a line of jquery to load each and every thumbnail, i.e. code $(#carousel ul li a.thmb1).click(function () { $(#main_div).load(/high_res_images.html #image1); }); /code but that seems incredibly innefficient, and might be too complicated for my non-technical client to maintain. I'm wondering if I could set something up using the 'this' keyword, or 'each' to make this much more efficient, and would allow me to add new items to the carousel without updating the code. thanks so much for reading, i realize this is probably simpler than I think it is, but I'm new to js and jquery (loving it so far though!) -matt
[jQuery] Re: can all jQuery code be included in just one $(function(){}); ?
According to the API, you can have as many $(function(){}); in a page as you'd like. http://docs.jquery.com/Events/ready It just depends on the needs of your project. If it's imperative that $ (#myrandomdiv).corner(7px) is applied after $(.myboxclass).corner (7px); completes, then leave them separate as in your second example. On Aug 10, 6:15 am, Jesper F jesperfjoel...@gmail.com wrote: I Include my javascript in an includefile. Which is better way to organize the jQuery code: $(function(){ $(.myboxclass).corner(7px); $(#myrandomdiv).corner(7px); }); or $(function(){ $(.myboxclass).corner(7px); }); $(function(){ $(#myrandomdiv).corner(7px); }); that is in two sections. Is the last just wasting space? they seem to be working the same. Thanks.
[jQuery] Re: Jquery Show/Hide playing up in Safari
can you post a test page with the code you posted above? On Aug 10, 9:00 am, maffo a...@thisisrealart.com wrote: Note: I have also posted this on jqueryhelp.com but I havent resolved this issue. http://www.jqueryhelp.com/viewtopic.php?p=9713 I have just started a new job and am building my first website for them. Im using Jquery to try and impress them but after trying and testing the site in Safari, I am stumped as to why such a basic function its going wrong. The script works fine in ie and firefox so Im pulling my hair out. I have stripped all the non necessary code out of this and placed the css and javascript inside the head. -- CODE -- html head style type=text/css html { font-size:16px; margin:0; padding:0 } body,div,p { margin:0; padding:0; background: #eee; } div#container { width:70.06em; height:20em; overflow: visible; background:#fff } div#blackContainer { height:20em; background:#000 } div#portfolio { display:none; width:51.75em; height:20em; background:#fc0; } div#blackPanel { width:51.75em; height:20em; background:#000 } div#whitePanel { padding-left:4.19em; height:20em; background:#fff } .panel { float:left } /style script type=text/javascript src=http://ajax.googleapis.com/ ajax/libs/jquery/1.3/jquery.min.js/script script $(document).ready(function(){ // All Jquery fucntions should reside in here // NEW FUNCTION SHOW PORTFOLIO TAB $(.showPortfolio).click(function () { $(#container).css({'width' : '103.5em', 'overflow' : 'hidden'}); $(#portfolio).show(1000); }); // NEW FUNCTION HIDE PORTFOLIO TAB $(.hidePortfolio).click(function () { $(#portfolio).hide(1000, function(){$ (#container).css({'width' : '70.06em', 'overflow' : 'visible'});}); }); // End Doc Ready }); /script /head body div id=container div id=blackContainer class=panel div id=portfolio class=panel style=a class=hidePortfolio href=#Hide Portfolio Tab/a/div div id=blackPanel class=panel style=a class=showPortfolio href=#Show Portfolio Tab/a/div /div !-- WHITE PANEL -- div id=whitePanel class=panel showPages style=White Panel/div !-- END WHITE PANEL-- /div /body /html END CODE If you load that code in firefox you will see that by clicking on 'show porfolio', a yellow div slides open and pushes the black div to the right. You click 'hide portfolio' and the black div slides back and the yellow div hides. You can open and close the portfolio div as often as you like and it works a treat. If you try doing the same in safari, it works the first time but then it starts pushing the black div down. I cant for the life of me think what it could be and I have spent ages on it. If one of you kind experts on here could have a quick look at it for me I would more grateful than you can imagine! Thanks in advance, Maffo
[jQuery] Re: Select Option add Class
You can achieve this with a loop using the each method: $('select#custom1 option').each(function(){ var theText = $(this).html(); $(this).addClass(theText); }); However, with your current HTML, the class names will have spaces in them, which isn't valid. On Aug 10, 1:52 pm, Benn bennmey...@gmail.com wrote: This might have been resolved, but I can't find a solution with my search. I'm trying to add a class with the text of the option. Simple to do the selected option, but not all of them it seems. I want to change: select class=required id=custom1 name=custom1 option selected= value=/ option value=1Text 1/option option value=2Text 2/option option value=3Text 3/option /select to: select class=required id=custom1 name=custom1 option selected= value=/ option value=1 class=Text 1Text 1/option option value=2 class=Text 2Text 2/option option value=3 class=Text 3Text 3/option /select I have tried $('#selectList :selected').text() and $.map($ ('#foo :selected'), function(e) { return $(e).text(); }) but to no avail... I feel like I'm missing something
[jQuery] Re: disable column from sorting in tablesorter
I'm not sure if this helps, but you can configure tablesorter on a per column basis http://tablesorter.com/docs/example-options-headers.html On Aug 7, 12:38 pm, gord007 josef@gmail.com wrote: great answer :D advise someone better? thx jQuery Lover-2 wrote: You can write a javascript function that will add a row count column and after every table sort action will fire to clean the content of the column and repopulate it with numbers from 1 to 100. You can use tablesort's events: $(table).bind(sortEnd,function() { // write your code here }); Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Sat, Jan 17, 2009 at 11:09 PM, Rick Pasotto r...@niof.net wrote: On Sat, Jan 17, 2009 at 10:02:01AM -0800, MorningZ wrote: So to clarify, you always want that column to be sequentially 1 to n where n is the number of rows? Yes. and if so, and the sort is descending, would it be n to 1 ? No. the first row should always rank #1. The user can reverse the sort order if he wants to. The user wants to know the rank of some row near the middle of the table without having to manually count the rows. On Jan 17, 12:10 pm, Rick Pasotto r...@niof.net wrote: I have a table in which the first column is the row number (always from 1 at the top to 100 at the bottom) so no matter how the other columns are sorted that first column should be the 'rank' for that particular sort. Is it possible to do this with tablesorter? Could I change the values in the first column after tablesorter did it's work? I see how to disable sorting on the first column but that is not what I want. Could someone suggest another way to achieve what I want? -- Everything that you can imagine is real. -- Pablo Picasso Rick Pasotto r...@niof.net http://www.niof.net -- Our doctrine is based on private property. Communism is based on systematic plunder, since it consists in handing over to one man, without compensation, the labor of another. If it distributed to each one according to his labor, it would, in fact, recognize private property and would no longer be communism. -- Frédéric Bastiat (1801-1850) Rick Pasotto r...@niof.net http://www.niof.net -- View this message in context:http://www.nabble.com/disable-column-from-sorting-in-tablesorter-tp21... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: disable column from sorting in tablesorter
apologies, I see now that it isn't exactly what you're looking for On Aug 7, 7:18 pm, amuhlou amysch...@gmail.com wrote: I'm not sure if this helps, but you can configure tablesorter on a per column basis http://tablesorter.com/docs/example-options-headers.html On Aug 7, 12:38 pm, gord007 josef@gmail.com wrote: great answer :D advise someone better? thx jQuery Lover-2 wrote: You can write a javascript function that will add a row count column and after every table sort action will fire to clean the content of the column and repopulate it with numbers from 1 to 100. You can use tablesort's events: $(table).bind(sortEnd,function() { // write your code here }); Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Sat, Jan 17, 2009 at 11:09 PM, Rick Pasotto r...@niof.net wrote: On Sat, Jan 17, 2009 at 10:02:01AM -0800, MorningZ wrote: So to clarify, you always want that column to be sequentially 1 to n where n is the number of rows? Yes. and if so, and the sort is descending, would it be n to 1 ? No. the first row should always rank #1. The user can reverse the sort order if he wants to. The user wants to know the rank of some row near the middle of the table without having to manually count the rows. On Jan 17, 12:10 pm, Rick Pasotto r...@niof.net wrote: I have a table in which the first column is the row number (always from 1 at the top to 100 at the bottom) so no matter how the other columns are sorted that first column should be the 'rank' for that particular sort. Is it possible to do this with tablesorter? Could I change the values in the first column after tablesorter did it's work? I see how to disable sorting on the first column but that is not what I want. Could someone suggest another way to achieve what I want? -- Everything that you can imagine is real. -- Pablo Picasso Rick Pasotto r...@niof.net http://www.niof.net -- Our doctrine is based on private property. Communism is based on systematic plunder, since it consists in handing over to one man, without compensation, the labor of another. If it distributed to each one according to his labor, it would, in fact, recognize private property and would no longer be communism. -- Frédéric Bastiat (1801-1850) Rick Pasotto r...@niof.net http://www.niof.net -- View this message in context:http://www.nabble.com/disable-column-from-sorting-in-tablesorter-tp21... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Remove help
where is the click function in your javascript? I don't see it in the snippet you posted. it may work better to fade out the loading div as a callback to your load method: $('#content').load('/?php echo $url ; ?/profile/', function(){ $('#load').fadeOut().remove(); }); On Aug 6, 9:17 am, Dave Maharaj :: WidePixels.com d...@widepixels.com wrote: I have append to add a loading div. But once loaded i want to fade it out and remove it. I have: script type= text/javascript/*![CDATA[*/ $(document).ready(function(){ $('#content').append('div id=load/div'); $('#load').fadeIn('normal'); $('#content').load('/?php echo $url ; ?/profile/'); $('#load').fadeOut('normal' , function() { $('#load').remove(); }); }); /script But it does not remove the #load div...so looking at firebug the load div gets added everytime a user clicks a link div id=load style=display: none;/ div id=load/ div id=load/ div id=load/ div id=load/ How can I remove the div once it done loading? Dave
[jQuery] Re: append help
I refer to this tutorial a lot when figuring out how to load things: http://net.tutsplus.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ step 4 should be especially useful to you On Aug 5, 12:57 pm, Dave Maharaj :: WidePixels.com d...@widepixels.com wrote: I want to add .loading class before an element (#admin_content) so when a user clicks on a link it add the loading class before the #admin_content DIV but just can figure out to add the div class=loading/div I do not want to load the pages up with loading div tags all over the site. $('a.admin_nav').click(function(){ var url = $(this).attr('href'); $('#admin_content').fadeOut('fast', function(){ // want to add the loading step here $('#admin_content').load(url, function(){ //want to remove the loading class $('#admin_content').fadeIn('fast'); }); }); return false; }); Can someone point me in the right direction? Dave
[jQuery] Re: dropdown menu does not drop1
in template.css, line 161, #pillmenu has overflow:hidden. remove that and your menu shows up On Aug 4, 9:59 am, tilton27 ccne...@yahoo.com wrote: Hi! I installed superfish on this sitewww.itipensa.com. The institutions is suppossed to be a drop down menu, but it just doesn't drop. It looks like it gets stuck in somewhere and i just am not able to figure what is wrong. Please help me fix it. Thanks in advavnce.
[jQuery] Re: set certain items in a select list to selected.
Maybe the eq() selecor would help more (http://docs.jquery.com/ Selectors/eq) something like: $(#mylist option:eq(2), #mylist option:eq(0), #mylist option:eq (4)).attr(selected, selected); On Aug 3, 2:51 pm, shaded dar...@eztransition.com wrote: Not exactly. I guess looping through my string would work. but its a multiple select list so .addclass wont work i tried using $(#mylist option:contains(3)).attr(selected, selected); this compares against the list value, not the id. Is there a way to compare against the id? Better yet, us there a function that will let me drop in my string and will simply find all the ids that match and then i can use .attr (selected, selected); on that?
[jQuery] Re: superfish : how to create multi column menu
The multi-column look is more of an HTML/CSS issue than jQuery. Use Firebug to inspect the code of the page you linked and you'll see how they achieved multiple columns. You can also refer to http://www.alistapart.com/articles/multicolumnlists/ to see how to create multi-column lists. On Jul 31, 8:28 am, satria satr...@gmail.com wrote: Hi, I'm a beginner for the jquery stuff. How to use superfish to create multi column menu like a href=http://www.gunlaug.no/tos/ moa_41.htmlthis/a?
[jQuery] Re: Content Loads then Javascript
I think this article may help: http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content On Jul 27, 3:51 am, Mushex Antaranian jesirobende...@gmail.com wrote: $(document).ready(function() { /* your code */ }) -this means that code inside {} brackets will execute after DOM is loaded.. On Jul 27, 5:59 am, Mutual Designs mike.f.griffi...@gmail.com wrote: How do I prevent the content loading on my website before the Javascript loads. It seems that all of my Javascript is loading in the head of my page, but the content all shows before being modified by the javascript. http://boomer-living.com/wp/ Any suggestions?
[jQuery] Re: $(document).ready script appears to not run in IE?
glad it worked! On Jul 27, 12:15 am, Billy mail.billy...@gmail.com wrote: Thank you for that hint - I changed the CSS to display:inline, and the script now works fine on IE. :D On Jul 21, 1:13 am, amuhlou amysch...@gmail.com wrote: I don't know if this is part of the issue or not, but IE7 does not have support for the display:table; property. See quirksmode to see what properties it does support (not many):http://www.quirksmode.org/css/display.html On Jul 20, 2:44 am, Billy mail.billy...@gmail.com wrote: Hello all, I'm relatively new to jQuery, and I'm having some trouble making a selected tbody display in IE. It seems to work fine in FireFox, and Chrome. See here: http://wwwdev.latrobe.edu.au/nursing/ProspectiveStudents/Postgraduate... I've looked up various fora, but the only things I can find seem to relate to earlier versions of jQuery. We're running jQuery-min.1.3.2 on this site. The relevant parts of the code which run in FF/Chrome, but appear to not run in IE: script language=javascript type=text/javascript $(document).ready(function() { //... $('#questionTable tbody:first').addClass('selected'); //... }); /script Relevant CSS associated with this: style #questionTable tbody { display: none;} #questionTable tbody.selected { display:table;} /style Help? Thanks in advance, Billy
[jQuery] Re: select all grandchildren of a div
Assuming the grandchildren all have the class=grandchild attribute, you could use the find() method: $('div.parent').find(.grandchild) On Jul 23, 3:04 pm, Krish senthil@gmail.com wrote: Hey All, I have to select all my grandchildren of parent div. only the grandchildren not either of children or great grandchildren. div id=parent class=parent div id=child class=child div id=grand_child_1 class=grandchild /div div id=great_grand_child_1 class=greatgrandchild /div div id=great_grand_child_2 class=greatgrandchild /div . . . div id=great_grand_child_n class=greatgrandchild /div div id=grand_child_2 class=grandchild / div div id=great_grand_child_1 class=greatgrandchild /div div id=great_grand_child_2 class=greatgrandchild /div . . . div id=great_grand_child_n class=greatgrandchild /div div id=grand_child_3 class=grandchild /div . . . . div id=grand_child_n class=grandchild /div /div /div How can i achieve this using jquery? Thanks in advance regards, krish
[jQuery] Re: select all grandchildren of a div
I'm not really sure what you are asking. Are you referring to the jQuery ui slider? If so, the jQuery UI google group is probably a better place to ask that question and search for threads where your question may have already been answered. http://groups.google.com/group/jquery-ui On Jul 23, 3:37 pm, Krish senthil@gmail.com wrote: hi amuhlou, thank you for your quick response. with the same assumption is there any possibility to get all grandchildren in the handle property of jquery. On Jul 23, 12:11 pm, amuhlou amysch...@gmail.com wrote: Assuming the grandchildren all have the class=grandchild attribute, you could use the find() method: $('div.parent').find(.grandchild) On Jul 23, 3:04 pm, Krish senthil@gmail.com wrote: Hey All, I have to select all my grandchildren of parent div. only the grandchildren not either of children or great grandchildren. div id=parent class=parent div id=child class=child div id=grand_child_1 class=grandchild /div div id=great_grand_child_1 class=greatgrandchild /div div id=great_grand_child_2 class=greatgrandchild /div . . . div id=great_grand_child_n class=greatgrandchild /div div id=grand_child_2 class=grandchild / div div id=great_grand_child_1 class=greatgrandchild /div div id=great_grand_child_2 class=greatgrandchild /div . . . div id=great_grand_child_n class=greatgrandchild /div div id=grand_child_3 class=grandchild /div . . . . div id=grand_child_n class=grandchild /div /div /div How can i achieve this using jquery? Thanks in advance regards, krish
[jQuery] Re: JQuery IE Bug? trigger with TABLE Element
a link to the page where it's happening (or a test page where you replicate the problem) would help. On Jul 22, 9:31 am, Diogo diogo.l...@gmail.com wrote: Hi, I am having trouble with the Trigger in JQuery 1.3.2 and IE. It works in FireFox but breaks in IE6 and 8. JQuery.js line 2644 if ( (!elem[type] || (jQuery.nodeName(elem, 'a') type == click)) elem[on+type] elem[on+type].apply( elem, data ) === false ) The elem[type] give a Invalid procedure call or argument Watch: NAME VALUE TYPE type node:changed String elem.nodeName TABLE String elem[type] Invalid procedure call or argument Error Can anyone help with this issue? Do you need more info, what? Thanks. Regards, Diogo
[jQuery] Re: $(document).ready script appears to not run in IE?
I don't know if this is part of the issue or not, but IE7 does not have support for the display:table; property. See quirksmode to see what properties it does support (not many): http://www.quirksmode.org/css/display.html On Jul 20, 2:44 am, Billy mail.billy...@gmail.com wrote: Hello all, I'm relatively new to jQuery, and I'm having some trouble making a selected tbody display in IE. It seems to work fine in FireFox, and Chrome. See here: http://wwwdev.latrobe.edu.au/nursing/ProspectiveStudents/Postgraduate... I've looked up various fora, but the only things I can find seem to relate to earlier versions of jQuery. We're running jQuery-min.1.3.2 on this site. The relevant parts of the code which run in FF/Chrome, but appear to not run in IE: script language=javascript type=text/javascript $(document).ready(function() { //... $('#questionTable tbody:first').addClass('selected'); //... }); /script Relevant CSS associated with this: style #questionTable tbody { display: none;} #questionTable tbody.selected { display:table;} /style Help? Thanks in advance, Billy
[jQuery] Re: get height from hidden element
Perhaps you can try grabbing the element's height just before you initiate tabs (assuming you're not pulling in the tabs via ajax)? On Jul 17, 5:47 am, David garcia.narb...@gmail.com wrote: Hi, my problem is, when I try to get the height or any other graphic property of an element which is hidden (in my case, hidden in one jQuery UI tab), I can't manage to get the height of the element. If I do: $(#my_element).outerHeight() I get zero. Whereas If I do the same when the element is visible, I get its height. I work with jQuery 1.3.2 and FF 3.5. What am I doing wrong? Thanks!
[jQuery] Re: get height from hidden element
good point, Charlie. http://docs.jquery.com/UI/Tabs#Why_does... On Jul 17, 12:37 pm, Charlie charlie...@gmail.com wrote: there are methods explained in UI tabs docs how to handle this amuhlou wrote:Perhaps you can try grabbing the element's height just before you initiate tabs (assuming you're not pulling in the tabs via ajax)? On Jul 17, 5:47 am, Davidgarcia.narb...@gmail.comwrote:Hi, my problem is, when I try to get the height or any other graphic property of an element which is hidden (in my case, hidden in one jQuery UI tab), I can't manage to get the height of the element. If I do: $(#my_element).outerHeight() I get zero. Whereas If I do the same when the element is visible, I get its height. I work with jQuery 1.3.2 and FF 3.5. What am I doing wrong? Thanks!
[jQuery] Re: Cycle - preload images possible??
If you are going to keep the images in the HTML page itself, then you should probably just preload them in the head of your document using an array: script type=text/javascript //check to see if image object exists (real old browsers don't have it) if (document.images) { //create a new image object preload_image_object = new Image(); // set image url image_url = new Array(); //populate your array for each of your images image_url[0] = http://mydomain.com/image0.gif;; image_url[1] = http://mydomain.com/image1.gif;; image_url[2] = http://mydomain.com/image2.gif;; image_url[3] = http://mydomain.com/image3.gif;; var i = 0; //loop through the array, if you had 12 images it would be (i=0; i=11; i++) since the indexes start at 0 for(i=0; i=3; i++) preload_image_object.src = image_url[i]; } /script On Jul 15, 5:51 pm, whiggins whiggin...@gmail.com wrote: Thanks for your response! I have the photos placed within a div (#photoshow) on the html page itself - I'm curious to know how might your code be altered to preload them in this situation? Unfortunately I had no success with the script as mentioned on the ...cycle/add3.html page. What has worked is a CSS rule of display:none for all the imgs except the first, to which I gave a class of first and a CSS rule of display:block so there is something to see while Cycle loads up. Propped up for now, but working. I appreciate your help! On Jul 14, 1:22 pm, amuhlou amysch...@gmail.com wrote: Cyclesupports loading images via ajax, which I think could smooth out the long load issues. A very basic impementation would be $(#cycleDiv).load(slides.html, function(){ $(this).cycle({ timeout: 5000 }); }); where slides.html is the path to an html file that looks something like: img src=slide1.jpg alt= / img src=slide2.jpg alt= / img src=slide3.jpg alt= / This may also be helpful to you:http://malsup.com/jquery/cycle/add3.html On Jul 14, 10:27 am, whiggins whiggin...@gmail.com wrote: Am usingCycle(fade) for image slideshow very happily, except for the big visual flap when all the photos (12 or so, but large-ish) load prior to cycling. I've looked for apreloadsolution but haven't immediately found any. Is this best? Is there another solution? Would be grateful for any help with this! (obviously it's safe to assume I know little re: js)
[jQuery] Re: Cycle - preload images possible??
Cycle supports loading images via ajax, which I think could smooth out the long load issues. A very basic impementation would be $(#cycleDiv).load(slides.html, function(){ $(this).cycle({ timeout: 5000 }); }); where slides.html is the path to an html file that looks something like: img src=slide1.jpg alt= / img src=slide2.jpg alt= / img src=slide3.jpg alt= / This may also be helpful to you: http://malsup.com/jquery/cycle/add3.html On Jul 14, 10:27 am, whiggins whiggin...@gmail.com wrote: Am using Cycle (fade) for image slideshow very happily, except for the big visual flap when all the photos (12 or so, but large-ish) load prior to cycling. I've looked for a preload solution but haven't immediately found any. Is this best? Is there another solution? Would be grateful for any help with this! (obviously it's safe to assume I know little re: js)
[jQuery] Re: Jcarousel problems in the buttins with IE6
Could you post a test page? Is the NEXT button just unclickable in IE6 or is it actually showing the disabled (aka 'grayed out') version? Are your previous/next buttons png format (the default ones for the plugin are png)? And are you applying some sort of PNG fix on the site? I have seen some PNG fixes make linked elements unclickable because of how they do positioning. The best thing to do would be to use gifs in conditional styles for IE6 only and see if that helps. On Jul 9, 3:31 pm, Zanfe andrea.zanferr...@gmail.com wrote: Hi all, I have a big problem with Jcarousel. I don't know what to do! In IE6, when I open my page, the button NEXT is disabled and so I can't view the other photos. Any help, please? Thanks a lot Bye Andrea
[jQuery] Re: Cannot disable div
It doesn't look like what you're trying to select exists. the jcarousel-next and jcarousel-next-horizontal classes are being applied to the same div, so there shouldn't be a space between them in your selector. Additionally, it appears your syntax for the attribute selector is incorrect Have you tried jQuery(.jcarousel-skin-ie7 .jcarousel-next- horizontal).attr(disabled,true); or jQuery(.jcarousel-skin-ie7 .jcarousel-next.jcarousel-next- horizontal).attr(disabled,true); On Jul 8, 11:40 am, BaBna thomas.na...@gmail.com wrote: Because it sucks? It might create problems with some DTD I think, and maybe this disable on a DIV is an IE special feature, I don't know. Anyway, what do you want to achieve here? On Jul 8, 4:30 pm, Cesar Sanz the.email.tr...@gmail.com wrote: How come is that you want to disable a div?? Do you mean, block the content inside div? - Original Message - From: BaBna thomas.na...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Sent: Wednesday, July 08, 2009 9:28 AM Subject: [jQuery] Re: Cannot disable div Maybe because there is no disabled property for DIV? http://www.w3schools.com/tags/tag_DIV.asp On Jul 8, 4:25 pm, expresso dschin...@gmail.com wrote: div class=jcarousel-skin-ie7 div class=jcarousel-container jcarousel-container-horizontal style=display: block; height: 220px; width: 592px; div class=jcarousel-prev jcarousel-prev-horizontal style=display: block; disabled=false/ div class=jcarousel-next jcarousel-next-horizontal style=display: block; disabled=false/ div class=jcarousel-clip jcarousel-clip-horizontal style=width: 600px; height: 220px; ul id=mycarousel class=jcarousel-list jcarousel-list-horizontal style=height: 220px; width: 3315px; left: -2028px; /ul /div /div /div I'm trying to change disabled to true. It's not taking. And what I also don't get is what is disable doing for a div? I have tried this: jQuery(.jcarousel-skin-ie7 .jcarousel-next .jcarousel-next- horizontal).attr({ disabled: true });
[jQuery] Re: how to ask questions
not to mention sometimes you figure out the problem by creating a test case. On Jun 26, 10:05 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: shaded wrote: its not always practical to post a link. The stuff im working on is offline for now. including database and php files. but thanks for all the tips. You don't always have to post your whole site, you could reduce it to a testcase. Just show the minimal amount of html and javascript that exhibits the problem you have. Chances are you'll find the root of your problem while you're working on the testcase. Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: Expand and close Accordion List by choice without hover
it sounds like the jQuery UI Accordion widget would suit your needs much better. http://jqueryui.com/demos/accordion/ On Jun 25, 1:03 pm, Charlie charlie...@gmail.com wrote: superfish menu was never designed to work on a click if you search this group with superfish click you will find some threads on this. There are some patches for click in this search, i tried them one day but never got them working ironwiller wrote:hi, i would like to ask what must i change and in which file / line so i can have instead of on hover and closing automatically the ability to expand by myself and close myself the menu with accordion list choise...the site preview is:http://preview.nosmoke.grty in advanced for your help
[jQuery] Re: how to ask questions
regarding email settings: in the post title bar, click Options on the far right. then click Email updates to me On Jun 24, 2:25 pm, James james.gp@gmail.com wrote: I've found the best way to get an answer is to make your question concise. Don't make a one sentence post. Put it in detail and separate paragraphs if you have to. If you have code to show and it's only a few lines, post your code. Otherwise, post a link to your code, or better yet, a demo page demonstrating the issue. Code does not show up formatted very well on Google groups and the emails it send, so keep it short if you post code here. Posting a huge block of un-formatted code is a huge turn off and I don't bother looking through it. Same with posts with too much text. I look at those with little text, but having not enough information also makes it difficult to understand what you want. On Jun 24, 5:56 am, shaded dar...@eztransition.com wrote: thanks for the replies, @cesar, i'm not mad or anything, i just figure i was asking in the wrong way and wanted to find out what im doing wrong. @michael, thanks for pointing out that 2 questions were answered. This is my first google group and i figured that replies to my post would be emailed to me. maybe i can set that up in settings or something.
[jQuery] Re: Unresponsive Script
what happens if you put an empty else {} after the last elseif? On Jun 19, 10:33 am, bombaru bomb...@gmail.com wrote: I think it's the if/else if statement at the top. If I change the last else if to just an else, I get a syntax error but no unresponsive script error. function mousedownSearchTracking(e) { var $zone = $(this); if (typeof (e.data.action) == undefined) { if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section); // just section data } else if (e.data.action == link) { var linkText = $zone.text(); if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section + ':' + linkText); // with link data } else if (e.data.action == position) { var position = $zone.attr('position'); if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section + ':' + position); // add position data } $zone.unbind('mousedown'); } On Jun 19, 10:17 am, bombaru bomb...@gmail.com wrote: I've pinpointed the script that's causing the timeout. Commenting this script out resolves the issue. I don't see anything in this script however that is out of place. I'd be curious if some better trained eyes find something. Thanks again for all of your help. ==// jQuery(document).ready(function($) { var searchHandler = 'MoneySearch'; function mousedownSearchTracking(e) { var $zone = $(this); if (typeof (e.data.action) == undefined) { if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section) // just section data } else if (e.data.action == link) { var linkText = $zone.text(); if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section + ':' + linkText) // with link data } else if (e.data.action == position) { var position = $zone.attr('position'); if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section + ':' + position) // add position data } $zone.unbind('mousedown'); } /// Handle the Search box submit on the Search page function submitSearchTracking(e) { var $zone = $(this); var inputValue = $('input[id=prod-search]').val(); // get the search value the user typed in if (typeof (CreateOnClickEvent) != undefined) CreateOnClickEvent('Search', 30, searchHandler + e.data.section) // just section data $zone.unbind('submit'); } // Click Events to bind // --- // re-search $('form[id=searchform]').bind('submit', { section: :re-search }, submitSearchTracking); // Did You Mean $('div.did-you-mean a').bind('mousedown', { section: :DidYouMean }, mousedownSearchTracking); // Category filters $(li[trackcat='Category'] ul li).not($(li.toggle)).each (function(counter) { var thiscounter = counter + 1; $(li[trackcat='Category'] ul li:nth-child( + thiscounter + ) a).bind('mousedown', { section: :Category + thiscounter }, mousedownSearchTracking); }); // Brand filters $(li[trackcat='Brand'] ul li).not($(li.toggle)).each(function (counter) { var thiscounter = counter + 1; $(li[trackcat='Brand'] ul li:nth-child( + thiscounter + ) a).bind('mousedown', { section: :Brand + thiscounter }, mousedownSearchTracking); }); // Price range filters $(li[trackcat='Price Range'] ul li a).each(function(counter) { $(this).bind('mousedown', { section: :PriceRange }, mousedownSearchTracking); }); // Customer rating filters $(li[trackcat='Customer Rating'] ul li a).each(function(counter) { searchHandler = 'MoneySearchB'; var inputValue = $(this).text(); if (inputValue.search(5 stars) -1) $(this).bind('mousedown', { section: :CustomerRating5Stars }, mousedownSearchTracking); else if (inputValue.search(4 stars) -1) $(this).bind('mousedown', { section: :CustomerRating4Stars }, mousedownSearchTracking); else if (inputValue.search(3 stars) -1) $(this).bind('mousedown', { section: :CustomerRating3Stars }, mousedownSearchTracking); else if (inputValue.search(2 stars) -1) $(this).bind('mousedown', { section: :CustomerRating2Stars }, mousedownSearchTracking);
[jQuery] Re: jQuery Conference for 2009?
Cleveland or Detroit could really use a jQuery conference... just sayin :) On Jun 18, 11:42 am, Rey Bango r...@reybango.com wrote: Oh it's coming and it's going to be awesome. :) Rey... ak732 wrote: Is good news that there will be a conference. Looking forward to it. Having the schedule information would be helpful for those of us also attending Ajaxian conference (assuming the two conferences will be adjacent again) from the standpoint of making reservations. But I understand it's not easy to pull that information together. Let me know if there's something I can do to help. Andy On Jun 17, 1:19 pm, Karl Swedberg k...@englishrules.com wrote: There will be a jQuery conference in Boston this year, unless something goes horribly wrong. We don't have any information to provide at this time, but will do so when it becomes available. Sorry, I don't mean to leave anyone in the dark. It's just that specific dates, times, number of days, and location haven't been determined yet. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Jun 16, 2009, at 11:09 AM, MorningZ wrote: There wasn't much chatter on the jQuery day here on the group last year either (yet it was packed!) So i wouldn't gauge interest in it by this mailing list :-) On Jun 16, 10:41 am, ak732 ask...@gmail.com wrote: So... is there no interest in a jQuery conference up in Boston this year? Incidentally, this entire post doesn't show up when searching through the group posts. I searched on conference, on Boston and on Guinness without pulling up this topic. Weird.
[jQuery] Re: jQuery Works fine with Firefox and Internet Explorer 8. Not with IE7?
in IE8 choose Tools Compatibility View to trigger IE7 mode. definitely check out that stray comma Nikola mentioned, as I've seen IE choke on those lots of times before. If you really want to uninstall IE8, you can probably do a system restore back to a date before you installed IE8. On Jun 17, 2:50 pm, Charlie charlie...@gmail.com wrote: page breaks in IE 7 w3 validator shows broken tags and microsoft debug has error here : }).playlist(.entries); good practice to run validator (easy click from Firefox developer toolbar) , can find issues that may not be obvious, or when page not acting properly http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.pangeaadvisors.org%2F another good resource is IE Tester,http://www.my-debugbar.com/wiki/IETester/HomePage it mimics all versions of IE and can run script debugger efet wrote:I developed a website using jQuery plugins in part of it. Couple of visitors visited the website with internet explorer complained that some part of the website does not function at all. I have Internet Explorer 8 installed and I dont know how to downgrade it. Can someone test the website and tell me the error please. Thank you in advance!http://www.pangeaadvisors.org
[jQuery] Re: vertically scroll text
You could probably use SerialScroll: http://demos.flesler.com/jquery/serialScroll/ if you scroll down to the bottom of that page, it has an example of a vertically scrolling div. On Jun 12, 4:39 pm, -Dman100- dwaynee...@gmail.com wrote: Is there a jquery plugin that can scroll text in a div vertically? I have div with a set height that is filled with more content than can be seen. I'm looking for a way to vertically scroll the text or some way to page thru the content. Thanks for any help.
[jQuery] Re: append() does not properly resize div when adding content
you're declaring a fixed height inline. the div is being told to only be 100px tall, so it doesn't matter how much content is inside it. try replacing height: 100px with float: left; On Jun 12, 11:38 am, Eric-Sebastien Lachance eslacha...@gmail.com wrote: Hello, I'm creating a page that lists the available songs that I have for karaoke, and I'm having some difficulties with formatting. I'm using jquery to retrieve an XML created by php, and outputting it to the html page using jquery's append() function. However, when I do this, the DIV that contains the data (the one I'm appending) simply does not re-size with the data - so I have a div that's a few pixels high, and a data list that just floods out of it in the emptiness of my body background (white). The page is here:http://lucas.is-a-geek.com:8181/jquery/ The append code is: $.get('backend.php', function(parsexml){ $(parsexml).find('song').each(function(){ var id = $(this).find(ID).text(); var artist = $(this).find(artist).text(); var title = $(this).find(title).text(); html = div id=\songid + id + \ style=\float: left; width: 830px; height: 20px; border-top:1px solid #000;\; html = html + div class=\artist\ style=\float: left; width: 250px\ + artist + /div; html = html + div class=\title\ style=\float: left; width: 300px\ + title + /div; html = html + /div; $(#resultscontainer).append(html); //$(#resultscontainer).append(p id=songid + id + class= \trigger ui-state-default\a href=\#\ + author + - + title + /a/p); }); }); The DIV is simply: div id=resultscontainer class=ui-state-highlight ui-corner-all style=height: 100px; width:835px; /div Does anyone know how to fix this? I've tried setting a % or px height to the div, with no change in behavior. Oh, it happens both in Firefox and Internet Explorer equally.
[jQuery] Re: Replace content with title attribute value
I would probably do something like this: var formattedDate = $('span.date').attr('title'); $('span.date').html(formattedDate); if you have multiple date spans on the page, you may need to use the .each() method On Jun 12, 12:33 pm, jay7 jayd...@gmail.com wrote: Hi, I have this: span class=date title=May 14, 200914 May 2009/span .. and I'd like JQuery script to output it as this: span class=date title=May 14, 2009/span Basically, I'm checking the browser language and I want to display all dates in US date format to all users with EN-CA and EN-US browser language (and UK format to all other users). Please let me know if there is a better way of doing it, I couldn't find anything. Thanks.
[jQuery] Re: remove question
putting it all together, you'd get something like: $('#div1').replaceWith($('#div2')).remove(); first you find div1, then replace it with div2, then remove div1 On Jun 12, 2:12 pm, Kean shenan...@gmail.com wrote: W3C says that id should not start with a number Here's probably what you need. $('#1').remove(); On Jun 11, 7:44 pm, David .Wu chan1...@gmail.com wrote: Can I remove div1 but div2 keep there? div id=1 div id=2/div /div
[jQuery] Re: jquery.animate with className only
This got me curious and after a little digging I find a plugin called animateToClass http://igorvieira.com/blog/animate-to-class-en It seems to be what you're looking for. cheers, ~amy On Jun 12, 2:04 pm, DiggityDan edn...@gmail.com wrote: I'm new to Jquery and I was wondering if this feature exists anywhere. the animate() function where instead of parameters you pass in a classname and it reads the parameters from available css definitions. I am trying to keep my css specifics out of my javascript files.
[jQuery] Re: How can I move a div around the screen like iGoogle?
You may also find the jQuery UI draggable and droppable interactions useful: http://jqueryui.com/demos/draggable/ http://jqueryui.com/demos/droppable/ On Jun 8, 3:50 pm, Armand Datema nok...@gmail.com wrote: You can start with the sortable demo on jqueryui and go from there http://jqueryui.com/demos/sortable/#portlets we used it as a starting point for this: http://www.2dnn.com/DragnDrop.aspx Armand On Mon, Jun 8, 2009 at 1:04 PM, marcello marcello.man...@gmail.com wrote: Hello everyone!! I'm new here!!! I'm starting to know how many advantages has JQuery for developers. I'm trying some experiments, and the other day I saw the iGoogle interface, where users can move the gadgets around the screen, and this stuff liked me very much. That's why I want to ask to the community if anybody knows if there is some plugin or library in JQuery to do the same effects and allows the programmer to move a div from one point of the screen to another one and fix it. Thank you!! Cheers!! -- Armand Datema CTO SchwingSoft
[jQuery] Plugin for styling select ?
Hey Everyone, I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the select element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+ Thanks!
[jQuery] Re: Plugin for styling select ?
Thanks, I'll look into this one today! On Jun 1, 2:58 pm, clorentzen carl.lorent...@gmail.com wrote: For custom formatting selects, try the linkselect plugin: http://www.givainc.com/labs/linkselect_jquery_plugin.htm Best, --Carl. On Jun 1, 1:25 pm, amuhlou amysch...@gmail.com wrote: Hey Everyone, I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the select element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+ Thanks!
[jQuery] Start Cycle Plugin from External Page Link
Hello all, I'm using the Cycle plugin to build a photo album feature and am looking for a way to jump to a specific slide when a user clicks a thumbnail on a separate page. For example, I have a thumbnail listing page: http://static.spartaninternet.com/sandbox/schools/library.php When clicking on the thumbnail, I'd like the new page with the cycle to load with the clicked thumbnail as the starting slide. I know there's a startingslide option but I can't wrap my head around how to load the page and start the slideshow at the same time. Forgive me if this is very simple, I've learned what little JavaScript and jQuery I know in a very piecemeal fashion. Thanks ~amy
[jQuery] Re: Slideshow with Carousel and spotlight?
I came across this link today while looking for something completely different. http://design-notes.info/tutorial/jquery-tutorial/how-to-creat-a-feature-article-slide-show-with-thumbnails-and-indicator/ It looks like it combines jCarousel and Cycle. It would need tweaking to be ajax-friendly, but it's at least a proof of concept =) On Apr 15, 12:35 am, Jack Killpatrick j...@ihwy.com wrote: Hmm, I have a pretty big collection of plugin bookmarks, but looked through them and couldn't find something that seemed quite right, either. Found this, which seems like a near-hit: http://www.monc.se/galleria/demo/demo_01.htm#img/lightning.jpg and this, but it hooks to Flickr: http://www.userfriendlythinking.com/Blog/BlogDetail.asp?p1=7013p2=10... I'm interested in hearing if you find something. Good luck! - Jack rubycat wrote: For what it's worth, here's my plea for pretty much the same thing...the magic of Cycle combined with the utility of jCarousel. Have been agonizing over this, searching endlessly for an unobtrusive solution with no luck.
[jQuery] Re: Slideshow with Carousel and spotlight?
it does indeed look promising! On Apr 23, 2:11 pm, rubycat pavia...@gmail.com wrote: You got me all excited! Alas, it looks like there is a disconnect between the two scripts. For example, the carousel doesn't scroll beyond the initial thumbnails displayed, even if the cycle part advances beyond that. Rats. Am wistfully hoping that the jquery slideshow being developed herehttp://spaceforaname.com/galleryview will overcome a bug in IE wherein overlays do not correctly fade in/ out during panel transitions. Looks promising, yes?
[jQuery] Slideshow with Carousel and spotlight?
Hi everyone, I'm looking for an image slideshow using carousel thumbnails as well as a spotlight for an enlarged version of the thumbnails. YUI has one that *almost* does what I need (http://developer.yahoo.com/yui/ examples/carousel/csl_dynload2_clean.html), however it doesn't allow for portrait or landscape thumbnails. Plus, I like jquery better! I've done a lot of googling and have come up with nothing that is quite right. I was just wondering if anyone has come across something like this for jQuery that has: --Ajax for loading the images --support for portrait landscape thumbnails (or just unrestrictive enough so that I can use css to tweak it) --multiple carousels on one page. I tried to mashup the Cycle plugin and jCarousel, but got stuck when I couldn't get the thumbnails to load dynamically.(ex: http://static.spartaninternet.com/sandbox/carousel2/) Any suggestions would be greatly appreciated!
[jQuery] jQuery Cycle -- Thumbnail Paging
Hi everyone, I'm working on an implementation of the Cycle plugin and would like to use thumbnails for the paging. The tricky part is that my images are pulled from a php file, so I'm unsure of how to get the thumbnail images to load since the source images aren't loaded into the DOM all at once. My example is located at: http://static.spartaninternet.com/sandbox/carousel2/ The php file looks like the following: img src=images/large/beach.jpg alt=beach / img src=images/large/beach2.jpg alt=another beach / img src=images/large/beachsunset.jpg alt=beach at sunset / img src=images/large/frogs.jpg alt=beach / img src=images/large/market.jpg alt=market / img src=images/large/monkey.jpg alt=a little monkey / img src=images/large/monkey2.jpg alt=a second monkey / img src=images/large/rooftops.jpg alt=rooftops / img src=images/large/volcano.jpg alt=volcano / img src=images/large/waterfall.jpg alt=waterfall / Any help would be greatly appreciated! ~Amy
[jQuery] Cycle with Dynamic Thumbnail Paging
Hello, I am using the Cycle plugin to create a slideshow from images in a php file: $(function() { $(#spotlight).load(photos.php, function() { $(this).cycle({ fx: 'fade', timeout: 0, pager: '#cNav', pagerAnchorBuilder: function(idx, slide) { var src = $('img',slide).attr('src'); return 'lia href=#img src='+src+' width=100 height=50 //a/li' } }); }); }); I would like to use image thumbnail anchors as the paging, but can't figure out how to get them on the page since the enlarged versions aren't in the DOM yet when the pagerAnchorBuilder function runs. My example page is: http://static.spartaninternet.com/sandbox/carousel2/ Any help would be greatly appreciated! ~amy
[jQuery] Re: JQuery and append().
From the code you posted, it looks like you're missing the # in the btnGo selector, it should be $(#btnGo).click(function(){alert ('hi');}); On Apr 6, 8:29 am, pankajspace pankajsw@gmail.com wrote: Hello, I have written a code in which after clicking a button a html is appending inside a div, I have used append() method in jquery for that purpose. In the appended html code I have another button having id 'btnGo'. After clicking on this button I want some further functionality, For that I have written code like this: $(btnGo).click(function(){alert('Hi');}); But the alert is not getting fired, Means that the click event is not getting fired, Can anybody give me the solution ? Thanks and Regards, Pankaj -- View this message in context:http://www.nabble.com/JQuery-and-append%28%29.-tp22906392s27240p22906... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: multiple dynamic jcarousel instances
Thanks for the reply. However, the examples link only shows static versions, where all the carousel items are in the page to begin with. I understand how to initialize multiple carousels on a page, but not multiple dynamic ones. Each one needs to pull from a different array. I'm just trying to get an idea of what I need to modify so that each carousel pulls from a different array of items. Thanks. On Apr 2, 6:36 pm, Jason jason.xtracy...@gmail.com wrote: Here is an example on how to have multiple jCarousels on one page. Summary: you need to name each jCarousel with a different ID. http://sorgalla.com/projects/jcarousel/examples/static_multiple.html On Apr 2, 12:22 pm, amuhlou amysch...@gmail.com wrote: Hello, I'm working with thejCarouselplugin and would like to have multiple carousels on one page, each dynamically pulling the scrolling items from an array. I am wondering what sort of modifications I would need to make to the jcarousel_functions.php file and page xhtml to accommodate 2+ instances? Here's my sample:http://static.spartaninternet.com/sandbox/carousel/ And here is the code from the jcarousel_functions.php file: ?php $jcarousel_items = array( array( 'title' = 'Face 1', 'src' = 'images/thumbs/beach.jpg', ), array( 'title' = 'Face on a dock', 'src' = 'images/thumbs/beach2.jpg', ), array( 'title' = 'blue monkey face', 'src' = 'images/thumbs/beachsunset.jpg', ), array( 'title' = 'scooter face', 'src' = 'images/thumbs/frogs.jpg', ), array( 'title' = 'fun face', 'src' = 'images/thumbs/market.jpg', ), array( 'title' = 'Flower 6', 'src' = 'images/thumbs/monkey.jpg', ), array( 'title' = 'Flower 7', 'src' = 'images/thumbs/monkey2.jpg', ), array( 'title' = 'Flower 8', 'src' = 'images/thumbs/rooftops.jpg', ), array( 'title' = 'Flower 9', 'src' = 'images/thumbs/volcano.jpg', ), array( 'title' = 'Flower 10', 'src' = 'images/thumbs/waterfall.jpg', ), ); /** * This function returns the number items. Typically, this * would fetch it from a database (SELECT COUNT(*) FROM items) or * from a directory. */ function jcarousel_countItems() { global $jcarousel_items; return count($jcarousel_items); } /** * This function returns the items. Typically, this * would fetch it from a database (SELECT * FROM items LIMIT $limit OFFSET $offset) or * from a directory. */ function jcarousel_getItems($limit = null, $offset = null) { global $jcarousel_items; // Copy items over $return = $jcarousel_items; if ($offset !== null) { $return = array_slice($return, $offset); } if ($limit !== null) { $return = array_slice($return, 0, $limit); } return $return; } ? Thanks!
[jQuery] multiple dynamic jcarousel instances
Hello, I'm working with the jCarousel plugin and would like to have multiple carousels on one page, each dynamically pulling the scrolling items from an array. I am wondering what sort of modifications I would need to make to the jcarousel_functions.php file and page xhtml to accommodate 2+ instances? Here's my sample: http://static.spartaninternet.com/sandbox/carousel/ And here is the code from the jcarousel_functions.php file: ?php $jcarousel_items = array( array( 'title' = 'Face 1', 'src' = 'images/thumbs/beach.jpg', ), array( 'title' = 'Face on a dock', 'src' = 'images/thumbs/beach2.jpg', ), array( 'title' = 'blue monkey face', 'src' = 'images/thumbs/beachsunset.jpg', ), array( 'title' = 'scooter face', 'src' = 'images/thumbs/frogs.jpg', ), array( 'title' = 'fun face', 'src' = 'images/thumbs/market.jpg', ), array( 'title' = 'Flower 6', 'src' = 'images/thumbs/monkey.jpg', ), array( 'title' = 'Flower 7', 'src' = 'images/thumbs/monkey2.jpg', ), array( 'title' = 'Flower 8', 'src' = 'images/thumbs/rooftops.jpg', ), array( 'title' = 'Flower 9', 'src' = 'images/thumbs/volcano.jpg', ), array( 'title' = 'Flower 10', 'src' = 'images/thumbs/waterfall.jpg', ), ); /** * This function returns the number items. Typically, this * would fetch it from a database (SELECT COUNT(*) FROM items) or * from a directory. */ function jcarousel_countItems() { global $jcarousel_items; return count($jcarousel_items); } /** * This function returns the items. Typically, this * would fetch it from a database (SELECT * FROM items LIMIT $limit OFFSET $offset) or * from a directory. */ function jcarousel_getItems($limit = null, $offset = null) { global $jcarousel_items; // Copy items over $return = $jcarousel_items; if ($offset !== null) { $return = array_slice($return, $offset); } if ($limit !== null) { $return = array_slice($return, 0, $limit); } return $return; } ? Thanks!
[jQuery] Re: Superfish - Horizontal Scroll Bar appearing for some reason
can you post a test page? it's a lot easier to troubleshoot with a test page and Firebug.
[jQuery] Re: Superfish Vertical
the problem is in your css: #mainBg in your css file has overflow: hidden on it. when you remove that, the menus work as intended. It does, however, make the white background for the div go away. You can get around this by adding background-color: #FFF; to #mainLeft instead. cheers, ~amy On Feb 13, 1:40 pm, bellaluna316 bellaluna...@gmail.com wrote: The hover flyouts are cut-off in FireFox and IE 8. You can only see part of the link and it cuts off the rest. It works fine in IE 7. View with FF or IE 8:www.royalmbc.org/joomla
[jQuery] Re: innerWidth issue
I'm not quite sure why you would need special code to make the td span the width of the entire tr. If it's a 1-column table, the td.gridtitle should do that automatically. Can you post a link to an example of the problem you're having? In the example here, you also have an extra /thead
[jQuery] Re: Where can I get download files?
effects is part of the jquery ui. http://jqueryui.com/download On Feb 11, 1:30 pm, webspee...@gmail.com webspee...@gmail.com wrote: I'm looking for effects.core.js but I can't find the file anywhere on this site, The demos all use latest-file.js. I've checked the downloads, searched etc. Can anyone help?
[jQuery] Re: jQuery not loading?
In your cycle initialization script, try removing the comma after timeout: 3000, IE seems to choke on this a lot of times. Cheers, ~amy On Feb 9, 3:43 pm, Wendy wendy.storage.2...@gmail.com wrote: Thanks for checking! Client says page displays with one long column of all photos -which sounds as though her js is disabled, but I think that's pretty unlikely... I'll keep at it. (Don't like that kind of page, anyway ;-) ) On Feb 9, 3:40 pm, MorningZ morni...@gmail.com wrote: Seems to work and load just fine for me here Firebug shows all files as loaded and i see the Cycle plugin doing it's thing have you tried using the Net panel of Firebug (if you're using Firefox) or using Fiddler if you're in IE to see what your computer is seeing/doing? On Feb 9, 3:20 pm, Wendy wendy.storage.2...@gmail.com wrote: Am using the Cycle plugin, and linking to the Google jQuery library (have also tried linking to site version). jQuery effect doesn't seem to be loading for anyone but me (definitely not Browsershots, and apparently not client). http://www.horseink.com/chdrsg/start.html I'd be grateful for any ideas. Another stupid question, I'm sure, but am stumped at this point. Wendy
[jQuery] Re: Superfish display:none
like webdev_help said, what you would do is use position: absolute with the left -px, then on hover you would do left:auto so something like #nav li ul {position: absolute; left: -px;} and #nav li:hover ul {left: auto;} On Feb 4, 4:04 pm, Wile E. Coyote yer@gmail.com wrote: I don't want the menus to display none because of screen-readers. Where can I change this? I searched the code but I find nowhere that says anything about display:none. Thanks
[jQuery] Re: animations; browser problem or bad code?
I decided to check your site in IE7 to see how it's supposed to behave and I found a runtime error from Line 12 of your jQuery 1.3 file (Could not get the display property. Invalid argument). The error is triggered after you click one of the big letters in the middle and the content panel opens up. On Feb 3, 3:47 pm, re5et zerodex...@chello.at wrote: so, the animations on my sitehttp://www.omnex.at/modx/work perfectly in IE7 but not in FF2, FF3 and opera9. the main menu (the big letters) should smoothly open and close when you navigate the site, which it does only in IE7 - in FF and opera, the 'closing' animation almost never works, the 'open' animation only most of the time. I've read a couple of posts about IE performing better since it has more (or lower-level) resources available. So, does this happen because IE performs better or because my code is bad? (I haven't really optimized it yet but it's not very much anyway, so I don't know how much I would gain through optimization) Thoughts?
[jQuery] Re: animations; browser problem or bad code?
an additional note: I have script debugging enabled in IE7: toolsinternet optionsadvancedunder Browsing, uncheck disable script debugging (internet explorer) and disable script debugging (other) it's enough to tell you that a problem exists... not really where to find it though
[jQuery] Re: Jquery remove dd problem
It looks like $(#list_sucesso dt dd).remove(); is the problem. The way you've written the selector, it would look inside the dt for the dd to remove. $(#list_successo dl dd).remove(); should get the one you're after.
[jQuery] Re: Unobtrusive javascript with jQuery
In response to #1: The idea of javascript being unobtrusive is related to semantics more than efficiency. Putting an onclick inside of an a clutters the code with script. Keeping your event handlers in an external file is good for the same reasons that you keep your css in an external file instead of inline. There's a great article over at A List Apart that mentions the onclick issue: http://www.alistapart.com/articles/behavioralseparation
[jQuery] Re: None of the tutorials I try work for jquery
Have you tried linking directly to the jquery code stored by google? Your first script tag would be script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/ jquery.min.js/script If your code works when you use that, then it's a problem with how you're trying to access the jquery file. On a side note, your html appears to be somewhat malformed... you have an extra html tag above the doctype declaration and the title/ title should appear inside the head tag.
[jQuery] Re: All is well except in IE - links initially not clickable
It looks like it's not appending the selected class to the li onClick in IE7. Are you using the bind() method to apply the click functionality? On Jan 28, 10:34 am, precar pranshua...@gmail.com wrote: Hi, My site (http://pthesis.com) works fine in Firefox/Opera/Safari, but in IE 7 there is a small hitch. Sometimes when I click the portfolio link and open it, the links to the sites in the left column aren't clickable. If I close it and re-open it, they work, and if I do Refine by category and then click, they work. As I mentioned, this only happens in IE 7. I've tested in IE 8 beta 2 and it works fine. Does anyone have any suggestions for a workaround? If it would be helpful I'll post the page code here, or you may view it directly from the site. Thanks for your help, Precar.