Link to home
Start Free TrialLog in
Avatar of Chi Is Current
Chi Is CurrentFlag for United States of America

asked on

RollOver Java Script: Sample Interpretation

Following up on b0lsc0tt's rollover Java script example below:
https://www.experts-exchange.com/questions/22765544/need-context-roll-over-script-help-for-text-to-show-information-like-NetFlix.html?sfQueryTermInfo=1+10+netflix+rollov

Could you comment of how a SECOND, additional, rollover link and associated Div text could be added here.  I'm definitely a Java beginner and not understanding how multiple links and multiple associated text is referenced.  i.e. How links and associated text blocks are associated.

The easiest way for me would be to see an example of a second link ("2222") and an associated Div text ("2text, 2text, 2text") added to the example below.

Many Thanks, Jacob

This is very helpful!  I'll check back in the AM.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Show/Hide the div</title>
 
<script type="text/javascript">
<!--
function changeDiv() {
      var div = document.getElementById("hiddenDiv");
      div.style.display = (div.style.display=='none')? '':'none';
}
//-->
</script>
</head>
 
<body bgcolor="Background">
<h3>Hide/Show the div</h3>
<p>Run your mouse over the link below to see the surprise. &#169;</p>
<a href="#" onmouseover="changeDiv();" onmouseout="changeDiv();">The magic link</a>
 
<div id="hiddenDiv" style="display: none; background-color: #ffff99; width: 50%;" onmouseover="changeDiv();" onmouseout="changeDiv();">
asdfasdf asdfadsf adsadsfadsf adsf asfd adsf asdf asf adsf asdf asdf asdf asdf asd fasfd asdf asdf asf
asdfasdf ads fasdfasdf ads fasdf asd asdf asdf asdf asdfasdf asdf asd fsadf asdf adsf afds asfd dsaf
adsfa asd fasd fads fas fasdf asf ad fas df
</div>
</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Sreedhar Vengala
Sreedhar Vengala
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Chi Is Current

ASKER

sree_ven ~

Thank you for your reply.  Your example explains a lot and answers my question exactly.

Best Regards, Jacob