Fenetre pop up CSS/JS/JQUERY à l'ouverture

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par gti, 26 Août 2011.

  1. gti
    gti WRInaute discret
    Inscrit:
    8 Septembre 2003
    Messages:
    201
    J'aime reçus:
    0
    salut

    je voudrais intégré sur mon site une fenetre pop up à l'ouverture, un peu comme celle qu'affiche WRI actuellement.

    Je pense qu'il s'agit d'un mélange de CSS, javascript et jquery, mais impossible de trouver un tuto ou un bout de code.

    Merci
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 162
    J'aime reçus:
    337
  3. gti
    gti WRInaute discret
    Inscrit:
    8 Septembre 2003
    Messages:
    201
    J'aime reçus:
    0
    Ça semble etre ça merci mais je ne trouve pas de tuto ou de code prêt a l'emploi...
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 162
    J'aime reçus:
    337
    Pourtant il y a à chaque fois une démo et de la doc...
     
  5. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 971
    J'aime reçus:
    121
    Dans le premier lien, il suffit de cliquer sur view source
     
  6. gti
    gti WRInaute discret
    Inscrit:
    8 Septembre 2003
    Messages:
    201
    J'aime reçus:
    0
    ok, j'ai intégré tant bien que mal une fenêtre modal via le code source proposé par Jquery, mais je ne trouve pas comment faire pour qu'elle ne s'affiche qu'une seule fois. Il s'agit surement d'une histoire de cookies, mais encore...

    De plus je n'arrive pas à donner une largeur (width) alors que la hauteur (heith) marche impec

    merci
     
  7. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 971
    J'aime reçus:
    121
    En effet, la création d'un cookie à ce niveau est la bonne solution. Généralement, je fais ça en JS :

    - Si le cookie n'existe pas, j'affiche la modalbox et je crée le cookie derrière
    - Si le cookie existe, je ne fais rien
     
  8. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 197
    J'aime reçus:
    0
    Surveille ton taux de rebond une fois mis en place.
     
  9. gti
    gti WRInaute discret
    Inscrit:
    8 Septembre 2003
    Messages:
    201
    J'aime reçus:
    0
    comment ?
     
  10. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 162
    J'aime reçus:
    337
Chargement...
Similar Threads - Fenetre pop CSS Forum Date
lien qui ouvre fenetre pop up mais Développement d'un site Web ou d'une appli mobile 11 Juillet 2012
Fenêtre pop-in et referencement naturel Débuter en référencement 11 Avril 2012
Surfenetre / PopUp Integré !! Développement d'un site Web ou d'une appli mobile 16 Novembre 2009
mon premier site qqes soucis...fenetre pop-up et compteur Demandes d'avis et de conseils sur vos sites 14 Janvier 2007
Ouvrir une fenêtre popup en PHP Développement d'un site Web ou d'une appli mobile 8 Mai 2006
PopUp + lien sur la fenêtre d'appel Développement d'un site Web ou d'une appli mobile 3 Mai 2006
Responsive avec outils google mais pas avec réduction de fenêtre Demandes d'avis et de conseils sur vos sites 23 Juillet 2018
Y-a-t-il une incidence des Fenetres modales sur le referencement ?e Débuter en référencement 18 Avril 2017
Fenêtres de pub apparaissant sur mon site Demandes d'avis et de conseils sur vos sites 26 Juin 2015
Ouvrir dans une nouvelle fenêtre Développement d'un site Web ou d'une appli mobile 11 Juin 2015
Résultat d'une recherche dans une fenêtre. Développement d'un site Web ou d'une appli mobile 1 Juin 2013
Fenêtre de zoom mobile sur plan Développement d'un site Web ou d'une appli mobile 30 Avril 2013
Ouverture nouvelle fenetre apres clic sur fichier Développement d'un site Web ou d'une appli mobile 11 Août 2011
Alignement champ et fenêtre auto-completer Développement d'un site Web ou d'une appli mobile 29 Mars 2011
fenêtre de résultats en temps réel Google Google : l'entreprise, les sites web, les services 23 Janvier 2011
Fenêtre "style Adword" Développement d'un site Web ou d'une appli mobile 6 Octobre 2010
[Safari Iphone] Fenêtre flottante sur site mobile Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
Fenetres avec mootools Développement d'un site Web ou d'une appli mobile 2 Juin 2010
Boite de dialogue (fenêtre) js? Développement d'un site Web ou d'une appli mobile 19 Avril 2010
aide - comment supprimer ces fenêtres intempestives? Développement d'un site Web ou d'une appli mobile 12 Décembre 2009