La methode GET dans une fenetre modale
hubert lutunga
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonsoir tout le monde
Je travaille actuellement sur un projet pour mes études (un site marchand) et je me heurte à un petit problème. J'ai beau chercher je ne trouve aucune réponse correspondant à ce que je souhaite régler. Alors c'est parti :
J'ai une page search.php qui liste des produits après avoir effectuer une recherche; en cliquant sur le nom d'un produit, on doit pouvoir accéder à une fiche détaillée du produit en question dans une fenêtre modale.
Pour cela, je passe l'id du produit dans l'URL et je le récupère avec un $_GET['id'] Jusqu'ici tout va bien, tout s'affiche correctement
Le problème, c'est que j'aimerais que cet affichage du détail se fasse dans une fenêtre modale. En cherchant sur le net j'ai donc trouvé un moyen de mettre cela en place en utilisant seulement jquery et css
Seulement voilà... cette fenêtre modale utilise une ancre pour s'afficher :
<a href="#">
Je fais
<a href="#&id='.$id.'">
L'URL change bien et prend l'id correspondant au produit et la fenetre modale s'ouvre correctement mais il ne affiche pas le details dans la modale
Je me demande tout simplement si il est possible d'obtenir le résultat souhaité tout en gardant l'idée d'une popup entièrement en CSS ou si je dois abandonner et réfléchir à une autre solution?
(Désolée si la question vous semble idiote, je ne suis pas encore un pro du PHP, pas mal de choses m'échappent )
Merci de votre aide, j'espère que mes explications sont assez claires
Je travaille actuellement sur un projet pour mes études (un site marchand) et je me heurte à un petit problème. J'ai beau chercher je ne trouve aucune réponse correspondant à ce que je souhaite régler. Alors c'est parti :
J'ai une page search.php qui liste des produits après avoir effectuer une recherche; en cliquant sur le nom d'un produit, on doit pouvoir accéder à une fiche détaillée du produit en question dans une fenêtre modale.
Pour cela, je passe l'id du produit dans l'URL et je le récupère avec un $_GET['id'] Jusqu'ici tout va bien, tout s'affiche correctement
Le problème, c'est que j'aimerais que cet affichage du détail se fasse dans une fenêtre modale. En cherchant sur le net j'ai donc trouvé un moyen de mettre cela en place en utilisant seulement jquery et css
Seulement voilà... cette fenêtre modale utilise une ancre pour s'afficher :
<a href="#">
Je fais
<a href="#&id='.$id.'">
L'URL change bien et prend l'id correspondant au produit et la fenetre modale s'ouvre correctement mais il ne affiche pas le details dans la modale
Je me demande tout simplement si il est possible d'obtenir le résultat souhaité tout en gardant l'idée d'une popup entièrement en CSS ou si je dois abandonner et réfléchir à une autre solution?
(Désolée si la question vous semble idiote, je ne suis pas encore un pro du PHP, pas mal de choses m'échappent )
Merci de votre aide, j'espère que mes explications sont assez claires
A voir également:
- La methode GET dans une fenetre modale
- Fenetre windows - Guide
- Fenêtre hors écran windows 11 - Guide
- Get data back - Télécharger - Récupération de données
- Mcafee fenetre intempestive - Accueil - Piratage
- Fenetre de navigation privée - Guide
2 réponses
Bonjour,
Tu pourrais éventuellement utiliser les DATA Attributes pour y mettre l' ID
Ensuite, lorsque tu cliques sur ton lien ... tu récupères l' ID correspondant.
et dans le code qui permet d'ouvrir la modale à partir du lien cliqué :
Tu pourrais éventuellement utiliser les DATA Attributes pour y mettre l' ID
Ensuite, lorsque tu cliques sur ton lien ... tu récupères l' ID correspondant.
echo "<a href='#' data-id='$id' class='modale'>ouvrir modale</a>";
et dans le code qui permet d'ouvrir la modale à partir du lien cliqué :
$("a.modale").click(function(){
var id = $(this).data('id');
//le reste du code...
}
J'ai déjà mis chacun dans sa div ca a bien foctionnE sauf que ca n'affiche que le 1er mot de la phrase.
As tu des exemples ?
Si tu souhaites coller des "romans" avec , peut-être, des apostrophes... penses à utiliser du htmlspecialchar
Si tu n'y arrives pas... postes nous ton code.
Le Php ainsi que le html de ta fenetre modale et pour finir le Javascript du remplissage.
$("a.modale").click(function(){
var id = $(this).data('id');
//le reste du code...
}
C'est quoi le reste du code svp! Je n'arrive pas a l'afficher dans la modale
$(document) .ready(function(e){
$('.ouvrir_modale') .click(function(e){
$('.arr_plan, .f_modale') .css('display', 'block');
$('.arr_plan') .animate({'opacity' : '.5'},350);
$('.f_modale') .animate({'opacity' : '1'},350);
});
$('.fermer_modale, .arr_plan') .click(function(e){
$('.fermer_modale, .fermer_modale') .animate({'opacity' : '0'}, 350,
Function(){
$('.fermer_modale, .f_modale') .css('display', 'none');
}
);
});
});
Oft ou pourrais-je l'inserer pour permetre de recuperer le $_get['id'] dans la modale ? Merci d'avance !
Sachant que si on se base sur le code jquery que tu nous montres... ce que je t'ai donné comme code se place dans la fonction d'ouverture de ta modale
comme ceci :
$('.ouvrir_modale') .click(function(e){ $('.arr_plan, .f_modale') .css('display', 'block'); $('.arr_plan') .animate({'opacity' : '.5'},350); $('.f_modale') .animate({'opacity' : '1'},350); //récupération de la valeur var id = $(this).data('id'); });<a href='#'&id='.$row['id'].' Class='ouvrir_fenetre'>'.$row['pseudo'].'</a> <Div class='arr_plan'></div> <Div class='f_modale'> <span class='fermer'>X</span> <h3>Fenetre modale</h3> <?php echo $_GET['id'];?> </div>Si je fais echo $_get ici ca me renvois l'erreur... Alors avec ta piste je crois ca marchera bien, mais comment faire pour recuperer l'ID dans la fenetre ?
Merci pour ton aide Jordane !
Explications disponibles ici :ICI
Merci d'y penser dans tes prochains messages.