 Nieuw lid |
|
Ik heb onderstaande code en die werkt prima om een div te laten weergeven met een toelichting.
Het enige probleem is het stukje document.getElementById(id).innerText=text.
De tekst die ik meegeef vanuit de aanroep bij OnMouseOver wordt niet weergegeven in de <div> (niet in IE en niet in Firefox).
Als ik deze code vervang door Alert(text) dan geeft hij de gewenste tekst wel weer. Hoe zorg ik ervoor dat de innerText functie wel netjes de tekst aan de div toevoegt?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {color: #FF0000}
.a {
background-color:#FF0000;
color:#FFFFFF;
z-index:1;
position: absolute;
top: 20px;
left: 60px;
height: 75px;
width: 100px;
}
.b {
background-color: #CCCCCC;
color:#FFFFFF;
z-index:2;
position: absolute;
top: 0%;
left: 0%;
height: 500px;
width: 100%;
}
-->
</style>
<script type="text/javascript">function set(id,index,text) {document.getElementById(id).style.zIndex=index; document.getElementById(id).innerText=text; }
</script>
</head>
<body>
<div class="b">Hallo ik wil <span class="style1" onmouseover="set('a',3,'Rood is mooi hè')" onmouseout="set('a',1,'')">rood </span>schrijven.</div>
<div class="a" id="a"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- .style1 {color: #FF0000} .a { background-color:#FF0000; color:#FFFFFF; z-index:1; position: absolute; top: 20px; left: 60px; height: 75px; width: 100px; } .b { background-color: #CCCCCC; color:#FFFFFF; z-index:2; position: absolute; top: 0%; left: 0%; height: 500px; width: 100%; } --> </style> <script type="text/javascript">function set(id,index,text) {document.getElementById(id).style.zIndex=index; document.getElementById(id).innerText=text; } </script> </head> <body> <div class="b">Hallo ik wil <span class="style1" onmouseover="set('a',3,'Rood is mooi hè')" onmouseout="set('a',1,'')">rood </span>schrijven.</div> <div class="a" id="a"></div> </body> </html>
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
