[jQuery] Is there a way of counting the number of id's with the same name, and then renaming them _1, _2, _3 etc.

2008-05-12 Thread quirksmode
Hi, I am dynamically generating html which looks like this: div id=wrapper pSome Content/p /div div id=wrapper pSome Content/p /div div id=wrapper pSome Content/p /div I need to write some jquery which will turn that into this: div id=wrapper_1 pSome Content/p /div div

[jQuery] using variables with jquery

2008-05-06 Thread quirksmode
Hi, I need to make a div slide across the screen using the animate command. It works when I use the following: $('#js_innerwrapper').animate({left:+=500}, 1000, 'easeOutSine'); However, i need to be able to change the 500 to be width of the div, which i get using: $.gamewidth =

[jQuery] Need to create a really simple slide animation that slides a div left and right when the corresponding left and right arrows are clicked

2008-05-02 Thread quirksmode
I basically have a div of a fixed width and height with overflow:hidden in place to hide the content. Within that div (outerdiv) is another div (innerdiv) with a fixed width and move divs (contentdivs) floated left inside it to make them sit alongside each other. I have 2 arrows, one pointing

[jQuery] Need to slide a Div containing an image so that it is always on the screen as the user browses a gallery containing many thumbnails

2008-03-02 Thread quirksmode
Hi, I am building this website for a client (http://www.melaniepotro.com/ collection.html) and the collection section features many photos. At the moment when a user clicks on a thumbnail the screen suddenly jumps to the top so that the main image can be displayed. This is very annoying for the

[jQuery] Re: How do I attach a toggle to a checkbox. I want a table row to fade out/in, when a checkbox is toggled

2008-02-11 Thread quirksmode
I managed to come up with this, which seems to work to some extent. script $(document).ready(function(){ $('input#go').click(function() { if($(this).attr(checked)) { $(tr).animate({ opacity: 0.2, }, 500 ); } else { $(tr).animate({ opacity: 1,

[jQuery] Assigning an animation toggle to a checkbox to fade a table row in/out

2008-02-11 Thread quirksmode
I have created a table, at the end of each table row is a checkbox. When the user selects the checkbox, that row will fade out to give the illusion its now disabled. When the checkbox is unchecked I want the row to fade back. Can this be done? I have managed to do it rather crudely in the

[jQuery] How do I attach a toggle to a checkbox. I want a table row to fade out/in, when a checkbox is toggled

2008-02-11 Thread quirksmode
I have created a table, at the end of each table row is a checkbox. When the user selects the checkbox, that row will fade out to give the illusion its now disabled. When the checkbox is unchecked I want the row to fade back. Can this be done? I have managed to do it rather crudely in the

[jQuery] Re: Is it possible to make a simple fading color rollover effect for text links?

2008-01-18 Thread quirksmode
Hi, thats brilliant! much better than the effort i came up with haha, thanks so much:-)

[jQuery] Re: Is it possible to make a simple fading color rollover effect for text links?

2008-01-17 Thread quirksmode
Hi, I tried having a go and this is as far as I got: script $(document).ready(function(){ $(.animate).hover(function() { $(this).animate({ opacity: 0, backgroundColor: #FF }, 1000 ); }); }); /script I can get any element with class

[jQuery] Is it possible to make a simple fading color rollover effect for text links?

2008-01-16 Thread quirksmode
I basically want the bg color (behind the text link) to turn red and then quickly fade away when the user highlights a text link. Is there a simple in built command for doing this?