Forum Partner+Friends LinkUs Downloads KNW Suche TS³ Viewer Twitter Facebook

benötige Hilfe bei Virtueller Tastatur

Jetzt kostenlos Anmelden!


mahna Männlich

lernt alles kennen

Beiträge: 82

Geschlecht: Männlich

Wohnort: Wuppertal

PHPKIT Version: 1.6.5

1

Montag, 1. Dezember 2008, 21:09

benötige Hilfe bei Virtueller Tastatur

Hi Leute,

ich hoffe jemand kann mir hier weiterhelfen mit meinem Problem.

Ich habe vor eine virtuelle Tastatur auf meiner HP zu erstellen.
Also habe ich eine Tastatur als Hintergrund und über den Tastenlayout eine Tabelle erstellt. Nun habe ich von den Tasten jeweils 2 Bilder (1x normale Ansicht + 1x Ansicht Taste gedrückt).

Das JavaScript was ich gefunden habe ist schon recht ok es zeigt die normale Taste und wenn ich klicke die Taste gedrückt. Soweit so gut.

Jetzt zu meinem eigentlichen Problem:

Wenn das Script so bleibt wie es ist würde die Taste, wenn einmal drückt immer in dieser Position bleiben. bei einer Tastatur kommt die Taste nach dem drücken aber wieder hoch.

Da ich mich aber so gut wie gar nicht mit JS auskenne suche ich hier Hilfe, sprich wie kann man das Script ändern, damit die erste Taste nach dem klick wieder gezeigt wird.

Bin wirklich für jede Anregung dankbar. Auch andere Vorschläge um dieses vorhaben umzusetzen nehme ich gerne entgegen, es muss ja nicht unbedingt JS sein.

Zur veranschaulichung hier mal der Code:


Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<form name="navigation"> 
<table width="960" height="35" border="0"> 
<tr> 
<td width="69" height="31">&nbsp;</td> 
<td width="66"><a href="www.xxx.de"><img name="BILD" src="Home-a.jpg" onClick="change()"></a></td> 
<td width="66">&nbsp;</td> 
<td width="67">&nbsp;</td> 
<td width="65">&nbsp;</td> 
<td width="66">&nbsp;</td> 
<td width="68">&nbsp;</td> 
<td width="63">&nbsp;</td> 
<td width="10">&nbsp;</td> 
<td width="91">&nbsp;</td> 
<td width="10">&nbsp;</td> 
<td width="61">&nbsp;</td> 
<td width="60">&nbsp;</td> 
<td width="38">&nbsp;</td> 
<td width="47">&nbsp;</td> 
<td width="47">&nbsp;</td> 
</tr> 
</table> 
</form> 
<script type='text/javascript'> 
<!-- 
var i=0; 
function change() 
{ 
if(i==0) 
{ 
document.BEISPIEL.BILD.src="BILD2.xxx"; 
i++; 
} else { 
document.BEISPIEL.BILD.src="Bild1.xxx"; 
i--; 
} 
} 
//--> 
</script>
  • Zum Seitenanfang
  • Zum Seitenende

Dirk Kántor Männlich

aká Dooki

Beiträge: 2 074

Geschlecht: Männlich

PHPKIT Version: keine

2

Dienstag, 2. Dezember 2008, 07:49

kann man das mal live sehen?
:thumbsup:    :thumbsup:       *tc*       :thumbsup:    :thumbsup:
8o           Achtung: Dirk Kántor ist unterwegs!           8o
Er verteilt gerne Verwarnungen ohne vorher darüber diskutiert zu haben.
  • Zum Seitenanfang
  • Zum Seitenende

mahna Männlich

lernt alles kennen

Beiträge: 82

Geschlecht: Männlich

Wohnort: Wuppertal

PHPKIT Version: 1.6.5

3

Dienstag, 2. Dezember 2008, 18:53

Kann man unter http://www.mahna.de/kurzezeit/versuch/bild-aendern.html ist zwar noch eine sehr einfache Darstellung aber die Funktion ist soweit es das Script hergibt da.
  • Zum Seitenanfang
  • Zum Seitenende

mahna Männlich

lernt alles kennen

Beiträge: 82

Geschlecht: Männlich

Wohnort: Wuppertal

PHPKIT Version: 1.6.5

4

Mittwoch, 10. Dezember 2008, 01:26

so ich habe es hinbekommen und da ich es hasse das man in so manchen Foren unbeantwortet fragen findet hier auch direkt die Lösung des Problems:

Quellcode

 
1
2
3

<script type='text/javascript'>
</script>
<a href="www.xxx.de" target="_self" ><img style=" border:0px" src="Home-b.jpg" onClick="this.src='Home-b.jpg'" onMouseDown="this.src='Home-a.jpg'"></a>
  • Zum Seitenanfang
  • Zum Seitenende

Ähnliche Themen

Tagging