Bug sur ma fenêtre mandal jquery
Résolu/Fermé
ivan
-
13 nov. 2018 à 20:21
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 1 déc. 2018 à 17:46
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 1 déc. 2018 à 17:46
A voir également:
- Bug sur ma fenêtre mandal jquery
- Bug musique instagram ✓ - Forum Instagram
- Localisation snap bug ✓ - Forum Snapchat
- Facebook rencontre bug - Forum Facebook
- Iptv bug ✓ - Forum Vidéo/TV
- Fenetre qui s'ouvre sur le mauvais écran ✓ - Forum Windows
5 réponses
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
13 nov. 2018 à 20:50
13 nov. 2018 à 20:50
Bonjour,
As tu regardé dans la console de ton navigateur si il n'y avait pas des erreurs ??
As tu regardé dans la console de ton navigateur si il n'y avait pas des erreurs ??
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
24 nov. 2018 à 23:30
24 nov. 2018 à 23:30
Bon.....
Une mandal c'est une giffle .... toi ce que tu veux faire.. c'est une MODALE
Quoi qu'il en soit, tu n'as pas répondu aux questions/remarques que je t'ai fait....
comme par exemple... les éventuels messages présents dans la console de ton navigateur.... ( ET nous fournir une capture écran de la dite console)
Une mandal c'est une giffle .... toi ce que tu veux faire.. c'est une MODALE
Quoi qu'il en soit, tu n'as pas répondu aux questions/remarques que je t'ai fait....
comme par exemple... les éventuels messages présents dans la console de ton navigateur.... ( ET nous fournir une capture écran de la dite console)
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
25 nov. 2018 à 16:41
25 nov. 2018 à 16:41
Sauf que ta captures n'affiches rien du tout... même pas les console.log .... as tu cliqué sur le bouton censé ouvrir la modal avant de faire la capture au moins ?
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
28 nov. 2018 à 15:04
28 nov. 2018 à 15:04
Qu'il ne mette pas d'erreur... pourquoi pas... mais vu le code que je t'ai donné... il devrait afficher des choses......
Donc :
1 - Nous montrer la TOTALITE de ton code (html/JS) en indiquant, si dans des fichiers différents, le nom et l'emplacement des fichiers en question.
2 - Nous mettre des captures écran AVANT / APRES avoir cliqué
Donc :
1 - Nous montrer la TOTALITE de ton code (html/JS) en indiquant, si dans des fichiers différents, le nom et l'emplacement des fichiers en question.
2 - Nous mettre des captures écran AVANT / APRES avoir cliqué
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
28 nov. 2018 à 15:05
28 nov. 2018 à 15:05
et pour les images... merci d'utiliser le bouton prévu à cet effet dans la fenêtre de discussion au lieu de les héberger sur des sites externes.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
merci, j'ai trouvé enfin ceux qui ne va pas, lol donc là ca affiche bien
mais juste une dernière question à propos de ce code
j'ai remplacé par
j'aimerais quand je clique sur button c'est qu'on ferme la fenetre hors là ils ne le ferme pas
comment je peut lui dire de fermer cette fenêtre
merci
mais juste une dernière question à propos de ce code
<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Fermer" alt="Fermer" /></a>'
j'ai remplacé par
<nav><ul><li><button type="submit" class="close btn_close icon-suppprimer-mondal"></button></li></ul></nav>
j'aimerais quand je clique sur button c'est qu'on ferme la fenetre hors là ils ne le ferme pas
comment je peut lui dire de fermer cette fenêtre
merci
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
1 déc. 2018 à 17:45
1 déc. 2018 à 17:45
Bonjour,
La fermeture se fait via le bout de code que tu as oublié de copier...
ou celui la
Codes qu'il faut adapter car actuellement ils se basent sur la balise <a class="close"
Sachant que vu que tu t'es mis à faire des fenêtres modal... autant éviter de faire des formulaire avec des submit....
Autant passer à l'ajax.
La fermeture se fait via le bout de code que tu as oublié de copier...
//Fermeture de la pop-up et du fond
$('a.close, #fade').live('click', function() { //Au clic sur le bouton ou sur le calque...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //...ils disparaissent ensemble
});
return false;
});
ou celui la
//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
Codes qu'il faut adapter car actuellement ils se basent sur la balise <a class="close"
Sachant que vu que tu t'es mis à faire des fenêtres modal... autant éviter de faire des formulaire avec des submit....
Autant passer à l'ajax.
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
1 déc. 2018 à 17:46
1 déc. 2018 à 17:46
mais bon, ta question initiale étant résolue, merci de suivre ce lien :
https://www.commentcamarche.net/infos/25917-marquer-un-fil-de-discussion-comme-etant-resolu/
https://www.commentcamarche.net/infos/25917-marquer-un-fil-de-discussion-comme-etant-resolu/
13 nov. 2018 à 21:09
14 nov. 2018 à 21:40
14 nov. 2018 à 22:47
console.log("ID de la popop = "+popID); // j'ai changer ID de la popop par le noms'affiche dans la console et correspond bien à l'ID de ta modale ??
De plus, une capture écran de ta console serait pas mal je pense....
Modifié le 28 nov. 2018 à 15:05
donc j'ai mis
html des bouttons
donc là si on clique sur couleur ou smileys normalement il devrait afficher ces fenêtre soit couleur ou smileyca et pas en même temps ;)
là j'ais le css our cacher et réapparaitre le cadre fenetre mondal lors du cliques
#fade { /*--Masque opaque noir de fond--*/ display: none; /*--masqué par défaut--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ display: none; /*--masqué par défaut--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--Les différentes définitions de Box Shadow en CSS3--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--Coins arrondis en CSS3--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -55px -55px 0 0; } /*--Gérer la position fixed pour IE6--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; }et son jquery
<$('button.poplight').click(function() { //------------------------------------// //Variables à définir //------------------------------------// var popID = $(this).data('idmodal'); //retourne la valeur de l'attribut data-idmodal de l'élément cliqué console.log("ID de la popop = "+popID); // j'ai changer ID de la popop par le nom var popWidth = "400"; // Largeur de la modal à définir //------------------------------------// // Affichage de la modale //------------------------------------// //Faire apparaitre la pop-up et ajouter le bouton de fermeture $('#' + popID).fadeIn().css({ 'width': Number(popWidth) }) .prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Fermer" alt="Fermer" /></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; //On affecte le margin $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); //Effet fade-in du fond opaque $('body').append('<div id="fade"></div>'); //Ajout du fond opaque noir //Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues de IE $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false; });et la capture
https://www.casimages.com/i/181115100952820305.png.html
il met pas d'erreur
merci de on aide