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