Bonjour,
voila j'ai un code à modifier pour transformer cette page en tableau ajax. Pour le moment j'ai tout les liens de la BDD qui s'affichent à la suite. Et vu qu'il y en a énormément la page descend très bas.
J'avoue que je suis très mauvais et je ne sais pas comment m'y prendre.
Enfaite je souhaite un tableau avec en tête: nom_test numéro_test lien_test1 lien_test2 lien_test3 lien_test4 lien_test5
Ensuite en dessous de ces titres récupérer les infos de la BDD.
Et à droite de chaque ligne avoir un bouton modifier supprimer.
J’espère avoir été assez clair.Code PHP:<?php
include ("functions_php.php");
?>
<html>
<head>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function reload_test ()
{
$.ajax({
type:"GET",
url :"select_test.php",
success: function(data){
$('#existant').html(data);
document.addEventListener('click', get_eventlistener, true);
},
error: function(){
alert("Impossible de charger les éléments");
}
});
}
$(document).ready(function() {reload_test ();});
$('#existant').on('click', '#supprimer', function () {alert("test");});
function delete_test (element)
{
var t = document.getElementById(element);
var parent = t.parentNode.id;
var dataString = "id=" + parent;
$.ajax({
type:"POST",
data: dataString,
url :"delete_test.php",
success: function(data){
alert("Suppression effectué");
reload_test ();
},
error: function(){
alert("Impossible de supprimer");
}
});
}
function ajouter ()
{
var test1 = $('#test_1').val();
var test2 = $('#test_2').val();
var test3 = $('#test_3').val();
var test4 = $('#test_4').val();
var test5 = $('#test_5').val();
var test6 = $('#test_6').val();
var test7 = $('#test_7').val();
var dataString = "test1=" + test1 + "&test2=" + test2 + "&test3=" + test3
+ "&test4=" + test4 + "&test5=" + test5 + "&test6=" + test6 + "&test7=" + test7;
$.ajax({
type:"POST",
data: dataString,
url :"insert_test.php",
success: function(data){
alert("Insertion effectué");
reload_test ();
},
error: function(){
alert("Impossible d'ajouter");
}
});
document.getElementById("test_1").value = "";
document.getElementById("test_2").value = "";
document.getElementById("test_3").value = "";
document.getElementById("test_4").value = "";
document.getElementById("test_5").value = "";
document.getElementById("test_6").value = "";
document.getElementById("test_7").value = "";
reload_test ();
}
function update_test (element)
{
var t = document.getElementById(element);
var parent = t.parentNode.id;
var test1 = $('#unique_test1').val();
var test2 = $('#unique_test2').val();
var test3 = $('#unique_test3').val();
var test4 = $('#unique_test4').val();
var test5 = $('#unique_test5').val();
var test6 = $('#unique_test6').val();
var test7 = $('#unique_test7').val();
var dataString = "id=" + parent + "&test1=" + test1 + "&test2=" + test2 + "&test3=" + test3
+ "&test4=" + test4 + "&test5=" + test5 + "&test6=" + test6 + "&test7=" + test7;
alert (dataString);
$.ajax({
type:"POST",
data: dataString,
url :"update_test.php",
success: function(data){
alert("Modification effectué");
reset_all ();
reload_test ();
},
error: function(){
alert("impossible de modifier");
}
});
}
function copy_nomtest (element)
{
document.getElementById("unique_test1").value = element.value;
}
function copy_transac (element)
{
document.getElementById("unique_test2").value = element.value;
}
function copy_pdf (element)
{
document.getElementById("unique_test3").value = element.value;
}
function copy_word (element)
{
document.getElementById("unique_test4").value = element.value;
}
function copy_video (element)
{
document.getElementById("unique_test5").value = element.value;
}
function copy_exo (element)
{
document.getElementById("unique_test6").value = element.value;
}
function copy_motscles (element)
{
document.getElementById("unique_test").value = element.value;
}
function reset_all (element)
{
document.getElementById("unique_test1").value = "";
document.getElementById("unique_test2").value = "";
document.getElementById("unique_test3").value = "";
document.getElementById("unique_test4").value = "";
document.getElementById("unique_test5").value = "";
document.getElementById("unique_test6").value = "";
document.getElementById("unique_test7").value = "";
}
</script>
<p>Liens présents dans la base de donnée</p>
<div id="existant">
</div>
</html>
Merci d'avance pour votre aide.
-----