Fenêtre modale (NyroModal)
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:
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:
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:
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
