Bonjour,
Je suis débutant en Jquery & Jquery UI et j'ai un problème d'affichage du menu en accordéon lorsque l'utilisateur modifie l’élément de la liste déroulant.
Il ne s'affiche qu'une seule fois, lors du premier choix de l’utilisateur dans la liste déroulante. Pour que l'accordéon fonctionne, il faut que je recharge la page a chaque fois.
1 -> L'utilisateur choisi dans la liste déroulante
2 -> Affichage du menu
3 -> Sélection de la personne
4 -> Affichage des informations de la personne
5 -> Modification du choix de la liste deroulante
6 -> ...
page : index.php
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Essai</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
/* Changer la liste */
$('#idL').change(function () {
var id_lis1 = $('#idL option:selected').val(); // valeur de l option choisie
var id_div2 = "accordion"; // id du div qu'on remplira
$.ajax({
type: 'POST',
url: 'afficheEnseignant.php',
data: 'idSelected='+id_lis1,
dataType: 'html',
cache: false,
success: function(texthtml) {
$('#'+id_div2).html(texthtml);
$("#accordion").accordion().bind("accordionchangestart", function(event, menus)
{
menus.newContent.html("loading");
}).bind("accordionchange",function (event, menus)
{
menus.newContent.load("action.php");
});
return false; // arrêt de la propagation de l'évènement dans le DOM
}
});
});
});
</script>
</head>
<body>
<div class='fondTable'>
Sélectionner un élément :
<select id='idL' name='idL'>";
<option value='d0'></option>
<option value='d1'>d1</option>
<option value="d2">d2</option>
<option value="d3">d3</option>
</select>
<div id='accordion'></div>
</div>
</body>
</html> |
affiche.php
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
| <?php
// Ajax : affichage correct des accents
header('Content-Type: text/html; charset=ISO-8859-15');
// Ajax : Changer la liste 2 après choix dans la liste 1
if(isset($_POST['idSelected']))
{
// recuperation de id_liste1
$id_liste1_selected = $_POST['idSelected'];
if($id_liste1_selected == "d1")
{
?>
<h1><a>RRRR Alexandre</a></h1>
<div>Contenu du menu</div>
<h1><a>CCCC Paul</a></h1>
<div>Contenu du menu</div>
<h1><a>FFFF Patrick</a></h1>
<div>Contenu du menu</div>
<?php
} else{
?>
<h1><a>DDDD Alexandre</a></h1>
<div>Contenu du menu</div>
<?php
}
}
?> |
Pouvez-vous m'aider???
Merci pour vos réponse.
09/10/2011, 15h37
Affichage ACCORDION Jquery UI
00
