[jQuery] Re: hover and fadin and fade out need help...

2008-05-06 Thread Aaron

I also want to add in I am making a javascript file meaning
myscode.js  and I included it in my website which is in html.

once I do that would it run the js  or do I have to do a special
call using script tags to call functions or var again from the
script to run any javascript on the html doc??

On May 4, 5:42 pm, Aaron [EMAIL PROTECTED] wrote:
 No not a drop down. I want it just like a table or look how a tool tip
 looks but I want the stuff inside the table area to be clickable.
 Like I have a photo of a person and I want that person to be able to
 put the mouse over the photo to fade in their photo album  with other
 photos in a sqaure window.

 the li is the list of photos of the user.

 Here is a somewhat 
 example:http://www.tamingthebeast.net/articles6/tooltip-scripts-uses.htm

 I want somthing like a tooltip but I want it to show photos where a
 user can scroll and see a whole photo album.

 On May 4, 1:43 pm, Eddie [EMAIL PROTECTED] wrote:



  Is it like dropdown menu? Your markup is made of nested lists, right?

  On 4 maio, 11:25, Liam Byrne [EMAIL PROTECTED] wrote:

   What's li meant to be - in that code it's not assigned at all

   If it's meant to be every list item on the page, then it should be
   $(li), and you'll also need to check whether or not the outer ul or
   ol for the li is visible.

   Liam

   Aaron wrote:
well I don't plan using a class I am trying to use an id.  in css I
have stuff declared like #image{css stuff here;}
here is the code I have.

$(#image).hover(
    function(){
        $(li).fadeIn(slow);
    },
    function(){
        $(li).fadeOut(slow);
    },
);

what I want to do is  when the mouse goes over the image I want a
window not a popup window but a window that fades in on the right or
left of the image where it would have a list of other images and if
the mouse goes off the image and is not on that list area then it
would fade out.

---­­-
On May 3, 8:15 pm, Eddie [EMAIL PROTECTED] wrote:

Hi Aaron,

Try this:

$(.elementClass).hover(
    function(){
        $(this).fadeIn(normal);
    },
    function(){
        $(this).fadeOut(normal);
    },
);

If it's not what you expected, post your code.

On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:

Hi I am somewhat new here and to jquery I learned javascript and have
a previous knowledge of programming.

I am having trouble using the hover and the fadein and fadeout
functions.

I made a script to fade in a list when the mouse is over an image but
it dosen't work at all.

I want to make an action where when the users put the mouse over the
image a window fades in it could be a window/or table/ ect somthing
that will look like a photo album which allows the user to look at
other pics the users has then if the users mouse goes off the picture
and it's not on that fadeded in table/or window  then it would fade
out.

I am trying to play with my css elements I already defined all html
elements to css properties ect.- Hide quoted text -

- Show quoted text -- Hide quoted text -

  - Show quoted text -- Hide quoted text -

 - Show quoted text -


[jQuery] Re: hover and fadin and fade out need help...

2008-05-04 Thread Aaron

well I don't plan using a class I am trying to use an id.  in css I
have stuff declared like #image{css stuff here;}
here is the code I have.

$(#image).hover(
function(){
$(li).fadeIn(slow);
},
function(){
$(li).fadeOut(slow);
},
);



what I want to do is  when the mouse goes over the image I want a
window not a popup window but a window that fades in on the right or
left of the image where it would have a list of other images and if
the mouse goes off the image and is not on that list area then it
would fade out.












On May 3, 8:15 pm, Eddie [EMAIL PROTECTED] wrote:
 Hi Aaron,

 Try this:

 $(.elementClass).hover(
     function(){
         $(this).fadeIn(normal);
     },
     function(){
         $(this).fadeOut(normal);
     },
 );

 If it's not what you expected, post your code.

 On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:



  Hi I am somewhat new here and to jquery I learned javascript and have
  a previous knowledge of programming.

  I am having trouble using the hover and the fadein and fadeout
  functions.

  I made a script to fade in a list when the mouse is over an image but
  it dosen't work at all.

  I want to make an action where when the users put the mouse over the
  image a window fades in it could be a window/or table/ ect somthing
  that will look like a photo album which allows the user to look at
  other pics the users has then if the users mouse goes off the picture
  and it's not on that fadeded in table/or window  then it would fade
  out.

  I am trying to play with my css elements I already defined all html
  elements to css properties ect.- Hide quoted text -

 - Show quoted text -


[jQuery] Re: hover and fadin and fade out need help...

2008-05-04 Thread Liam Byrne


What's li meant to be - in that code it's not assigned at all

If it's meant to be every list item on the page, then it should be 
$(li), and you'll also need to check whether or not the outer ul or 
ol for the li is visible.


Liam

Aaron wrote:

well I don't plan using a class I am trying to use an id.  in css I
have stuff declared like #image{css stuff here;}
here is the code I have.

$(#image).hover(
function(){
$(li).fadeIn(slow);
},
function(){
$(li).fadeOut(slow);
},
);



what I want to do is  when the mouse goes over the image I want a
window not a popup window but a window that fades in on the right or
left of the image where it would have a list of other images and if
the mouse goes off the image and is not on that list area then it
would fade out.












On May 3, 8:15 pm, Eddie [EMAIL PROTECTED] wrote:
  

Hi Aaron,

Try this:

$(.elementClass).hover(
function(){
$(this).fadeIn(normal);
},
function(){
$(this).fadeOut(normal);
},
);

If it's not what you expected, post your code.

On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:





Hi I am somewhat new here and to jquery I learned javascript and have
a previous knowledge of programming.
  
I am having trouble using the hover and the fadein and fadeout

functions.
  
I made a script to fade in a list when the mouse is over an image but

it dosen't work at all.
  
I want to make an action where when the users put the mouse over the

image a window fades in it could be a window/or table/ ect somthing
that will look like a photo album which allows the user to look at
other pics the users has then if the users mouse goes off the picture
and it's not on that fadeded in table/or window  then it would fade
out.
  
I am trying to play with my css elements I already defined all html

elements to css properties ect.- Hide quoted text -
  

- Show quoted text -




  




[jQuery] Re: hover and fadin and fade out need help...

2008-05-04 Thread Aaron

oh sorry when I pasted it I by mistake took out the

ya it's the list item on the page.

but I plan to make a id or class so that I can have many different
lists.

so I would check if it's visible or not by an if and then statment
right

I know programming but just want to know what function would check if
it's visiable .


the goal of this is to make  a table looking thing to fade in when the
mouse is over the image and showing the list which is a list of photos
once the mouse moves off the image or that list then it fades out.

So I would have to first check if the list is visible and then use the
hover and fadeIn and fadeOut functions?

I have seem some javascript where they have a var that holds the value
null and then they done an if and then statment but that was in
javascript not using jquery.



--
On May 4, 10:25 am, Liam Byrne [EMAIL PROTECTED] wrote:
 What's li meant to be - in that code it's not assigned at all

 If it's meant to be every list item on the page, then it should be
 $(li), and you'll also need to check whether or not the outer ul or
 ol for the li is visible.

 Liam



 Aaron wrote:
  well I don't plan using a class I am trying to use an id.  in css I
  have stuff declared like #image{css stuff here;}
  here is the code I have.

  $(#image).hover(
      function(){
          $(li).fadeIn(slow);
      },
      function(){
          $(li).fadeOut(slow);
      },
  );

  what I want to do is  when the mouse goes over the image I want a
  window not a popup window but a window that fades in on the right or
  left of the image where it would have a list of other images and if
  the mouse goes off the image and is not on that list area then it
  would fade out.

  ---­-
  On May 3, 8:15 pm, Eddie [EMAIL PROTECTED] wrote:

  Hi Aaron,

  Try this:

  $(.elementClass).hover(
      function(){
          $(this).fadeIn(normal);
      },
      function(){
          $(this).fadeOut(normal);
      },
  );

  If it's not what you expected, post your code.

  On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:

  Hi I am somewhat new here and to jquery I learned javascript and have
  a previous knowledge of programming.

  I am having trouble using the hover and the fadein and fadeout
  functions.

  I made a script to fade in a list when the mouse is over an image but
  it dosen't work at all.

  I want to make an action where when the users put the mouse over the
  image a window fades in it could be a window/or table/ ect somthing
  that will look like a photo album which allows the user to look at
  other pics the users has then if the users mouse goes off the picture
  and it's not on that fadeded in table/or window  then it would fade
  out.

  I am trying to play with my css elements I already defined all html
  elements to css properties ect.- Hide quoted text -

  - Show quoted text -- Hide quoted text -

 - Show quoted text -


[jQuery] Re: hover and fadin and fade out need help...

2008-05-04 Thread Eddie

Is it like dropdown menu? Your markup is made of nested lists, right?

On 4 maio, 11:25, Liam Byrne [EMAIL PROTECTED] wrote:
 What's li meant to be - in that code it's not assigned at all

 If it's meant to be every list item on the page, then it should be
 $(li), and you'll also need to check whether or not the outer ul or
 ol for the li is visible.

 Liam

 Aaron wrote:
  well I don't plan using a class I am trying to use an id.  in css I
  have stuff declared like #image{css stuff here;}
  here is the code I have.

  $(#image).hover(
  function(){
  $(li).fadeIn(slow);
  },
  function(){
  $(li).fadeOut(slow);
  },
  );

  what I want to do is  when the mouse goes over the image I want a
  window not a popup window but a window that fades in on the right or
  left of the image where it would have a list of other images and if
  the mouse goes off the image and is not on that list area then it
  would fade out.

  
  On May 3, 8:15 pm, Eddie [EMAIL PROTECTED] wrote:

  Hi Aaron,

  Try this:

  $(.elementClass).hover(
  function(){
  $(this).fadeIn(normal);
  },
  function(){
  $(this).fadeOut(normal);
  },
  );

  If it's not what you expected, post your code.

  On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:

  Hi I am somewhat new here and to jquery I learned javascript and have
  a previous knowledge of programming.

  I am having trouble using the hover and the fadein and fadeout
  functions.

  I made a script to fade in a list when the mouse is over an image but
  it dosen't work at all.

  I want to make an action where when the users put the mouse over the
  image a window fades in it could be a window/or table/ ect somthing
  that will look like a photo album which allows the user to look at
  other pics the users has then if the users mouse goes off the picture
  and it's not on that fadeded in table/or window  then it would fade
  out.

  I am trying to play with my css elements I already defined all html
  elements to css properties ect.- Hide quoted text -

  - Show quoted text -


[jQuery] Re: hover and fadin and fade out need help...

2008-05-04 Thread Aaron

No not a drop down. I want it just like a table or look how a tool tip
looks but I want the stuff inside the table area to be clickable.
Like I have a photo of a person and I want that person to be able to
put the mouse over the photo to fade in their photo album  with other
photos in a sqaure window.

the li is the list of photos of the user.

Here is a somewhat example:
http://www.tamingthebeast.net/articles6/tooltip-scripts-uses.htm

I want somthing like a tooltip but I want it to show photos where a
user can scroll and see a whole photo album.




On May 4, 1:43 pm, Eddie [EMAIL PROTECTED] wrote:
 Is it like dropdown menu? Your markup is made of nested lists, right?

 On 4 maio, 11:25, Liam Byrne [EMAIL PROTECTED] wrote:



  What's li meant to be - in that code it's not assigned at all

  If it's meant to be every list item on the page, then it should be
  $(li), and you'll also need to check whether or not the outer ul or
  ol for the li is visible.

  Liam

  Aaron wrote:
   well I don't plan using a class I am trying to use an id.  in css I
   have stuff declared like #image{css stuff here;}
   here is the code I have.

   $(#image).hover(
       function(){
           $(li).fadeIn(slow);
       },
       function(){
           $(li).fadeOut(slow);
       },
   );

   what I want to do is  when the mouse goes over the image I want a
   window not a popup window but a window that fades in on the right or
   left of the image where it would have a list of other images and if
   the mouse goes off the image and is not on that list area then it
   would fade out.

   ---­-
   On May 3, 8:15 pm, Eddie [EMAIL PROTECTED] wrote:

   Hi Aaron,

   Try this:

   $(.elementClass).hover(
       function(){
           $(this).fadeIn(normal);
       },
       function(){
           $(this).fadeOut(normal);
       },
   );

   If it's not what you expected, post your code.

   On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:

   Hi I am somewhat new here and to jquery I learned javascript and have
   a previous knowledge of programming.

   I am having trouble using the hover and the fadein and fadeout
   functions.

   I made a script to fade in a list when the mouse is over an image but
   it dosen't work at all.

   I want to make an action where when the users put the mouse over the
   image a window fades in it could be a window/or table/ ect somthing
   that will look like a photo album which allows the user to look at
   other pics the users has then if the users mouse goes off the picture
   and it's not on that fadeded in table/or window  then it would fade
   out.

   I am trying to play with my css elements I already defined all html
   elements to css properties ect.- Hide quoted text -

   - Show quoted text -- Hide quoted text -

 - Show quoted text -


[jQuery] Re: hover and fadin and fade out need help...

2008-05-03 Thread Eddie

Hi Aaron,

Try this:

$(.elementClass).hover(
function(){
$(this).fadeIn(normal);
},
function(){
$(this).fadeOut(normal);
},
);

If it's not what you expected, post your code.

On 3 maio, 17:50, Aaron [EMAIL PROTECTED] wrote:
 Hi I am somewhat new here and to jquery I learned javascript and have
 a previous knowledge of programming.

 I am having trouble using the hover and the fadein and fadeout
 functions.

 I made a script to fade in a list when the mouse is over an image but
 it dosen't work at all.

 I want to make an action where when the users put the mouse over the
 image a window fades in it could be a window/or table/ ect somthing
 that will look like a photo album which allows the user to look at
 other pics the users has then if the users mouse goes off the picture
 and it's not on that fadeded in table/or window  then it would fade
 out.

 I am trying to play with my css elements I already defined all html
 elements to css properties ect.