Fenêtre modale (NyroModal)

**petitiny** · 12/02/2009, 15h46

Bonjour

En ce moment je code un module de modification de news.

J'ai un problème avec l'ouverture d'une fenêtres modale appelée par un lien dans un tableau qui est lui même appelé par une fonction Ajax.

Comme c'est compliqué je vais essayer de bien expliquer.

Pour ouvrir une fenêtre modale j'utilse le plugin nyromodal

Voila le code de la liste des thème des news.

Code :

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

1
2
3
4
5
6
 
<ul>
 <li onclick="tableNews(1)">Thème 1</li>
 <li onclick="tableNews(1)">Thème 2</li>
 <li onclick="tableNews(1)">Thème 3</li>
</ul>

Voici le code de la fonction appelé quand on clique sur le thème

Code :

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

1
2
3
4
5
6
7
8
9
 
function tableNews(id)
¨{
      	$.get("tableNews.php", { idNews : id } ,
			function success(data){ 
						$("#tableNews").html(data)
			});
 
¨}

Voici la page du rendu par la fonction javascript tableNews.

Code :

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
24
25
26
27
28
29
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css" href="nyroModal.full.css" />
 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"  src="jquery.nyroModal-1.3.1.js"></script>        
</head>
<body>
 
<table id="tableNews">
 <tr>
   <th>titre News</th>
  <th>Modification</th>
</tr>
<tr>
 <td>News 1</td>
 <td><a href="modification.php?id=1"  class="nyroModal">Modification</a></td>
</tr>
<tr>
 <td>News 2</td>
 <td><a href="modification.php?id=2" class="nyroModal">Modification</a></td>
</tr>
<table>
</body>
</html>

Le problème c'est quand je clique sur Modification il me dirige directement vers la page du tableau sans ouvrir une fenêtre modal, ce qu'il devrait faire car j'ai ajouter l'attribut class="nyroModal".

Par contre si je note l'url rendu par la fonction ajax donc
"tableNews.php?idNews=1" les fenêtres modales fonctionnent parfaitement bien.

Je sait pas si il y a une solution à ce problème mais merci de votre aide

**marcha** · 12/02/2009, 15h57

Salut,

Je suspecte que ton script nyroModal doit être initialisé en début de page
et que c'est à cet instant qu'il assigne les évènement onclick sur les liens
de class nyroModal.

Hors tu modifie le html de tableNews par après, et là je pense que les
onclick ne sont pas assigné sur le code modifié.

**petitiny** · 12/02/2009, 16h18

Je pense que c'est le problème.
Donc existe-il une possibilité d'assigner les onClick charger par la fonction ajax.
Ou un fonction qui permet de relire la fonction $(document).ready.