ok here is the html: <html> <LINK REL=StyleSheet HREF="cpro.css" TYPE="text/css" MEDIA="all"> <script src="c:\chillenvillenstuff\jquery-1.2.3" type='text/ javascript'></script> <script src = "c:\chillenvillenstuff\menu.js" type="text/javascript"></ script> <title> Users profile</title> <div id="imagebd"> <img id="imagebd" src="wood.jpg"> </div> <div id="image"> <img id="image"src="http://www.huffingtonpost.com/huff-wires/20080401/ china-tibet/images/2df69ec6-1b20-49f6-a9ff-38bcd79a2672.jpg"> </div> <div id="imageleft"> <img id="imageleft" src="wood.jpg"> </div> <div id="imagetop"> <img id="imagetop" src="wood.jpg" > </div> <div id="imagebottom"> <img id="imagebottom" src="wood.jpg"> </div>
<div id="message"> <a> Hi stacy how was your weekend??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> This is just a test.?</a> </div> <div id="friendsm"> <img src="friendscomment.png"></div> <div id="friends"> <img src="friends.png"> </div> <div id="friendspic"> <a>Imageshere okerjlsfjlkjslfjslksajlkfsafsd</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> <a> Hey stacy when are you home??</a> </div> <div id="ads"> <img id="ads" src="ads.png"> </div> <div id="ad"> <img id="ad" src="http://hq.dpics.org/wallpapers/42/ Alienware_Alien.jpg"> </div> <div id="friendrequest"> <input type="submit" value="Friend Request" name="FriendRequest" STYLE="background-color:6e8193"color:1a5fa0> </div> <div id="comment"> <input type="submit" value="Make Comment" name="comment" STYLE="background-color:6e8193"color:1a5fa0> </div> <div id="smessage"> <input type="submit" value="Send message" name="message" STYLE="background-color:6e8193"color:1a5fa0> </div> <ul> <li>Hey mon</li> <li>Is this right</li> </ul> </body> </html> That is the website.Also that Hey stacy when are you home is where users would make comments. The div id image is what I am trying to use to act upon a hover well when the mouse is over that image and that image is from the internet it's just for testing. When I am done that image is supposed to be a image of the user well the image they uploaded. On May 27, 7:48 pm, "Josh Nathanson" <[EMAIL PROTECTED]> wrote: > Aaron -- run don't walk to get Firefox and the Firebug extension. You > should always use this combo to do your initial testing, then once it works > ok, check out how IE6 and 7 are performing. That probably would have saved > you three weeks and six days of those four weeks. It shows the exact error > if there are any, and also you can log information to the console to show > what is being returned from your selectors. > > I wouldn't be surprised if your selector was not returning anything. > Otherwise, I think that extra parenthesis would have thrown an error. Can > you maybe post your html markup so we can see if you have the selector > correct. > > -- Josh > > > > ----- Original Message ----- > From: "Aaron" <[EMAIL PROTECTED]> > To: "jQuery (English)" <jquery-en@googlegroups.com> > Sent: Tuesday, May 27, 2008 4:24 PM > Subject: [jQuery] Re: Help learning... > > I also should tell you I am using internet explorer 7 when doing these > tests ect. > thanks for the replies so far. To me it looks like it supposed to work > now, I notice what you guys pointed out were mistakes I made like that > extra ). Anything else you can think of that may be preventing my > code to run. My browser is not giving any erros but indicates the > script is running but the lower left hand corner saying done. I do > get asked if I want to run a active x object and I clicked yes. I > don't know what's really wrong I spent over 4 weeks on just trying to > get this to work. > > On May 27, 7:05 pm, "Josh Nathanson" <[EMAIL PROTECTED]> wrote: > > One other thing...there is an extra parenthesis: > > > $("li:hidden:first").fadeIn("slow")) <-- remove that sucker! > > > -- Josh > > > ----- Original Message ----- > > From: "Karl Swedberg" <[EMAIL PROTECTED]> > > To: <jquery-en@googlegroups.com> > > Sent: Tuesday, May 27, 2008 3:31 PM > > Subject: [jQuery] Re: Help learning... > > > > Actually, the only selector here that you shouldn't have quotes around > > > is "document". Can you try it without the quotes? Also, it looks like > > > you might be missing a line at the end, although it might be a copy/ > > > paste error. Try this: > > > > $(document).ready(function() { > > > $("#image").hover( > > > function () { > > > $("li:hidden:first").fadeIn("slow")); > > > }, > > > function () { > > > $("li").fadeOut("slow").remove(); > > > } > > > ); > > > }); > > > > --Karl > > > ____________ > > > Karl Swedberg > > >www.englishrules.com > > >www.learningjquery.com > > > > On May 27, 2008, at 4:05 PM, Aaron wrote: > > > >> Here is the exact code exactly copied and pasted from my file to here: > > > >> $("document").ready(function() { > > >> $("#image").hover( > > >> function () { > > >> $("li:hidden:first").fadeIn("slow")); > > >> }, > > >> function () { > > >> $("li").fadeOut("slow").remove(); > > >> } > > >> ); > > > >> On May 27, 3:24 pm, "Josh Nathanson" <[EMAIL PROTECTED]> wrote: > > >>> Your selectors need quotes around them: > > > >>> $("li:hidden:first").fadeIn("slow"); > > > >>> etc. > > > >>> -- Josh > > > >>> ----- Original Message ----- > > >>> From: "Aaron" <[EMAIL PROTECTED]> > > >>> To: "jQuery (English)" <jquery-en@googlegroups.com> > > >>> Sent: Tuesday, May 27, 2008 11:31 AM > > >>> Subject: [jQuery] Re: Help learning... > > > >>> I been playing around with the hover and fadeIn and fadeOut functions > > >>> in jquery and I can't get them working on my website(NOTE:website is > > >>> not online yet still working on the website). I learned javascript > > >>> and > > >>> I do have programming background. > > >>> I don't know what I am exactly doing wrong. > > > >>> Here is what I have so far: > > > >>> $(document).ready(function() { > > >>> $("div#image").hover( > > >>> function () { > > >>> $(li:hidden:first).fadeIn("slow")); > > >>> }, > > >>> function () { > > >>> $(li).fadeOut("slow").remove(); > > >>> } > > >>> ); > > > >>> this was just for playing around. I added div#image there to > > >>> indicate > > >>> it had css properties and it's an image and is called image in css. > > >>> But what I put there was #image . > > > >>> in here I was trying to just get an example to work which it failed I > > >>> made a list in my html doc and I made a javascript file and added the > > >>> script in with the <script> html tag ect and also added the css and > > >>> the jquery javascript in my html doc. > > > >>> this script was supposed to fade in a list when my mouse is over the > > >>> div#image which dosen't I see the list and it's displayed above the > > >>> image and is visable. so I tried to use the hidden function but it > > >>> failed and didn't make any difference. > > > >>> is there somthing I am missing?? > > > >>> On May 26, 2:29 pm, Aaron <[EMAIL PROTECTED]> wrote: > > >>>> Hi I am currently building a website. I am trying to use the hover > > >>>> and fadein and fadeout functions from jquery. > > > >>>> I don't have a full understanding of it. > > > >>>> I plan to make a new file that is a javascript file that will > > >>>> constain > > >>>> all javascripts of my webpage in that file. I have my html file in > > >>>> one > > >>>> file and have one css file for the webpage. > > > >>>> What I am trying to make right now is have the users main image > > >>>> shown > > >>>> on the html page meaning the main page of the users webpage. I > > >>>> want to > > >>>> have the users user there mouse to put over the image of them which > > >>>> would then fade in a table with all their pictures that they > > >>>> uploaded. > > >>>> and if the mouse goes off the persons image and or the faded in > > >>>> table > > >>>> it would then fade out. > > > >>>> that's what I want so far. > > > >>>> I don't know how to use hoever and the fadein and fade out > > >>>> functions all together and how It would fade in a table or at least > > >>>> fade in a image that I created that would be a background for where > > >>>> the images would get displayed like a photo album ect. > > > >>>> if anyone can give me an example code of what is needed for hover to > > >>>> work. > > > >>>> I know hoever(this here would be when the mouse is over the > > >>>> element,this is when the mouse goes off the element the fade out > > >>>> ect.) > > > >>>> but how can I have it when the mouse is over tell the computer to > > >>>> fade > > >>>> in a table or a image that will have the other images the user > > >>>> uploaded to appear in that table or image.- Hide quoted text - > > > >>> - Show quoted text -- Hide quoted text - > > > - Show quoted text -- Hide quoted text - > > - Show quoted text -
