| Autor |
Nachricht |
chefe
Threadersteller
Dabei seit: 24.03.2006
Ort: Lower-Bavaria
Alter: 39
Geschlecht: 
|
Verfasst Fr 24.03.2006 01:15
Titel onclick-Event bei onclick dieses Elements ändern |
  |
|
Hallo MGi Gemeinde,
nachdem ich mir jetzt schon ne ganze zeitlang die finger wundgesucht hab, hab ich mich entschlossen euch mal mit meinem problem zu belästigen:
und zwar versuche ich bei einem bild, dass einen onclick-event hat, nach ausführen des events das event zu verändern das ausgeführt werden soll.
so sieht mein code im moment aus:
| Code: | | <img src="bild.jpg" onclick="tuwas();" style="cursor: pointer;"> |
und das war meine idee dazu, leider wird hier beim anklicken nur tuwasanderes() ausgeführt.
| Code: | | <img src="bild.jpg" onclick="tuwas(); onclick=tuwasanderes();" ...> |
vielleicht hat von euch jemand ne idee
auf jeden fall schon mal danke fürs durchlesen, chefe.
|
|
| |
   |
 |
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 24.03.2006 02:28
Titel
|
|
|
dazu müsst man schon bisschen mehr code sehen. du kannst ja status den du vorher gesetzt hast wieder abfragen und dementsprechend ändern.
| Code: | function tuwas() {
var dingsbums = document.getElementById('bla').style.background;
if(dingsbums == 'black') {
dingsbums = 'white';
} else {
dingsbums = 'black';
}
} |
|
|
| |
|
|
|
Anzeige
|
|
|
aergerverursacher
Dabei seit: 07.07.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 24.03.2006 07:58
Titel
|
|
|
| Code: |
<html>
<head>
<title>tu was</title>
<script language="JavaScript">
<!--
function tuwasanderes()
{
alert("tu was anderes");
}
function tuwas()
{
document.getElementById("bild").onclick = tuwasanderes;
alert( "tu was" );
}
// -->
</script>
</head>
<body>
<img src="bild.jpg" onclick="tuwas();" id="bild"/>
</body>
</html>
|
|
|
| |
|
|
chefe
Threadersteller
Dabei seit: 24.03.2006
Ort: Lower-Bavaria
Alter: 39
Geschlecht:
|
Verfasst Fr 24.03.2006 12:15
Titel
|
|
|
|
vielen dank für eure hilfe, mit dem code von aergerverursacher hats wunderbar funktioniert, der code von beeviZ funktioniert auch, hilft aber in meinem fall eher wenig
|
|
| |
|
|
theEraser
Dabei seit: 01.04.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 01.04.2006 15:25
Titel
|
|
|
Hallo Leute!
Ich bin über eine bekannte Suchmaschine auf diesen Beitrag geraten...
Das Problem von chefe ist meinem sehr ähnlich, nur das ich durch ein anderen Event z.B. ein onChange eines Textfeldes, onClick auf einen anderen Button oder ähnlichem den onClick eines Elementes ändern muß / will.
Mein Problem ist nun aber das ich nicht nur die Funktion wechseln muß sondern auch Parameter mitgeben muß.
Bei document.getElementById("bild").onclick = tuwasanderes;
ändert Ihr ja nur die Funktion.
ich hatte es mit document.getElementById(bild).onclick = "tuwasanderes('andererparameter1','andererparameter2');" probiert, aber das hatte keinen Effekt
der nächste Versuch mit document.getElementById(bild).onclick = tuwasanderes('parameter1');
hatte einen kuriosen Effekt:
- Das Bild dessen onclick geändert werden sollte, hat weiterhin die vorhergehende Reaktion.
- Unmittelbar nach dem Klick auf den Auslöser (zum wechseln der onclickmethoden) wird diese Methode ausgeführt
- von da an löst das bild - das nur den wechsel der methoden auslösen sollte - immer die neue methode aus
hier mal mein "Versuchsaufbau":
| Code: |
<html>
<head>
<title>Wechseln</title>
<script type="text/javascript">
function wechsel(bild)
{
document.getElementById(bild).src = bild +"_inaktiv.gif";
document.getElementById(bild).title = bild + " inaktiv";
document.getElementById(bild).onclick = ausgabe(bild + ' neuerText');
//document.getElementById(bild).onclick = "ausgabe('neuerText')";
}
function ausgabe(text)
{
alert(text);
}
</script>
</head>
<body bgcolor="#FFFFFF">
<img src="bild1_aktiv.gif"
alt=""
height="20"
width="20"
border="0"
title="aktives Bild"
name = 'bild1'
id = 'bild1'
onclick = "ausgabe('aktives Bild 1 geklickt')"
/>
<img src="wechsel.gif"
alt=""
height="20"
width="20"
border="0"
title="bild1 austauschen"
name = 'tauscher1'
id = 'tauscher1'
onclick = "wechsel('bild1')"
/>
</body>
</html>
|
Hoffe Ihr habt ne Lösung für mein Prob!
Besten dank im Voraus!
theEraser
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
onclick event verhindern
onClick Event und versenden per Formular
JS - Onclick in PHP-DB-Abfrage...
onclick funktion
onClick Handler
Zufallsbild mit Onclick...
|
|
Willkommen auf dem Portal für Mediengestalter
