Jump to content

onmouseover pull info


sdevaney

Recommended Posts

Honestly I am just asking for a nudge in the right direction. I have the php part of the project finished where it pulls the information I want, I just am not sure how to get it to display with the onmouseover part of javascript but apparently I have asked too much. I will take my questions elsewhere since it seems help here is not something that is given as a benefit to those less knowledgeable in certain areas of programming.

Link to comment
Share on other sites

  • 2 weeks later...

i will do this for ONE link, u can use it on the rest....

 

first set up the hoverpopup...

 

function ShowPopup1(hoveritem)
{
hp = document.getElementById("hoverpopup1");

// Set popup to visible
hp.style.visibility = "Visible";
}

function HidePopup1()
{
hp = document.getElementById("hoverpopup1");
hp.style.visibility = "Hidden";
}

 

then, in your html rollover that you want to use to initiate the popup...use this...

 

<a href="#" onmouseover="ShowPopup1(this);" onmouseout="HidePopup1();"

 

and then use this to make the popup appear upon rollover...

 

<div id="hoverpopup1" style="visibility:visible;position:absolute;">
Here you would write the code to execute the query for what information you want to exist in the popup upon rollover...
Anything can go in here...it will just be hidden until you roll over the designated link...
</div>

 

for multiple popups, you will have to multiply the javascript code at the top from showpopup1 to showpopup2 and showpopup3 etc...

 

Hope this helps..

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.