Archilles: DIV Text dynamisch ändern

Halli hallo...

ich versuch mir gerade eine Bildergalerie zu basteln.
(klappt auch schon fast.)

Die Seite besteht aus 2 iframes: oben das Bild groß und unten die thumbnails.

jetzt möchte ich neben dem oberen iframe ein Text einsetzen, der sich dynamisch mit den Bildern ändert.

Ich habs mit einer Textarea probiert.

  
<textarea id="textarea" cols="30" rows="10" wrap="soft" style="position:absolute; top:150px; left:25px; display:none"></textarea>  

  
 var textarea = parent.document.getElementById("textarea");  
 var pictext = document.getElementById(text);  
  
 textarea.firstChild.text.value = pictext.value;  

Da gings ohne Probleme, sah aber hälich aus.

Nun möchte ich gern DIV oder SPAN nutzen. Hier weiß ich leider nicht wie ich den Text anspreche.

Dürfte doch eigentlich nicht so schwer sein, oder?

Archilles

  1. So, der Quelltext war natürlich Quatsch....läuft nicht! :-)

    Hier nun der echte.....

      
    <textarea id="textarea" cols="30" rows="10" wrap="soft" style="position:absolute; top:150px; left:25px; display:none"></textarea>  
    
    
      
    var textarea = parent.document.getElementById("textarea");  
    var pictext = document.getElementById(text);  
    textarea.value = pictext.value;  
    
    

    Sorry........also wie bekomm ich das nun mit DIV oder SPAN hin???

    1. Da zu faul den Quelltext auseinander zu klauben: Hier den Link zu meiner (alten Seite) und schau dir an, wie ich es gemacht habe:

      http://www.boronsanger.de/frame.php?auf=1024

  2. Nun möchte ich gern DIV oder SPAN nutzen. Hier weiß ich leider nicht wie ich den Text anspreche.

    Dürfte doch eigentlich nicht so schwer sein, oder?

    Hallo !
    Geht mit JavaScript und der Eigenschaft innerHTML.
    Etwa so :

    HTML :
    <div id="hallo"><b>Text, Text</b></div>

    JavaScript :
    function text1 ()
    {
    var xyz = document.getElementById ("hallo");
    xyz.innerHTML = "<i>Neuer Text, neuer Text</i>";
    }

    Die Funktion wird dann über den Bildlink aufgerufen :
    <a href="javascript:text1 ()><img src=""></a>

    Gruß Frodo