Bonjour
Soit 2 pages simples, test.php et test2.php
Le but : un click sur une ligne de la page test.php, appelle une une fonction ajax et doit compléter la liste <ul avec les données issues de page test2.php.
je ne parvient pas à caser cela comme il faut: insérer les <li> juste après celle qui a servit pour le click.
Un simple copier coller des 2 pages vous donnera les éléments
Merci de votre aide
page test.php
la page test2.php
Modifié par french-petzouille (11 Jul 2011 - 21:18)
Soit 2 pages simples, test.php et test2.php
Le but : un click sur une ligne de la page test.php, appelle une une fonction ajax et doit compléter la liste <ul avec les données issues de page test2.php.
je ne parvient pas à caser cela comme il faut: insérer les <li> juste après celle qui a servit pour le click.
Un simple copier coller des 2 pages vous donnera les éléments
Merci de votre aide
page test.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Test</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function()
{
$("li").live('click', function()
{
var ligne=$(this).attr('id');
$.ajax({
type:"POST",
dataType:"html",
url: "test2.php",
data: "id="+ligne,
success: function(msg)
{
$(this).after(msg);
$("#listeMajForm").listview("refresh");
}
});
});
});
</script>
<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
</head>
<body>
<div data-role="page" id="maj">
<div data-role="header" data-theme="b">
<h3>MaJ</h3>
</div > <!-- end HEADER -->
<div data-role="content">
<ul data-role="listview" id="listeMajForm">
<li data-role="list-divider" data-theme="b">Au choix ...</li>
<li id="1"><a href="#">En Francais</a></li>
<li id="2"><a href="#" >En US</a></li>
</ul>
</div> <!-- end content -->
</div> <!-- END MAJ -->
</body>
</html>
la page test2.php
<?php
$tab1=array("Un", "Deux", "Trois");
$tab2=array("One", "Two", "Three");
$choix=$_POST['id'];
$tab="tab".$choix;
foreach($$tab AS $k=>$v)
{
echo "<li><a href='#'>".$v."</a></li>";
}
?>
Alors que Firebug me dit qu'ajax retourne bien les données ... Comment faire pour les afficher correctement ?
Modifié par french-petzouille (11 Jul 2011 - 21:18)
