bild wechseln

zwutz

-edit-

C++ Forumbot

Dieser Thread wurde von Moderator/in rüdiger aus dem Forum Rund um die Programmierung in das Forum Webzeugs verschoben.

Im Zweifelsfall bitte auch folgende Hinweise beachten:
C/C++ Forum :: FAQ - Sonstiges :: Wohin mit meiner Frage?

Dieses Posting wurde automatisch erzeugt.

PRIEST

testuser123 schrieb:

Ne if-else lösung wäre mir am liebsten.
Wollte es gern in Python schreiben.

if else lösung mit javascript ..

Sorry aber den letzten Beitrag habe ich nicht geschrieben.
Werde es einfach mal versuchen, danke euch.

beselbube

testuser123 schrieb:

Ne if-else lösung wäre mir am liebsten.
Wollte es gern in Python schreiben.

Javascript ist halt genau auf solche Aufgaben spezialisiert, deshalb geht es damit auch relativ einfach.

Kurz zur Bestätigung:
Der Threadstarter hat den beleidigenden Post wirklich nicht geschrieben.

beselbube schrieb:

testuser123 schrieb:

Ne if-else lösung wäre mir am liebsten.
Wollte es gern in Python schreiben.

Javascript ist halt genau auf solche Aufgaben spezialisiert, deshalb geht es damit auch relativ einfach.

Ok hat jemand ein Code-Snippet dafür?
Also bei den Links sind überall Bild1 und wenn man auf ein Bild geklickt hat, soll auf dem Link halt Bild2 angezeigt werden. (Bei den anderen weiterhin Bild1)

beselbube

http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick

Sqwan

schau dich mal bei jswelt um
da gibts sowas schon fertig... jedenfalls so in ganz ganz ähnlich...

Nico D.

Das Ganze funktioniert nicht mit PHP, Python o.ae. - jedenfalls nicht alleine, da diese Sprachen serverseitig sind. Du brauchst also eine clientseitige Sprache, wie z.B. Java\1:

Du musst in JS angeben, welche Datei fuer 'onMousedown' und welche ansonsten verwendet werden soll:

var imgup="Datei1.gif"; // Normal
var txtup="&nbsp;";
var imgdown="Datei2.gif"; // OnMousedown
var txtdown="Geklickt.";

Jetzt schreibst du in JS zwei einfache Funktionen, die da lauten:

function link_mousedown(id) {
    document.getElementById('bild'+id).src=imgdown;
    document.getElementById('text'+id).innerHTML=txtdown;
}
function link_mouseup(id) {
    document.getElementById('bild'+id).src=imgup;
    document.getElementById('text'+id).innerHTML=txtup;
}

Jetzt kannst du deinen Bildern IDs vergeben, die natuerlich eindeutig sein muessen, ebenso den Textfeldern darunter (als Beispiel mal <span>):

<div><img src="Datei1.gif" id="bild1"><br><span id='text1'>&nbsp;</span></div>
<a href="Verweis.htm" onMousedown="link_mousedown('1')" onMouseup="link_mouseup('1')">Verweis</a>