kostenloser Webspace werbefrei: lima-city

Bilderauswahl und Textanzeige

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   tft-development

   

   tft-development hat kostenlosen Webspace.

   15:53, 25.9.2013

   hi,
   ich möchte eine art Auswahl:
   2 Bilder stehen zur Auswahl, wird eins angeklickt, soll unter den Bildern
   der jeweilige Text erscheinen
   
   
   +-----------------+ +-----------------+
   |.......Bild1.........| |......Bild2..........|
   |.........................| |..........................|
   +-----------------++------------------+
   |.........Text je nachdem.............. |
   |......... welches Bild an-.............|
   |...........geklickt wurde ...............|
   +--------------------------------------+(^^ ja ich war zu faul ein Bild hochzuladen und zu verlinken)
   
   wurde noch keins angeklickt wird ein dritter Text ausgegeben ( so wie "bitte wähle was aus...")
   
   versucht habe ich das ganze so:
   
   

   <script language="JavaScript">
   
   function Tauschen(Bildname)
   {
   eval("document['picture'].src = " + Bildname + ".jpg");
   }
   </script>
   
   <a href="javascript:void(0)" Onclick="Tauschen('Text1')"><img src="Bild1.jpg"><a>
   <a href="javascript:void(0)" Onclick="Tauschen('Text2')"><img src="Bild2.jpg"><a><br>
   
   <img name="picture" src="standarttext.jpg">

   
   
   1. das funktioniert nicht ( bestimmt wegen dem "document['picture'].src"
   2. will ich ja kein Bild sondern einen Text... kp wie ich das realisieren kann

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. noxious

   

   noxious hat kostenlosen Webspace.

   16:35, 25.9.2013

   Also zum einen änderst du da ja grade keinen Text, sondern ein Bild. Zum anderen verstehe ich nicht, was du da mit dem

   eval()

   versuchst.
   
   Ich habe lange kein JavaScript mehr benutzt, aber ich würde es mit einer Funktion wie

   function switchContent(id, content){
   	cHolder = document.getElementById[id];
   	switch(cHolder.tagName){
   		case 'IMG':
   			cHolder.src = content;
   			break;
   		case 'P':
   			cHolder.innerHTML = content;
   			break;
   		default:
   			break;
   	}
   }

   versuchen. Mit der solltest du dann über

   <img src="Bild1.jpg" onClick="switchContent('picture', 'bild1.jpg')" /> <br />
   <img src="Bild2.jpg" onClick="switchContent('picture', 'bild2.jpg')" /> <br />
   
   <img id="picture" src="standarttext.jpg">

   das Bild wechseln, oder über

   <img src="Bild1.jpg" onClick="switchContent('text', 'Neuer Text 1')" /> <br />
   <img src="Bild2.jpg" onClick="switchContent('text', 'Neuer Text 2')" /> <br />
   
   <p id="text">Standardtext</p>

   den Text ändern. Habe ich bisher aber nicht getestet, sollte vom Prinzip her aber funktionieren.

4. willstdueswissen

   

   willstdueswissen hat kostenlosen Webspace.

   16:42, 25.9.2013

   warum machst du es nicht so:
   
   <script>
   function tauschen(Text){
   document.getElementById("Austauschtext").innerHTML=Text;
   }
   </scipt>
   <img src="Bild1.jpg" onclick=tauschen("Text1");>
   <img src="Bild2.jpg" onclick=tauschen("Text2");>
   <a id="Austauschtext">Standard</a>
5. Autor dieses Themas

   tft-development

   

   tft-development hat kostenlosen Webspace.

   8:19, 26.9.2013

   vielen Dank, musste es noch ein wenig umschreiben, aber is ja normal
   ... funktioniert einwandfrei
   
   

   <script language="JavaScript">
   
   function tauschen(Text){
   document.getElementById("Austauschtext").innerHTML=Text;
   }
   </script>
   
   <a href="javascript:void(0)" Onclick="tauschen('Text1')"><img src="Bild1.jpg"></a>
   <a href="javascript:void(0)" Onclick="tauschen('Text2')"><img src="Bild2.jpg"></a><br>
   
   <a id="Austauschtext">Standard</a>

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?