Onclick, onmouseup, onmousedown

Version imprimable

Bonjour,
J'ai un soucis pour trouver des fonctions en Js.

Lorsque je clique sur une cellule de Tableau celle ci change de couleur.

Code:

onclick="this.style.backgroundColor='#ff0000';"

Ci dessus la couleur change une fois mon Click relaché. je souhaiterais que la couleur change en gardant mon click appuyé et qu'une fois relaché il execute une autrefonction ouverture d'un div ou autre.
ex :

Code:

onClick="afficheId('contenu');"

Js :
Code:

1 2 3 4 5 6 7 function afficheId(baliseId,di){ if (document.getElementById && document.getElementById(baliseId) != null){ document.getElementById(baliseId).style.visibility='visible'; document.getElementById(baliseId).style.display='block'; document.getElementById(baliseId).appendChild(document.createTextNode(di.id)) } }
Voila. Si vous pouviez me guider vers les fonctions adéquate.
Merci.

Nico.

23/10/2009, 08h47
SpaceFrog

j'ai pas du tout comprendre ?
parceque la solution est dans le titre ??

Code:

<div onmousedown="this.style.backgroundColor='red';" onclick="alert('je peux aussi faire autrechose')" >cliquez ici</div>

Bonjour, en effet je n'ai pas étais très clair.
En fait mon cas précis est le suivant :
Je clic sur une cellule de tableau, celle ci prend la couleur rouge, je déplace ma souris tout en gardant le clic appuyé sur la cellule d'a coté celle ci prend aussi la couleur rouge et lors du lâché du clic ma fonction se lance.
En fait moi la fonction ne se lance pas code ci dessous :
Code:

1 2 <td id="a1" onmousedown="this.style.backgroundColor='red';" onClick="afficheId('contenu',this);" style="border:1px solid black;">A1 et id="a1"</td> <td id="a2" onmouseover="this.style.backgroundColor='red';afficheId2('contenu',this)" style="border:1px solid black;">A2 et id="a2"</td>
Alors y a t-il un moyen de dire lors du laché du clic lancer le onclick fait précédemment.

fctions :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function afficheId(baliseId,di){ if (document.getElementById && document.getElementById(baliseId) != null){ document.getElementById(baliseId).style.visibility='visible'; document.getElementById(baliseId).style.display='block'; //document.getElementById(baliseId).appendChild(document.createTextNode(di.id)) document.getElementById('idduchamp').value=(di.id); } } function afficheId2(baliseId,di){ //document.getElementById(baliseId).appendChild(document.createTextNode(di.id)) document.getElementById('idduchamp').value+=(di.id); }
Les fonctions remplisse un champ value en fait.
Ce qui me donne en fait, lors dun clic sur cellule 1 je recup le Id1, puis Id2 lors du deplacement de la souris et lors du laché de clic mon div s'affiche avec les deux ids dedans.

23/10/2009, 19h54
SpaceFrog

tu n'es plus sur l'objet qui a pris le clic...
donc le mouseup se fait sur l'objet d'arrivée

il faudrait sticker la fonction du mouseup de l'objet de depart dans une fonction anonyme et ainsi sur les onmouseup de TOUS les objets d'arrevéer lancer la fonction stockée ...

Je dois t'avouer que j'y croyais à peine en rédigeant mon post précédent ...
Par curiosité j'ai testé !

Je n'y crois toujours pas ^^
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> var movedfunc function store(f){ movedfunc=f; } </script> </head> <body> <div style="background-color:red" onclick="alert('red')" onmousedown="store(this.onclick)" onmouseup="movedfunc()">ici</div> <div style="background-color:green" onclick="alert('green')" onmousedown="store(this.onclick)" onmouseup="movedfunc()">ici</div> </body>
Mais ça marche !!!
J'ai du être vacciné au javascript étant petit ... :aie:

04/11/2009, 10h07
Nicolas94

Salut,

Merci pour ce bout de code. Je pense que tu as raison et qu'il faut deplacer la fonction.

Je regarde ca de plus pres.

Nico.