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 Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
InnerHTML
- Thread starter Tarbuza
- Start date
innerHTML? news to me? what is it? Please see my site at:
Take a look at these:
Hope this helps!![[deejay]](/data/assets/smilies/deejay.gif "[deejay] [deejay]")
Nate
"If you're not living on the edge, you're taking up too much space!"
Hope this helps!
Nate
"If you're not living on the edge, you're taking up too much space!"
InnerHTML basically controls the content between a opening
and a closing tag. You can use it to change content between
opening and closing tags too !!! Try this example:
<HTML>
<HEAD>
<style>
span{
background-color: 0000FF;
color: FFFFFF;
text-decoration: underline overline;
font: bold;
}
</style>
<script language="JavaScript">
<!--
function show(myMessage)
{
self.span1.innerHTML = myMessage;
}
function hide()
{
self.span1.innerHTML = '';
}
//-->
</script></HEAD>
<BODY>
<table cellpadding="2"><tr><td>
<a href=" onmouseover="show(this.value)" onmouseout="hide()"
value="Go to Cas Wegkamp's personal homepage !!!"> Move cursor here to popup message </a>
</td><td>
<a href=" onmouseover="show(this.value)" onmouseout="hide()"
value="It's a really cool homepage !!!"> Move cursor here to popup message </a>
</td><td>
<a href=" onmouseover="show(this.value)" onmouseout="hide()"
value="Check it out, you'll love it !!!"> Move cursor here to popup message </a>
</td></tr></table><br>
<span id="span1"></span><span><-- My Mouseover message !!!</span>
</BODY>
</HTML>
Just copy this into notepad and save the file as test.html
Look what happens when you go over the hyperlinks with your
mouse
I hope this helps,![[bobafett]](/data/assets/smilies/bobafett.gif "[bobafett] [bobafett]")
BobbaFet
Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
and a closing tag. You can use it to change content between
opening and closing tags too !!! Try this example:
<HTML>
<HEAD>
<style>
span{
background-color: 0000FF;
color: FFFFFF;
text-decoration: underline overline;
font: bold;
}
</style>
<script language="JavaScript">
<!--
function show(myMessage)
{
self.span1.innerHTML = myMessage;
}
function hide()
{
self.span1.innerHTML = '';
}
//-->
</script></HEAD>
<BODY>
<table cellpadding="2"><tr><td>
<a href=" onmouseover="show(this.value)" onmouseout="hide()"
value="Go to Cas Wegkamp's personal homepage !!!"> Move cursor here to popup message </a>
</td><td>
<a href=" onmouseover="show(this.value)" onmouseout="hide()"
value="It's a really cool homepage !!!"> Move cursor here to popup message </a>
</td><td>
<a href=" onmouseover="show(this.value)" onmouseout="hide()"
value="Check it out, you'll love it !!!"> Move cursor here to popup message </a>
</td></tr></table><br>
<span id="span1"></span><span><-- My Mouseover message !!!</span>
</BODY>
</HTML>
Just copy this into notepad and save the file as test.html
Look what happens when you go over the hyperlinks with your
mouse
I hope this helps,
BobbaFet Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
All answers were correct. Try taking a look at the last link that DellComputerUser posted it is really excellent.
Try pasting this code inside a blank.html page and type html in the textarea and then see what appears at the bottom of the page :
<html>
<head>
<title>Example</title>
</head>
<body>
<script>
function fillMyDiv(html)
{
// get the reference to the div
var myDiv = document.all ? document.all['myDiv']: document.getElementById('myDiv') ;
// insert the content you had inside the textarea
myDiv.innerHTML = document.myForm.myHTML.value;
}
</script>
<form name=myForm>
<textarea name=myHTML cols=30 rows=30></textarea>
<input type=button onclick="fillMyDiv()" value="test innerHTML">
</form>
<div id=myDiv></div>
</body>
</html> Gary Haran
Try pasting this code inside a blank.html page and type html in the textarea and then see what appears at the bottom of the page :
<html>
<head>
<title>Example</title>
</head>
<body>
<script>
function fillMyDiv(html)
{
// get the reference to the div
var myDiv = document.all ? document.all['myDiv']: document.getElementById('myDiv') ;
// insert the content you had inside the textarea
myDiv.innerHTML = document.myForm.myHTML.value;
}
</script>
<form name=myForm>
<textarea name=myHTML cols=30 rows=30></textarea>
<input type=button onclick="fillMyDiv()" value="test innerHTML">
</form>
<div id=myDiv></div>
</body>
</html> Gary Haran
- Status
Similar threads
