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

JavaScript Discussion :

Ouverture lightbox à l'ouverture d'une page [Lightbox body onload]


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Inscrit en
    Mai 2009
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Mai 2009
    Messages : 6
    Par défaut Ouverture lightbox à l'ouverture d'une page [Lightbox body onload]
    Bonjour j'utilise sur un site sexylightbox.

    Tout fonctionne correctement, cad que lors du clic sur un bouton avec le paramètre une lightbox.

    Mais j'ai comme besoin d'afficher la "sexylightbox" avec du contenu html, à l'ouverture de la page.

    Avez vous une idée, j'ai enquété sur le

    Mais je n'arrive pas à le mettre en place.

    Auriez vous une piste s'il vous plait?

    Merci d'avance.

  2. #2
    Membre chevronné Avatar de blade159
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2004
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Pyrénées Atlantiques (Aquitaine)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2004
    Messages : 226
    Par défaut
    bonsoir, peut-être en utilisant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body onload="SexyLightbox.display('mapage.html');">

  3. #3
    Membre du Club
    Inscrit en
    Mai 2009
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Mai 2009
    Messages : 6
    Par défaut Résolu
    Merci de ton aide, j'ai finalement réussi a trouver juste avant ta réponse.
    Si çà peut aider pour les prochains, j'ai choisi la solution trouvé sur internet de la simulation de click.

    JAVASCRIPT
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    	<script type="text/javascript">
    	function simulateClick(elmt) {
    	if(document.all) {
    		elmt.fireEvent("onclick");
    		} else {
    			var evt = document.createEvent("MouseEvents");
    			evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    			elmt.dispatchEvent(evt);
    		}
    	}
    	</script>
    HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <body onload="simulateClick(document.getElementById('onload'));">
    <a  id="onload" href="about.html?TB_iframe=true&height=300&width=490&modal=1" rel="sexylightbox" title="A propos"></a>
    Petite explication: Le script simule un clique sur l'id passé en parametre ici 'onload' qui est un lien html, l'url contient les paramètre de la LightBox, pour l'ouverture d'un contenu html. le modal=1 sert à ce que la zone grisée de l'écran ne soit pas cliquable, et ainsi fermer la lightbox que par le bouton fermeture (Utilisé ici pour une ouverture de login)

    Merci de ton aide en tout cas.

    Fred

  4. #4
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Août 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Août 2010
    Messages : 2
    Par défaut Top
    Merci pour ton post, et merci pour avoir eu le reflexe de le partager.

    Goog vibes

  5. #5
    Invité de passage
    Inscrit en
    Octobre 2010
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 1
    Par défaut
    Merci d'avoir prit le temps d'expliquer ta solution, ça m'a bien aidé.

  6. #6
    Nouveau candidat au Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Mai 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Mai 2012
    Messages : 2
    Par défaut
    Citation Envoyé par fr3do Voir le message
    Merci de ton aide, j'ai finalement réussi a trouver juste avant ta réponse.
    Si çà peut aider pour les prochains, j'ai choisi la solution trouvé sur internet de la simulation de click.


    Petite explication: Le script simule un clique sur l'id passé en parametre ici 'onload' qui est un lien html, l'url contient les paramètre de la LightBox, pour l'ouverture d'un contenu html. le modal=1 sert à ce que la zone grisée de l'écran ne soit pas cliquable, et ainsi fermer la lightbox que par le bouton fermeture (Utilisé ici pour une ouverture de login)

    Merci de ton aide en tout cas.

    Fred
    Enorme , 3 jours que je me prend la tete ,un brin de ton code pour la simulation du click et mon popup marche impec, j'ai du mettre un submit dans le popup qui envoie une valeur pour fermer le popup !!!

    super merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Ouverture de certaines images dans une galerie lightbox
    Par Tybaal dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/10/2014, 22h22
  2. [XL-2007] Ouverture d'un userform depuis une page HTML
    Par Lucky062 dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 24/05/2011, 07h42
  3. Transmettre une variable php à une page lightboxé
    Par nisigor dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/10/2010, 00h33
  4. Ouverture d'un PDF sur une page précise fonctionne de façon aléatoire
    Par cahnory dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 31/08/2009, 09h51
  5. Réponses: 0
    Dernier message: 07/08/2008, 22h00

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