Discussion :

[MenphisTimrid]

Bonjour à tous,

Je suis sur un site dans lequel j'ai créer un menu avec plusieurs onglets. Ces onglets correspondent à des valeurs récupérés dans une base de données.

Tout ce fonctionnement marche très bien sauf que maintenant j'aimerais pouvoir fermer ces onglets


J'ai donc mis l'icone d'une croix et j'ai pensé à ça:

Code :

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

1
2
3
4
5
6
7
$sql = "select  distinct ONGLET , NUM_DOS from onglet where ONGLET='MAN' order by NUM_DOS ";
	$rest = mysql_query ($sql) or die(mysql_error());
	while ($ligne = mysql_fetch_array($rest)) {
		 $NM=$ligne["NUM_DOS"];
	  echo "<li><a  href=\"detail_dossier.php?NUM_DOS=".$ligne["NUM_DOS"]."&onglet=6&NUM_CON=".select_num_con($ligne["NUM_DOS"])."\"><span>(".select_num_con($ligne["NUM_DOS"]).")  <img id='suppM' onclick='fermer_onglet()' src=\"img/ferm.png\" alt=\"Fermer le dossier\"/></span> </a></li>";
 
	}

On récupère les valeurs dans la bdd et on appel la fonction de fermeture en javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
function fermer_onglet() {
 
	// window.alert("vous rentrer bien dans la fonction");
	var num_man='<?echo $NM;?>';
	// alert("le numero de tournee est bien le : "+num_Tou);
 
   window.location.href="fermer_mandat.php?NUM_MAN="+num_man+"";
   // alert("tu passe bien par la redi");
 
   }

On appel donc la page fermer_mandat.php dan lequel on supprime l'onglet de la BDD.

Tout marche encore une fois sauf que vous l'avez vu j'utilise un onMouseOver alors c'est vraiment pas pratique. J'aimerais utiliser un onClick mais le soucis c'et que j'ai essayé et le lien appelé par l'image s'efface devant le lien de l'onglet (j'espère avoir été suffisamment clair! )

Merci de m'aider

[NoSmoking]

Bonjour,

Tout marche encore une fois sauf que vous l'avez vu j'utilise un onMouseOver alors c'est vraiment pas pratique. J'aimerais utiliser un onClick mais le soucis c'et que j'ai essayé et le lien appelé par l'image s'efface devant le lien de l'onglet (j'espère avoir été suffisamment clair! )

pas bien compris le soucis attendu que la page est rechargée.

Je me hasarderais quand même à dire qu'il te faut utiliser return false dans la fonction click de l'image, pour inhibé l'action par défaut de la balise A.

Important : Merci de mettre le code HTML généré par le PHP, cela aide très souvent à résoudre le problème, entre autres.

[MenphisTimrid]

Tout d'abord merci d'être venu m'aider.

Citation:
Tout marche encore une fois sauf que vous l'avez vu j'utilise un onMouseOver alors c'est vraiment pas pratique. J'aimerais utiliser un onClick mais le soucis c'et que j'ai essayé et le lien appelé par l'image s'efface devant le lien de l'onglet (j'espère avoir été suffisamment clair! )
pas bien compris le soucis attendu que la page est rechargée.

En fait ce que j'ai voulu dire c'est que si je mets l'évènement on mouse over ça fonctionne très bien. Cependant je voudrais avec un onClick (qui lui ne fonctionne pas).
ça ne fonctionne pas, surement parce que j'ai déjà un évènement onclick sur l'onglet.

Je me hasarderais quand même à dire qu'il te faut utiliser return false dans la fonction click de l'image, pour inhibé l'action par défaut de la balise A.

J'avoue que je n'ai pas bien compris

Important : Merci de mettre le code HTML généré par le PHP, cela aide très souvent à résoudre le problème, entre autres.

Effectivement:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<li><a  href="detail_dossier.php?NUM_DOS=580000660&onglet=6&NUM_CON=058-013781"><span>(058-013781)  <img id='suppM' onclick='fermer_onglet()' src="img/ferm.png" alt="Fermer le dossier"/></span> </a></li><li><a  href="detail_dossier.php?NUM_DOS=580000672&onglet=6&NUM_CON=075-005510"><span>(075-005510)  <img id='suppM' onclick='fermer_onglet()' src="img/ferm.png" alt="Fermer le dossier"/></span> </a></li><li><a  href="detail_dossier.php?NUM_DOS=580000712&onglet=6&NUM_CON=058-014237"><span>(058-014237)  <img id='suppM' onclick='fermer_onglet()' src="img/ferm.png" alt="Fermer le dossier"/></span> </a></li>	<script language="JavaScript" >
	function fermer_onglet() {
 
	// window.alert("vous rentrer bien dans la fonction");
	var num_man='580000712';
	// alert("le numero de tournee est bien le : "+num_Tou);
 
   window.location.href="fermer_mandat.php?NUM_MAN="+num_man+"";
   // alert("tu passe bien par la redi");
 
   }
   </script>

Merci encore

[NoSmoking]

ça ne fonctionne pas, surement parce que j'ai déjà un évènement onclick sur l'onglet.

c'est tout à fait cela.

le click sur l'image lance une action qui modifie le window.location.href, donc changement de page, mais l'action se propage au parent, en l'occurrence le lien, balise A, qui réagit comme il le doit au click.

L'ordre "d'exécution" ne sera pas forcément le même suivant les navigateurs, plus souvenir...

Il te faut donc choisir ou tu te sers de ce qu'il y a dans le click de l'image ou tu utilises le lien traditionnel.

Mettre un return false sur le onclick de l'image empêcherait l'action par défaut du dit lien, mais dans ce cas le lien ne sert à rien javascript activé.

[MenphisTimrid]

Merci pour ta réponse, effectivement je suis confronté à deux situations qui se bloquent l'une l'autre.

Faudrait que je mette la croix à côté et que je m'arrange visuellement pour faire quelque chose de propre ...

encore merci