IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Nyromodal réinitialiser la taille à chaque appel


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2012
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2012
    Messages : 48
    Par défaut Nyromodal réinitialiser la taille à chaque appel
    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 : 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
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Quelle version de mn utilises tu ?

    Tu peux essayer de forcer le css sur la méthode callbacks comme suit:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
     callbacks: {
            afterShowCont: function(nm) {                
                $('nyroModalCont').css('height', [hauteur]; 'width':[largeur]);
            }
        }
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2012
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2012
    Messages : 48
    Par défaut
    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 : 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
    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

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    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.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2012
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2012
    Messages : 48
    Par défaut
    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

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    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.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Réponses: 11
    Dernier message: 21/01/2009, 15h55
  2. réinitialiser Numérotation auto à chaque enregistrement
    Par triaguae dans le forum Modélisation
    Réponses: 3
    Dernier message: 31/07/2008, 15h37
  3. Enumération réévalué à chaque appel
    Par maa dans le forum Linq
    Réponses: 7
    Dernier message: 09/10/2007, 19h57
  4. Réponses: 12
    Dernier message: 29/06/2007, 11h08
  5. Perl.exe crash à chaque appel
    Par Fabien Celaia dans le forum Langage
    Réponses: 4
    Dernier message: 07/06/2006, 08h56

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo