Nyromodal réinitialiser la taille à chaque appel

Version imprimable

Bonjour,

Je me tourne vers vous car j'utilise l'outil nyromodal comme système de popup sur mon site.

Utilisation sans problème pour la mise en application.

J'utilise plusieurs systèmes de popup sur la même page et chaque popup doit avoir une taille différente.

J'ai donc créé une function js d'ouverture simple.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function OpenPopupAnnonce(IdVehicule,action,listing_error,widthSee,heightSee) { $(function() { $('.nyroModal').nyroModal({ sizes: { initW: width, initH: height, minW: width, minH: height, w: width, h: height } }); $("#ContentToSee").load("popup.php",{"IdVehicule":IdVehicule,"action":action,"listing_error":listing_error}); $(".nyroModal").click(); }); }
Le système est fonctionnel.

J'ai sur la page 5 appels nyromodal.

Les 5 popups doivent avoir une taille différente. J'utilise donc la fonction ci-dessus pour ouvrir le popup à la taille souhaitée

Code:

onclick="OpenPopupAnnonce('<?php echo $id_vehicule;?>','localiser','','450','375');"

Le hic : lorsque je clic sur le deuxième popup il conserve la taille du premier. Si je le ferme et reclique sur le popup la nouvelle taille est bien prise en compte. SI je clique sur le troisième il prend la taille du précédent cliqué et ainsi de suite..

En gros il faudrait que je puisse réinitialiser la taille après chaque fermeture de popup nyromodal pour être sur de charger la bonne ensuite...

Je patauge help ! J'ai regardé la doc mais là j'avance plus...

Merci :)

Quelle version de mn utilises tu ?

Tu peux essayer de forcer le css sur la méthode callbacks comme suit:

Code:

1
2
3
4
5
6
 
 callbacks: {
        afterShowCont: function(nm) {                
            $('nyroModalCont').css('height', [hauteur]; 'width':[largeur]);
        }
    }

Bonjour,

Merci pour ta réponse.

J'utilise la V2 denm.

Je viens d'essayer et cela ne fonctionne pas.

Il faudrait en fait que je détruise l'objet créé à la fermeture ! ?

Je viens de modifier ma fonction pour afficher "bouuuh" à la fermeture du popup et cela fonctionne.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 function OpenPopupAnnonce(IdVehicule,action,listing_error,width,height) { $(function() { $('.nyroModal').nyroModal({ sizes: { initW: width, initH: height, minW: width, minH: height, w: width, h: height }, callbacks: { afterClose: function(nm) { alert('bouuuuh'); } } }); $("#ContentToSee").load("popup.php",{"IdVehicule":IdVehicule,"action":action,"listing_error":listing_error}); $(".nyroModal").click(); }); }
Je viens d'essayer d'ajouter destroy() ; après alert(''); mais du coup le popup ne s'ouvre plus au suivant lol

Merci

13/01/2016, 10h54
danielhagnoul
Quelques remarques sur le code du message n° 1 :
1. Le plugin nyroModal semble être à l'abandon depuis un an ou plus.
2. L’initialisation de l'objet jQuery lorsque le DOM est prêt (par $(function(){...}) n'a rien à faire à l'intérieur d'une fonction.
3. L'objet sizes de nyroModal est initialisé avec les paramètres inconnus width et height, alors que la fonction OpenPopupAnnonce transmet les paramètres widthSee et heightSee.
4. Avec une classe, le sélecteur $('.nyroModal') change la taille de tous les éléments ayant cette classe à chaque appel. Vous devez utiliser des ID. Rappel : un ID doit être unique dans la page web.
13/01/2016, 11h34
gyllom

Bonjour,

Merci pour le retour.

Pour répondre aux réponses :
1. Ok. En connaissez vous d'autres ?

2. Merci je n'ai pas de grandes compétences en jquery j'apprends sur le tas.

3. Fautes de frappe :)

4. Ok mais dans ce cas il me faut 5 div dans mon code. Ne peut-on pas utiliser une simple div ? "Avec une classe, le sélecteur $('.nyroModal') change la taille de tous les éléments" -> c'est justement l'idée. Cela fonctionne mais au second clic. Il faudrait juste que j'efface la taille enregistrée après fermeture du popup pour mieux charger la nouvelle taille.

Merci
14/01/2016, 10h30
danielhagnoul

Citation:

Avec une classe, le sélecteur $('.nyroModal') change la taille de tous les éléments ayant cette classe à chaque appel.

Autrement dit, avec une classe, chaque fois que vous utilisez votre code, tous "les popups" changent de taille.