JavaScript Hilfe benötigt
Hallo zusammen,
ich stehe vor einem etwas komplizierten Problem bei dem ich Hilfe benötige.
Ich habe mir 10 Bilder angelegt von 0-9, diese sind wie ein Ziffernblock angelegt. (vorab: es müssen Bilder sein, Buttons sind nicht möglich)
Wenn ich nun mit der Maus auf eine Zahl klicke, soll ein anderes eingeblendet werden. Damit es so aussieht, als wenn die Taste reingedrückt wurde.
Das ist auch nicht das Problem, sowas in der Art habe ich auch schon, wie in diesem Beispiel zu sehen:
Er tauscht die Bilder bei einem onMouseOver bzw. onMouseOut aus. Nun muss ich aber, wenn der Benutzer auf das Bild mit der "1" klickt, die Zahl "1" in ein Feld übergeben, welches ReadOnly ist. Das funktioniert nur so halb:
Er gibt den Wert kurz ein nur wird die Seite direkt neu geladen ohne dass der Wert gespeichert wird. Wenn ich aber das Script aus dem Beispiel nehme, wo ich das ganze her habe, funktioniert es:
Das es nicht stehen bleibt, wäre das eine Problem, dass andere, dass ganze mit dem neuladen des Bildes was ich ganz oben erwähnt habe, zu verbinden.
Wenn einem von euch ein Weg einfällt, wäre es super wenn ihr mir helfen könntet.
Habe auch schon überlegt, einen Flashbutton zu nehmen, aber diesen Schritt will ich erstmal nicht gehen.
mfg
Andreas
-edit-
ich weiss nicht, ob es wichtig ist, zu wissen aber es handelt sich um PHP, also HTML-Code aber in php-Dateien, weil nachher noch viel PHPCode hinzukommt.
Hallo zusammen,
ich stehe vor einem etwas komplizierten Problem bei dem ich Hilfe benötige.
Ich habe mir 10 Bilder angelegt von 0-9, diese sind wie ein Ziffernblock angelegt. (vorab: es müssen Bilder sein, Buttons sind nicht möglich)
Wenn ich nun mit der Maus auf eine Zahl klicke, soll ein anderes eingeblendet werden. Damit es so aussieht, als wenn die Taste reingedrückt wurde.
Das ist auch nicht das Problem, sowas in der Art habe ich auch schon, wie in diesem Beispiel zu sehen:
Code:
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<a href="javascript:history.back()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','zurueck2_1.png',1)"><img name="Image1" border="0" src="zurueck_1.png" width="50" height="50"></a>Er tauscht die Bilder bei einem onMouseOver bzw. onMouseOut aus. Nun muss ich aber, wenn der Benutzer auf das Bild mit der "1" klickt, die Zahl "1" in ein Feld übergeben, welches ReadOnly ist. Das funktioniert nur so halb:
Code:
<form name="plz" action="">
<input size="30" name="Ausgabe" readonly>
<input type="image" src="1.png" onMouseDown="this.form.Ausgabe.value='1' ">
</form>Er gibt den Wert kurz ein nur wird die Seite direkt neu geladen ohne dass der Wert gespeichert wird. Wenn ich aber das Script aus dem Beispiel nehme, wo ich das ganze her habe, funktioniert es:
Code:
<form name="Test" action="">
<input size="30" name="Ausgabe" readonly><br>
<input type="button" value="Letzter Update"
onClick="this.form.Ausgabe.value=document.lastModified">
</form>Das es nicht stehen bleibt, wäre das eine Problem, dass andere, dass ganze mit dem neuladen des Bildes was ich ganz oben erwähnt habe, zu verbinden.
Wenn einem von euch ein Weg einfällt, wäre es super wenn ihr mir helfen könntet.
Habe auch schon überlegt, einen Flashbutton zu nehmen, aber diesen Schritt will ich erstmal nicht gehen.
mfg
Andreas
-edit-
ich weiss nicht, ob es wichtig ist, zu wissen aber es handelt sich um PHP, also HTML-Code aber in php-Dateien, weil nachher noch viel PHPCode hinzukommt.