On Thu, Aug 28, 2008 at 2:58 AM, velij <[EMAIL PROTECTED]> wrote:
>
> Hi everyone, this is my first message to the jquery group, hope you
> don't mind and i'll improve over time :)
Welcome! We're here to help, and we hope to improve ourselves as well, with
your help :)
>
> My HTML is this:
>
> <ul id="gallery">
> <li>
> <h2><a href="#targeturl">www.targetlink.com.whatnot</a> Title</h2>
> <img src="thumb.jpg" alt="" />
> <p>Lorem impsum
> </p>
> </li>
>
>
> First i'd like to find the IMG tag from every #gallery LI to apply a
> hover function to the image inside the specifil ul that has been
> hovered.
>
> I tried different versions, and thought this one would be ok, but not
> working....
>
> $("#gallery li").hover(
> function(){
> $(this,"img").addClass("over")
> }
> }
You've got these two params switched. To find all the img tags, but have the
query context be the element in 'this' (instead of the default - document)
you want:
$("img", this)
Another way to do this is
$(this).find("img")
>
>
> Secondly i'd like the heading H2 inside the LI to change when i hover
> it, i got it partly working, it changes when i hover, but i'd like it
> to return to it's original state after that. The code i use ise here:
> $("#gallery li h2 a").hover(
> function(){
> $(this).replaceWith("<a href=#the_same_link_as_it_was_before>I
> am
> the changed text</a>");
> },
> function () {
> $(this).replaceWith(this).text;
> }
> )
Something like this should do:
$("#gallery li h2 a").hover(
function(){
$(this).data("savetext", $(this).text())
.text("I am the changed text");
},
function () {
$(this).text( $(this).data("savetext") );
}
)
>
>
>
> and the last one i'm just puzzled with. I'd like to dynamically add a
> DIV element to the inside of an UL, just before ending the ul tag (</
> UL>) on mousover, which is quite easy, but i'd like to remove it on
> mouseout...
>
> My current code (which does nothing) goes like this:
>
> $("#gallery li").hover(
> function(){
> $(this).wrap('<span style="border:1px solid
> green;float:left;"></
> span>')
> .parent()
> .append('<div id="divver"></div>')
> },
> function () {
> $(this).css('borderColor','red')
> /*just for testing*/
> }
> )
Hmmm. The only valid element immediately inside a UL is an LI, so you've got
two problems above:
1) You're trying to wrap your LI in a span
2) You're trying to append a DIV to the UL
Neither are valid. Whether or not you get it to work in one or more
browsers, I would not recommend it for that reason.
>
> Thanks everyone for any guiding me in the right direction, I'm eager
> to learn more about jquery every day!
It's a real pleasure. Both are.
- Richard
Richard D. Worth
http://rdworth.org/
