bild wechseln

Hallo.
Hab ein Bild (Bild 1) was neben ein Link steht.
Wenn man den Link geklickt hat, möchte ich, dass es das Bild wechseln von Bild1 auf Bild2. Und darunter ein Schriftzug kommt:" Gedrückt".

Also irgendwie

if (Link gedrückt) = Bild 2
else = Bild 1

Wie würdet ihr das in Php oder Python schreiben?
Könnt eure Antwort auch in ner anderen Programmiersprache drücken, wandel das denn einfach in meiner um. Brauche irgendwie einen kleinen Gedankenanstoß.

beselbube

würde das mit Javascript und einem Event-Handler machen. Da gibts dann Handler für "anklicken", und dann kannst du durch DOM-Manipulation einfach das Bild austauschen

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

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>