Hello tout le monde...
Je suis empêtré depuis quelques jours pour essayer d'avoir une fenetre popup en Ajax dans ma page avec de données en provenance d'une bdd !

Si quelqu'un peut m'aider ça serait super mega gentil !

Voici mon code :

<?php
echo '<div id="popup_edit" class="popup_block">';
echo '<p>';
echo ($action == 'modifier' ? 'Modification ' : 'Création ');
echo '</p>';
echo '<div class="news"></div>';
echo '</div>';
?>

Le link est :
<a class="poplight" data-rel="popup_edit" data-width="750" data-pglink="'.$pglink.'" data-action="modifier" data-id="'.$data['id'].'" href="?pg='.$pglink.'&action=modifier&id='.$data['id'].'"><strong> MODIFIER </strong></a>

Et le code ajax :

    <script type="text/javascript">

    jQuery(function($){

        //Lorsque vous cliquez sur un lien de la classe poplight
        $('a.poplight').on('click', function() {
            var popID = $(this).data('rel'); //Trouver la pop-up correspondante
            var popWidth = $(this).data('width'); //Trouver la largeur

            //Faire apparaitre la pop-up et ajouter le bouton de fermeture
            $('#' + popID).fadeIn().css({ 'width': popWidth}).prepend('<a href="#" class="close"><div class="btn_close" title="Close Window" alt="Fermer"></div></a>');

            //Récupération du margin, qui permettra de centrer la fenêtre - on ajuste de 80px en conformité avec le CSS
            var popMargTop = ($('#' + popID).height() + 80) / 2;
            var popMargLeft = ($('#' + popID).width() + 80) / 2;

            //Apply Margin to Popup
            $('#' + popID).css({ 
                'margin-top' : -popMargTop,
                'margin-left' : -popMargLeft
            });

            //Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues d'anciennes versions de IE
            $('body').append('<div id="fade"></div>');
            $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();

            return false;
        });

        // Close Popups and Fade Layer
        $('body').on('click', 'a.close, #fade', function() { // Au clic sur le body...
            $('#fade , .popup_block').fadeOut(function() {
                $('#fade, a.close').remove();  
        }); //...ils disparaissent ensemble

            return false;
        });

    });

</script>

Et là ça ne marche pas la variable ACTION !

Merci de toute aide !!!

R

Aucune réponse