Grüß Gott!
Wie kann ich ein Bild dazu bringen, dass sobald man auf das Bild klickt, ein Textfeld öffnet mit einem bestimmten Text?
Danke für eine Schnelle Antwort.
Auf Klick öffnet sich ein Textfeld
-
die einfachste Lösung: title-Attribut
Code<img src="bild.jpg" alt="aternativ-text" title="Hier dein Text" />Der Text wird dann angezeigt, wenn man mit der Maus ca. 2-3 Sekunden auf dem Bild bleibt (nicht klickt).
Für alles andere brauchst du javascript.Gruß,
jojo -
"den Code" nicht.
so kannstes machen:Code
Alles anzeigen<style type="text/css"> span.text { display: none; } </style> <script type="text/javascript"> function showText(id) { var prefix = "span_" var span = document.getElementById(prefix+id); if(span.style.display == "none") { span.style.display = "block"; } else { span.style.display = "none"; } } </script>Im html sieht das dann so aus:
HTML<img id="bild1" src="deinbild.jpg" alt="alternativtext" onclick="showText(this.id)" /> <span id="span_bild1" class="text">Hier dein Text</span>ungetestet!
Gruß,
jojo -
@Beernd
Warum den unbedingt JS?
Genau das von jojo87 schafft man auch nur mit CSS , und css hat ja kaum jemand ausgeschaltet in gegensatz zu js
https://www.forum-hilfe.de/member.php?u=6705 -
@Beernd
Warum den unbedingt JS?
Genau das von jojo87 schafft man auch nur mit CSS , und css hat ja kaum jemand ausgeschaltet in gegensatz zu js
https://www.forum-hilfe.de/member.php?u=6705Den Code dafür würde ich gerne mal sehen. Bei einem Textfeld wüsste ich, wie ich das machen würde (absolute Positionierung von Ankern), aber wenn mehrere gleichzeitig auf sein sollen...
-
-
Im html sieht das dann so aus:HTML<img id="bild1" src="deinbild.jpg" alt="alternativtext" onclick="showText(this.id)" /> <span id="span_bild1" class="text">Hier dein Text</span>
Habe den Code Probiert, und es hat leider nicht Funktioniert. Er hat mir einfach den Text darunter angezeigt.@Beernd
Warum den unbedingt JS?
Genau das von jojo87 schafft man auch nur mit CSS , und css hat ja kaum jemand ausgeschaltet in gegensatz zu js
https://www.forum-hilfe.de/member.php?u=6705Es muss ja net unbedingt Javascript sein. Nur wollte halt net, dass die Leute mit der Maus drüberfahren müssen. Sondern einfach draufklicken, und dann öffnet sich das Fenster und da können die die Adresse, etc rauskopieren.
Hätte noch ne Frage:
Wie mach ich das mit einer Liste zum Auswählen, und daneben einen Button?Eine Liste zum Auswählen, und Rechts daneben ist ein Button wo draufsteht "Ansehen", sobald man auf den Klickt öffnet sich darunter ein Textfeld, mit bestimmtem Text. Und einer bestimmten Farbe.
-
Hm du ignorierst meine Links?
Okay hier hab ich dir ein Script gemacht mit deiner Select .....
Code
Alles anzeigen<script language="JavaScript"> function changetxt(d) { var text = ''; switch(d) { case 1: text = 'lolol'; break; case 2: text = 'lulul'; default: text = 'lala'; } document.getElementById('testdiv').innerHTML = text; } </script> <div id="testdiv">lolol</div> <select name="test" onChange="changetxt(this.selectedIndex)"> <option value="nix" selected="selected">Wähle etwas</option> <option value="1">1</option> <option value="2">2</option> </select>vllt kommt ja ein danke
-
Habe den Code Probiert, und es hat leider nicht Funktioniert. Er hat mir einfach den Text darunter angezeigt.
Meiner, das entsprechende css und Javascript muss aber auch noch dazu
