:: Buchempfehlung ::

Slaughter · #1 13.01.2005, 14:48:40

Hi, mal ne Frage.
Wie kann ich mit Hilfe von JavaScript ein <div> austauschen?

Sprich, ich möchte 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 würde, würde es so lauten:

Code:

<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 · #2 13.01.2005, 17:02:58

http://de.selfhtml.org/css/eigenscha...ng.htm#display
http://de.selfhtml.org/javascript/objekte/style.htm

Slaughter · #3 13.01.2005, 17:26:57

Danke,
konnte zwar mit dem 2. Link nichts anfangen und habe auch nicht die Lösung, wie erst vorgesehen, aber na ja, habe es jetzt mit display gelöst.

Aber gibt es nicht so eine Variante, des Lösens, wie von mir eigentlich vorgesehen?
das man etwas überschreibt/auswechselt, meine ich.

Marilu · #4 17.01.2005, 08:22:39

Das könnte evtl. mit innerHTML gehen.

Slaughter · #5 18.01.2005, 19:08:54

Jeah!
ich habs geschafft.
Danke für den Hinweis :D

Habs so gelöst: (Zeige es anhand eines Beispiels :D)

Code:

<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 GRÖßTEN!!! ^_^"

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!