Discussion :

[wwwbillgates]

Bonjour, alors une question peut etre très simple mais comme en javascript je suis très nul...
J'ai un ptit bout de code auquel je souhaiterais sur le onclick ajouter un confirm()... Problème celui-ci est déja pris par un autre élément. Comment puis-je faire?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="image" name="<?php echo $commande['id'] ?>" value="<?php echo $commande['id'] ?>" onclick="document.getElementById('id_supp_<?php echo $commande['id'] ?>').value=this.name" src="../../interface/bt_suppcommande.gif" onmouseover="this.src='../../interface/bt_suppcommande_push.gif'" onmouseout="this.src='../../interface/bt_suppcommande.gif'"/>

[SpaceFrog]

sur ton clavier ...
entre , et : tu as ;

[Watilin]

Salut,
=> solution HTML :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<input onclick="instruction1; instruction2" />

=> solution JavaScript ad hoc (dite « DOM niveau 0 ») :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<input id="myButton" />

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function inputClick( event ) {
	// avec cette technique, on a accès à l’objet event qui décrit le click
	if (!event) {
		// pour MSIE
		event = window.event;
	};
	instruction1;
	instruction2;
};
window.onload = function() {
	var myButton = document.getElementById('myButton');
	myButton.onclick = inputClick; // sans les parenthèses
};

=> solution DOM niveau 2 : gestionnaires d’évènements :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<input id="myButton" />

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function handleEvent(element, eventType, handler) {
	// fonction cross-browser pour gérer les évènements
	if (window.addEventListener) {
		// navigateurs standards
		element.addEventListener(eventType, handler, false);
	} else {
		// MSIE
		element.attachEvent('on' + eventType, handler);
	};
};
 
function inputClick1( event ) {
	instruction1;
};
function inputClick2( event ) {
	instruction2;
};
 
handleEvent(window, 'load', function() {
	var myButton = document.getElementById('myButton');
	handleEvent(myButton, 'click', inputClick1);
	handleEvent(myButton, 'click', inputClick2);
});

Cette dernière solution semble la plus complexe, mais c’est la plus recommandable : elle permet de séparer totalement le contenu et le comportement (HTML vs. JS), d’ajouter un nombre illimité de gestionnaires sur le même élément, et c’est aussi la plus suceptible de faire l’objet d’optimisations par les navigateurs.

[wwwbillgates]

Merci beaucoup de votre aide et a Watilin d'avoir pris du temp pour m'aider, bonne soirée