[JQueryUI] Boite "Dialog" après un lien

Résolu/Fermé

NirvX Messages postés 11 Date d'inscription vendredi 24 février 2012 Statut Membre Dernière intervention 19 février 2013 - 24 févr. 2012 à 22:51
NirvX Messages postés 11 Date d'inscription vendredi 24 février 2012 Statut Membre Dernière intervention 19 février 2013 - 24 févr. 2012 à 23:37

Bonsoir,

Je débute avec la librairie JQueryUI, et même avec Javascript tout court.
En fait j'essaye juste de faire un petit truc sympa pour un site que je démarre.

Le but :
-Quand l'utilisateur clique sur un lien, une boite de dialogue s'affiche à coté de sa souris, lui permettant de sélectionner des objets..
(Et cela avec plusieurs liens sur la même page).

Le principal fonctionne, mais petit problème :
Quand on clique sur un lien au départ, les deux boites de dialogues s'ouvrent (alors qu'il en faut qu'une !)

Voici le code Javascript :

<script type="text/javascript">
function onclick_page(event) // Lors d'un clic
{
		var x = event.clientX; // Récupération position de la souris
		var y = event.clientY;
	  $('#gestion_nourrir').dialog({
		bgiframe: true,
		resizable: true,
		modal: false,
		position: [x,y],
		width: 350,
		title: "Gestion"
	  });
	  
	  $('#gestion_boire').dialog({
		bgiframe: true,
		resizable: true,
		modal: false,
		position: [x,y],
		width: 350,
		title: "Gestion"
	  });

	  $('#nourrir').click(function(){ // On ouvre la boite de dialogue correspondante
	  $('#gestion_boire').dialog('close');
		$('#gestion_nourrir').dialog('open');
		
		return false;
	  });
	  
	  $('#boire').click(function(){ // On ouvre la boite de dialogue correspondante
		$('#gestion_nourrir').dialog('close');
		$('#gestion_boire').dialog('open');
		return false;
	  });

}
</script>

Le code HTML (ce qu'il faut) :

<a href='#' id='nourrir'  onclick="onclick_page(event);">Nourrir</a></p>
<a href='#' id='boire' onclick="onclick_page(event);">Donner à boire</a></p>

<div id="gestion_nourrir" style="display:none; font-size:0.7em;">
<p>
<?php
$aliments = array();
$aliments = get_aliments();
....
?></p>
</div>

De même , il y a une div "gestion_boire"..

Alors le problème, c'est que quand je clique sur un lien à la premiere ouverture de page, les deux boites de dialogues s'ouvrent.
Mais ensuite, ça marche. C'est seulement au premier chargement de la page et des dialog que ça me les ouvre en double.

Peut-être avez-vous une solution ? (Ou même un code plus concis car je débute et j'essaye de chopper du code par-ci par-là, de le modifier etc.)

Merci d'avance !!

A voir également:

[JQueryUI] Boite "Dialog" après un lien
Créer un lien pour partager des photos - Guide
Lien url - Guide
Boite gmail saturée - Guide
Verifier un lien - Guide
Se connecter à ma boite hotmail - Guide

1 réponse

Réponse 1 / 1

NirvX Messages postés 11 Date d'inscription vendredi 24 février 2012 Statut Membre Dernière intervention 19 février 2013
24 févr. 2012 à 23:37

J'ai trouvé une solution beaucoup plus simple en réfléchissant.
Pour chaque lien, j'ai fait une fonction différente en javascript.
Exemple :
<a href='#' id='nourrir' onclick="onclick_nourrir(event);">Nourrir</a></p>
<a href='#' id='boire' onclick="onclick_boire(event);">Donner à boire</a></p>

Je fais une fonction "onclick_nourrir" qui ouvre une boite de dialogue directement :
function onclick_page(event) // Lors d'un clic
{
var x = event.clientX; // Récupération position de la souris
var y = event.clientY;
$('#gestion_nourrir').dialog({
bgiframe: true,
resizable: true,
modal: false,
position: [x,y],
width: 350,
title: "Gestion"
});
}

Et de même pour boire.

En fait j'ai résolu mon problème du coup !
Merci quand meme lol !

A bientot

Discussions similaires

lien copié

bonsoir, j'ai copié un lien sur mon téléphone via instagram où et comment le trouver svp

boite a outils sim désactivée

Bonjour,
J'ai voulu faire de la place dans mes applications sur un mobile Orange "DIVE 71".
J'ai désactivé la "Boîte à outils SIM version 6.0.1".
Et maintenant j’aimerais savoir si c'est grave. Si oui, comment réactiver cette appli, ou
où trouver cette appli, (rien trouvé sur le net).
Merci d'avance

Configuration: Windows 10 Famille - X751MJ - Intel Pentium - 64 bits

--
Je suis capable du meilleur comme du pire, mais dans le pire je suis le meilleur (Coluche)

Rajout de lien sur plusieurs pages

Bonjour,
Mon site web comporte beaucoup de page HTML,
lorsque je veux rajouter un lien (menu...)
Il faut obligatoirement que je fasse le même manip sur toute les pages HTML
ou bien il y a une méthode plus simple et plus rapide.

Prenons par exemple un site comportant plus de 100 pages HTML,
il faudrait qu'il rajoute les liens un par un sur 100 pages HTML ?
Ce serait de la folie :)
Il doit sûrement y avoir une méthode plus simple ?

--
Un Hacker sachant Hacké sans son ordinateur est un Hackeur de Poule

Faux virus (Pour une blague)

Bonjour, NE PAS CLIQUER SUR LE MOT VIRUS (Je sais pas le retirer)
Je souhaite créer un petit virus " inoffensif " si possible, pour faire une blague à un ami.
J'ai le logiciel Bat To Exe pour comme son nom l'indique, convertir un .bat en .exe
J'aimerais créer un dossier avec des fichiers .dll ou .bat peu importe.

Avec un .exe, qui lui devra être lancé.

Je souhaite que quand le .exe s'ouvre, un CMD s'ouvre également donnant de fausses informations sur le logiciel (une simulation d'installation par exemple)
Une fois l'installation terminée j'aimerais que plusieurs pages s'ouvrent avec chacune 1 onglet avec une adresse unique p...