Incruster une requête SQL (page PHP) dans une anim javascript

zvetlania
Javascript

Bonjour, voilà mon souci : J'ai une DIV qui part de 0px, qui grâce à un bouton s'anime...
Voici le code en gros:

$(function(){
    var a=0;
    $("#voir_menus").click(function() {
    if (a==0)
    {
    $("#formule_midi").animate({width: "280px", height: "296px", opacity: "1"}, 700)
    a=1;
    }
    else
    {
    $("#formule_midi").animate({height:"0px", opacity: "0.0"}, 600)
    a=0;
    }
})});

Mon bouton : voir menu, situé dans une div : 

<div id=voir_menus> <a href="#" class="voir_menus"> Voir nos menus </a></div>

avec height + width à 0px evidemment par défaut, + overflow none...

Le javascript fonctionne parfaitement, mon souci vient de la DIV formule_midi.
En gros je veux faire : 

<div id=formule_midi>
<?php include "event.php"; ?> => Là est mon souci...
</div>

Dans ma page event.php, il y a une connection à la base et une requête SELECT FROM ...

Voilà, si quelqu'un a des idées, j'ai cru voir des trucs Ajax, je vais regarder si je peux trouver 1 ou 2 astuces chez Grafikart en attendant la solution!
Cordialement

2 réponses

GentlemanOwl
Réponse acceptée

Bonjour,

je pense que ceci devrait fonctionner.

$(function(){
var a=0;
$.ajaxSetup({
    url: 'envents.php',
    type: 'POST',
    dataType: 'html'
});
    $("#voir_menus").click(function(){
        if(a==0){
            $("#formule_midi").animate({width: "280px", height: "296px", opacity: "1"}, 700)
            a=1;
            $.ajax({
                type: 'GET',
                success: function(data){
                    $('#formule_midi').append(data);
                },
                error: function(XMLHttpRequest, TextStatus, errorThrown){
                    alert("bug");
                }
            });
        }
        else{
            $("#formule_midi").animate({height:"0px", opacity: "0.0"}, 600)
            a=0;
            $.ajax({
                type: 'GET',
                success: function(data){
                    $('#formule_midi').append(data);
                },
                error: function(XMLHttpRequest, TextStatus, errorThrown){
                    alert("bug");
                }
            });
        }
    })
});

Et un lien vers la page Ajax de jQuery : lien.

zvetlania
Auteur
Réponse acceptée

Oula super merci ! je me couche après 30min de recherche en me disant "demain je trouverai" et finalement on me pose la solution sur un plateau !
Super, ça marche un grand merci à toi ! :)