PDA

Vollstndige Version anzeigen : HTML Inhalte austauschen. Mglich?

Slaughter
13-01-2005, 14:48
Hi, mal ne Frage.
Wie kann ich mit Hilfe von JavaScript ein <div> austauschen?

Sprich, ich mchte zum Beispiel eine tabelle in dem give mit id=test1, doch nachdem etwas passiert (mouseover), will ich dass dann an der selben Stelle <div> mit id=test2 auftaucht.
Aber dieses sollte bis dahin nirgends auf der seite zusehen sein.
Sprich, wenn es folgenden Code geben wrde, wrde es so lauten:

<script langauge="MyLanguage">
<!--
function change_div() {
if(active_div2!=1) {
test2="<div onmouseover="javascript:change_div();" id='test2'><table><tr><td>hallo, hier ist der Inhalt von div(test2)</tr></td></table></div>";
document.div.test1=test2;
active=1;
}
else {
test2=document.div.test1;
active=0;
}
}
--!>
</script>
<div onmouseover="javascript:change_div();" id="test1"><table><tr><td>hallo, hier ist der Inhalt von div(test1)</td></tr></table>
</div>


Geht das irgendwie zu bewerkstelligen?
Habe es mit sichtbar bzw. unsichtbar versucht, hat aber leider nicht geklappt, da der IE was anderes wiedergibt, als zum Beispiel Mozilla :(
xabbuh
13-01-2005, 17:02
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
http://de.selfhtml.org/javascript/objekte/style.htm
Slaughter
13-01-2005, 17:26
Danke,
konnte zwar mit dem 2. Link nichts anfangen und habe auch nicht die Lsung, wie erst vorgesehen, aber na ja, habe es jetzt mit display gelst.

Aber gibt es nicht so eine Variante, des Lsens, wie von mir eigentlich vorgesehen?
das man etwas berschreibt/auswechselt, meine ich.
Marilu
17-01-2005, 08:22
Das knnte evtl. mit innerHTML gehen.
Slaughter
18-01-2005, 19:08
Jeah!
ich habs geschafft.
Danke fr den Hinweis :D

Habs so gelst: (Zeige es anhand eines Beispiels :D)

<html>
<head>
<script type="text/javascript">
<!--
var NS4 = (document.layers) ? 1 : 0;
var IE4 = (document.all) ? 1 : 0;
var NS6 = (document.getElementById) ? 1 : 0;
function andererText(where) {
if(NS4) {
document.meinText.document.open();
document.meinText.document.write(where);
document.meinText.document.close();
}
if(IE4) {
window.document.all.meinText.innerHTML=where;
}
if(NS6) {
document.getElementById("meinText").innerHTML=where;
}
}

//-->
</script>
</head>
<body>
<a onmouseover="javascript:andererText('over');" onmouseout="javascript:andererText('out');">hier</a>
<div id="meinText"></div>
</body>
</html>

Jetzt kann bald mein Board ON gehen :D
THX THX THX!!! SELFPHP.INFO -> DIE GRTEN!!! ^_^"