Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Help with windows pop-ups 1
- Thread starter fterrazas
- Start date
-
1
- #2
You should be able to adapt this code that came from javascript.internet.com --
<!-- TWO STEPS TO INSTALL LINK DESCRIPTION:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Danny Mc Neill (danny@mc-neill.co.uk) -->
<!-- Web Site: -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! -->
<!-- Begin
var description = new Array();
description[0] = "Text shown when visitors mouse over the first link.";
description[1] = "You can even embed <b>HTML</b> into the link description.";
description[2] = "<i>Text shown when visitors mouse over the third link.</i>";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<table border="0">
<tr>
<td valign=top width="160">
<ul>
<li><a onMouseOver="Words.innerHTML = description[0];" href="link1.htm">First Link</a>
<li><a onMouseOver="Words.innerHTML = description[1];" href="link2.htm">Second Link</a>
<li><a onMouseOver="Words.innerHTML = description[2];" href="link3.htm">Third Link</a>
</ul>
</td>
<td width="600">
<!-- Cell with the descriptions -->
<a id="Words">This will be the info that visiters will see first it is changed when they mouseover the links. It returns when the page is reloaded.</a>
</td>
</tr>
</table>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href=" JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.51 KB -->
hope it helps!
Paul Prewett
<!-- TWO STEPS TO INSTALL LINK DESCRIPTION:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Danny Mc Neill (danny@mc-neill.co.uk) -->
<!-- Web Site: -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! -->
<!-- Begin
var description = new Array();
description[0] = "Text shown when visitors mouse over the first link.";
description[1] = "You can even embed <b>HTML</b> into the link description.";
description[2] = "<i>Text shown when visitors mouse over the third link.</i>";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<table border="0">
<tr>
<td valign=top width="160">
<ul>
<li><a onMouseOver="Words.innerHTML = description[0];" href="link1.htm">First Link</a>
<li><a onMouseOver="Words.innerHTML = description[1];" href="link2.htm">Second Link</a>
<li><a onMouseOver="Words.innerHTML = description[2];" href="link3.htm">Third Link</a>
</ul>
</td>
<td width="600">
<!-- Cell with the descriptions -->
<a id="Words">This will be the info that visiters will see first it is changed when they mouseover the links. It returns when the page is reloaded.</a>
</td>
</tr>
</table>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href=" JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.51 KB -->
hope it helps!
Paul Prewett
hie guyz!
well, as it works in ie & nn6 i think u can just use <div title=’explanation’>a word</div> – it works too, but it is much simplier
for dyin nn4x – use <ilayer id=one><layer id=two><div id=three style=”position:relative”>the place for explanation</div></layer></ilayer>
and then –
for ie & nn6 – like link said,
if(document.getElementById) document.getElementById(“three”).innerHTML=’new explanation’
else if(document.all) document.all.three.innerHTML=’new explanation’
and for nn4:
else if (document.layers){
document.layers.one.document.layers.two.document.open()
document.layers.one.document.layers.two.document.write(’new explanation’)
document.layers.one.document.layers.two.document.close()
}
well, as it works in ie & nn6 i think u can just use <div title=’explanation’>a word</div> – it works too, but it is much simplier
for dyin nn4x – use <ilayer id=one><layer id=two><div id=three style=”position:relative”>the place for explanation</div></layer></ilayer>
and then –
for ie & nn6 – like link said,
if(document.getElementById) document.getElementById(“three”).innerHTML=’new explanation’
else if(document.all) document.all.three.innerHTML=’new explanation’
and for nn4:
else if (document.layers){
document.layers.one.document.layers.two.document.open()
document.layers.one.document.layers.two.document.write(’new explanation’)
document.layers.one.document.layers.two.document.close()
}
- Status