Discussion :

[legall]

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 (le tout dans la même page) :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<?php
echo '<div id="popup_edit" class="popup_block">';
echo '<p>';
echo ($action == 'modifier' ? 'Modification ' : 'Création ');
echo '</p>';
echo '<div class="news">contenu en provenance de la bdd</div>';
echo '</div>';
?>

Le link est :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et le code ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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;
});
});

Et là ça ne marche pas !

Le popup s'ouvre bel et bien mais sans aucune donnée en provenance de la bdd !

J'ai mis un alert et l'url passe les info mais le popup ne les prends pas... GRRRR !

Merci de toute aide !!!

R

[SpaceFrog]

je dois peut être changer de lunettes, mais je ne vois mas un seul ajax dans ton code ...

[legall]

Peut-être que je me sois trompé d'intitulé puisque j'associe Jquery et l'AJAX... Désolé.
Mais ceci étant cela ne marche pas comme je le pensais...

[SpaceFrog]

où, dasn ton code, penses tu aller chercher les informations à afficher avec ajax

[legall]

Après une requete dans une bdd je récupere les variables que je transmet via le lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="poplight" data-rel="popup_edit" data-width="750" href="?pg='.$pglink.'&action=modifier&id='.$data['id'].'">

au MODAL popup

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="popup_edit" class="popup_block">

via le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('a.poplight').on('click', function() {

Mais lorsque le popup s'ouvre non seulement la variable $action n'a pas été prise en compte car il affiche toujours "Création" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

($action == 'modifier' ? 'Modification ' : 'Création ');

Comme le contenu est vide !

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('a.poplight').on('click', function() {

=> rechargement de page ?