[jQuery] Re: Help learning...
Ok I got it to work. I bet you will never guess how. LOL I redownloaded jquery againg and then edited my html to point to that new file and now everything works perfectly. On May 31, 7:28 pm, Aaron [EMAIL PROTECTED] wrote: Is there anything that I done wrong with the script?? I still can't get it to work. the list is hidden so at least I am that close on getting the thing to work. I am right now just trying to fade in a list next to the image when the mouse is over the image. On May 28, 4:32 pm, Aaron [EMAIL PROTECTED] wrote: Ok I see, I added .js and looks like it's semi working, the list that I have in the html file before would show/display when the page loads but now after changing that error .js but still when my mouse moves over the image I still don't see the list fade in or anything. I can't really put up a link. I am currnetly using windows, I use windows for most of my stuff like artwork, making the webpage well the design of it and other stuff, I then put the file on my linux partition which I have a linux server based to provide the website ect. I have a backup server on windows but it's mainly file sharing. So now the ul li html tags for the lists are now hidden like it's supposed to but still no fade in and fade out happening when my mouse goes over the users image. I can put it on a temp server but I can't keep it up and running for a long period of time. On May 28, 12:27 pm, mdrisser [EMAIL PROTECTED] wrote: Can you post a link to the page? Just taking a quick look at your code I noticed that the extension is missing off of your call to the jQuery library: script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script I realize that on Windows the extensions are hidden so try: script src=c:\chillenvillenstuff\jquery-1.2.3.js type='text/ javascript'/script Notice the .js I added to the path to the jQuery library.- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] Re: Help learning...
Is there anything that I done wrong with the script?? I still can't get it to work. the list is hidden so at least I am that close on getting the thing to work. I am right now just trying to fade in a list next to the image when the mouse is over the image. On May 28, 4:32 pm, Aaron [EMAIL PROTECTED] wrote: Ok I see, I added .js and looks like it's semi working, the list that I have in the html file before would show/display when the page loads but now after changing that error .js but still when my mouse moves over the image I still don't see the list fade in or anything. I can't really put up a link. I am currnetly using windows, I use windows for most of my stuff like artwork, making the webpage well the design of it and other stuff, I then put the file on my linux partition which I have a linux server based to provide the website ect. I have a backup server on windows but it's mainly file sharing. So now the ul li html tags for the lists are now hidden like it's supposed to but still no fade in and fade out happening when my mouse goes over the users image. I can put it on a temp server but I can't keep it up and running for a long period of time. On May 28, 12:27 pm, mdrisser [EMAIL PROTECTED] wrote: Can you post a link to the page? Just taking a quick look at your code I noticed that the extension is missing off of your call to the jQuery library: script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script I realize that on Windows the extensions are hidden so try: script src=c:\chillenvillenstuff\jquery-1.2.3.js type='text/ javascript'/script Notice the .js I added to the path to the jQuery library.- Hide quoted text - - Show quoted text -
[jQuery] Re: Help learning...
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=imagesrc=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 aImageshere 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:6e8193color:1a5fa0 /div div id=comment input type=submit value=Make Comment name=comment STYLE=background-color:6e8193color:1a5fa0 /div div id=smessage input type=submit value=Send message name=message STYLE=background-color:6e8193color:1a5fa0 /div ul liHey mon/li liIs 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
[jQuery] Re: Help learning...
Can you post a link to the page? Just taking a quick look at your code I noticed that the extension is missing off of your call to the jQuery library: script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script I realize that on Windows the extensions are hidden so try: script src=c:\chillenvillenstuff\jquery-1.2.3.js type='text/ javascript'/script Notice the .js I added to the path to the jQuery library.
[jQuery] Re: Help learning...
Ok I see, I added .js and looks like it's semi working, the list that I have in the html file before would show/display when the page loads but now after changing that error .js but still when my mouse moves over the image I still don't see the list fade in or anything. I can't really put up a link. I am currnetly using windows, I use windows for most of my stuff like artwork, making the webpage well the design of it and other stuff, I then put the file on my linux partition which I have a linux server based to provide the website ect. I have a backup server on windows but it's mainly file sharing. So now the ul li html tags for the lists are now hidden like it's supposed to but still no fade in and fade out happening when my mouse goes over the users image. I can put it on a temp server but I can't keep it up and running for a long period of time. On May 28, 12:27 pm, mdrisser [EMAIL PROTECTED] wrote: Can you post a link to the page? Just taking a quick look at your code I noticed that the extension is missing off of your call to the jQuery library: script src=c:\chillenvillenstuff\jquery-1.2.3 type='text/ javascript'/script I realize that on Windows the extensions are hidden so try: script src=c:\chillenvillenstuff\jquery-1.2.3.js type='text/ javascript'/script Notice the .js I added to the path to the jQuery library.
[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.
[jQuery] Re: Help learning...
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.
[jQuery] Re: Help learning...
Yep got them sorry I must of when posting deleted the selectors.
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 -
[jQuery] Re: Help learning...
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 -
[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 -
[jQuery] Re: Help learning...
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 -
[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
[jQuery] Re: Help learning...
Ok I done what you guys asked me to try and tried it and it didn't do
anything. My list is still displayed on the html doc like a normal
list and when my mouse goes over the image I get nothing. So first
off my list is not hidden to start off and when my mouse goes over the
image I get nothing fading in.
I removed the extra ) but I thought I needed it to end the function
input??
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 -
[jQuery] Re: Help learning...
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
