Répondre à la discussion
Affichage des résultats 1 à 1 sur 1

Tableau ajax



  1. #1
    pouce_daddy

    Tableau ajax


    ------

    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.



    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>
    J’espère avoir été assez clair.
    Merci d'avance pour votre aide.

    -----

  2. 📣 Nouveau projet éditorial de Futura
    🔥🧠 Le Mag Futura est lancé, découvrez notre 1er magazine papier

    Une belle revue de plus de 200 pages et 4 dossiers scientifiques pour tout comprendre à la science qui fera le futur. Nous avons besoin de vous 🙏 pour nous aider à le lancer...

    👉 Je découvre le projet

    Quatre questions à explorer en 2022 :
    → Quels mystères nous cache encore la Lune 🌙 ?
    → Pourra-t-on bientôt tout guérir grâce aux gènes 👩‍⚕️?
    → Comment nourrir le monde sans le détruire 🌍 ?
    → L’intelligence artificielle peut-elle devenir vraiment intelligente 🤖 ?

Discussions similaires

  1. Ajax+Php+MySql pour AutoComplétion
    Par squal31 dans le forum Programmation et langages, Algorithmique
    Réponses: 37
    Dernier message: 29/03/2012, 12h01
  2. Problème avec confirm() et AJAX
    Par anto2b dans le forum Programmation et langages, Algorithmique
    Réponses: 2
    Dernier message: 23/10/2011, 22h58
  3. [FIREFOX/AJAX] Test d'un livre en ligne (cinéma)
    Par phildepantin dans le forum Logiciel - Software - Open Source
    Réponses: 2
    Dernier message: 21/02/2009, 08h56
  4. Rico pour Ajax..
    Par zoup1 dans le forum Logiciel - Software - Open Source
    Réponses: 2
    Dernier message: 09/09/2006, 12h19
  5. A-t-on découvert le fief du légendaire Ajax ?
    Par RSSBot dans le forum Commentez les actus, dossiers et définitions
    Réponses: 10
    Dernier message: 12/04/2006, 16h44