Chi Is Current
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.
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. ©</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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you for your reply. Your example explains a lot and answers my question exactly.
Best Regards, Jacob