Hallo, ich hab eine Frage, ich möchte,
wenn ich eine Option in einem Dropdownfeld anklicke,
das sofort sich das Bild was daneben steht sich ändert,
ohne das man irgendwie auf Absenden oder Aktualisieren
klicken muss.
Beispiel:
http://nkine82.byus.net/zboard/zboard.php?id=ebbs
Wählt man dort eine Option aus, wird das Pic/Avatar sofort
geändert. Wir kann ich das realisieren? Kenn mich nicht so
gut mit Javascript aus ^.^"
Würd mich auf ne Antwort freuen,
Kaley.
geht doch schon alles ? also wenn ich da nen bild auswähle kommt en neues
Er will aber wissen wie man sowas progt;)
asoooo 
der javascript-teil im head:
function switch() {
document.pic.src = "bilder/" + document.bild_wahl.value + ".gif";
}dein formular-teil:
<select name="bild_wahl" onchange="switch()">
<option value="1">01</option>
<option value="2">02</option>
[img]bilder/1.gif[/img]
</select>kann nich sooo gut js, könnten noch fehler drinne sein
Hmm... danke für die Antwort, aber es funktioniert noch nicht wirklich o.o
Siehe: http://www.animega.org/avatar-web/index.php
Das Bild wird nicht mal angezeigt o.o
1) Wo ist der Rest des Html codes?
2) Das Attribut language im script tag ist veraltet, neuerdings heisst es type="text/javascript2
3) Nach onchange muss definiert werden, welche bestimmte scprache man verwendet entweder durch javascript:switch() war das galube ich, oder ein attribut im head.
3. da bin ich mir sicher
1+2) das schaffste ja wohl alleine kaley
Ja supa 
Was soll ich den beim HTML Bereich noch hinschreiben außer dem formular und dem bild o.o? *abgesehen davon das das bild nicht mal angezeigt wird*
Wie wäre es mit dem kompletten HTML Grundgerüst?
Alles, wo das fehlt sind nur codeschnipsel und keine fertigen HTML Dateien.
Ja, fertig. Und weiter? Das Grungerüst is da, ich hab das mit javascript2 gemacht und nu?
<html>
<head>
<title>Animega</title>
<script language="text/javascript2">
function switch() {
document.pic.src = "avatar_" + document.picture.value + ".jpg";
}
</script>
</head><body>
<select name="picture" onchange="switch()">
<option value="1">1</option>
<option value="2">2</option>
</select>
</body></html>
Bitte ersetzen durch
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Animega</title>
<script type="text/javascript">
function switch() {
var bla;
bla = document.getElementById("picture").value;
document.getElementById("pic").src = "avatar_"+bla+".jpg";
}
</script>
</head>
<body>
<select id="picture" onchange="javascript:switch()">
<option value="1">1</option>
<option value="2">2</option>
[img]avatar_1.jpg[/img]
</select>
</body>
</html>Falls es nicht geht sorry, aber mein js ist etwas eingerostet.
So habs jetzt,
einer aus nem anderem Board hat mir nen anderen Code gegeben =)
Mfg, Kaley.
PS. Danke auch =)
haja, wenn du nich mal das grundgerüst hinkriegst, solltest du nicht DAMIT anfangen
lern erstmal html, ausserdem hatte ich nen kl. zeilendreher drinne, das bild gehört NATÜRLICH NICHT mit ins select feld
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Animega</title>
<script type="text/javascript">
function switch() {
var bla;
bla = document.getElementById("picture").value;
document.getElementById("pic").src = "avatar_"+bla+".jpg";
}
</script>
</head>
<body>
<form>
<select id="picture" onchange="javascript:switch()">
<option value="1">1</option>
<option value="2">2</option>
</select></form>
[img]avatar_1.jpg[/img]
</body>
</html>