✔ onchange="bildwechsel()"

  • Themenstarter Themenstarter IKEAFREAX
  • Beginndatum Beginndatum
Status
Nicht offen für weitere Antworten.
I

IKEAFREAX

Jetzt gibts was zum lachen :)

Also:

Code: 
 <script Language="Javascript">
      <!--
         function Bildwechsel(Nr) {
           if (Nr==1) document.form.BILD_3.src="screen.jpg";
           if (Nr==2) document.form.BILD_3.src="hair.jpg";
         }
      //-->
    </script>

Das steht alles im head :)

<form name="form">

  <p><select size="1" name="form" onchange="Bildwechsel()">
    <option value="1">1</option>
    <option value="2">2</option>

</select></p>
<IMG id=BILD_3 SRC="screenshot.gif" Border="0" NAME="BILD_3">
</form>

Das im Body

Das funktioniert nur nicht :) Also als kleine Frage, wie krieg ich nen onChange (bei <select name"form">) so hin, dass sich das bild (image id=bild_3) wechselt!

Der Quellcode daoben war eher als joke gedacht :)
 
? Wie das war nur ein Joke?

Was genau willst du denn wissen? Wo der Fehler ist?
Versuchs mal mit onchange="javascript:Bildwechsel();"
 
1) weil es nicht funzt, k.a. warum!
2) weil ich mich seit knapp 5 minuten mit javescript beschäftige und der Quellcode eher als "Geistliches Rumgespinne" gedacht war. Ist das denn nahe an einem funktioniierendem Skript dranne?
3) onchange="javascript:Bildwechsel();" <-- klappt nicht!

4) Ich will nur wissen, wie ich nen onchange Bildwechsel hinbekomme :)
 
Code: 
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "button1.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "button2.gif";     /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "button3.gif";     /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
<style type="text/css">
<!--
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p  { color:#000000; font-family:Arial,sans-serif; }
-->
</style>
</head>
<body bgcolor="#FFFFC0" background="buttonsback.gif" text="#000000">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">

<a href="../../../index.htm"
   onMouseOver="Bildwechsel(0,Highlight1)"
   onMouseOut="Bildwechsel(0,Normal1)"><img src="button1.gif"
   width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
   onMouseOver="Bildwechsel(1,Highlight2)"
   onMouseOut="Bildwechsel(1,Normal2)"><img src="button2.gif"
   width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
   onMouseOver="Bildwechsel(2,Highlight3)"
   onMouseOut="Bildwechsel(2,Normal3)"><img src="button3.gif"
   width="130" height="30" border="0" alt="Layouts"></a><br>

</td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td valign="top">

<h1>Dynamische grafische Buttons</h1>

<p><b>Fahren Sie mit der Maus über die Buttons. Sie dürfen auch draufdrücken ;-)</b></p>

</td>
</tr>
</table>

</body>
</html>

hier is es eben bei "Mouseover" Bildwechsel.
(ein rollover-effekt)


QUELLE: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
-hochi


mit dem Script:
<script Language="Javascript">
<!--
function Bildwechsel(Nr) {
if (Nr==1) document.form.BILD_3.src="screen.jpg";
if (Nr==2) document.form.BILD_3.src="hair.jpg";
}
//-->
</script>

Das steht alles im head

<form name="form">

<p><select size="1" name="form" onchange="Bildwechsel()">
<option value="1">1</option>
<option value="2">2</option>

</select></p>
<IMG id=BILD_3 SRC="screenshot.gif" Border="0" NAME="BILD_3">
</form>
Zum Vergrößern anklicken....
kannst du wahrscheinlich schon mehr als so mancher hier! *g*:-) :-)
 
Zuletzt bearbeitet:
Code: 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; 
<title>schwede VS jave Round 3</title>
 <SCRIPT LANGUAGE="JavaScript">
<!-- Hide from old browsers


image1= new Image();
image1.src = "scree.jpg";
image2= new Image();
image2.src = "hair.jpg";


function imgchange(){
        var imageNum =  document.form.selImage.selectedIndex + 1;
        fname = eval("image" + imageNum + ".src")
        document.img.src = fname
}

//-->
</SCRIPT>
    <noscript>
        Diese Seite verwendet Javascript. Ihr Browser ist leider nicht Javascript-fähig.
    </noscript>
 
</head>

<body>
<FORM name="form">
<SELECT NAME="selImage" size=1 onChange="imgchange();">
<OPTION>Wert 1
<OPTION>Wert 2
</SELECT>
</FORM>
<IMG SRC="screenshot.gif" NAME="img" border=0></a>

<p align="center">&nbsp;</p>

</body>

</html>

Super, klappt sogar :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück