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 :

Faire simple pour ouvrir une popup


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Inscrit en
    Avril 2008
    Messages
    7
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 7
    Par défaut Faire simple pour ouvrir une popup
    Bonjour,

    J'ai des liens dans mon site qui doivent ouvrir une nouvelle fenêtre. J'ai donc mis ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="#.htm" onClick="window.open('page.htm','nompage','toolbar=1, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, width=800, height=600, left=10, top=10');return(false)">
    Mais j'ai de nombreux liens de ce genre dans une même page. J'aimerais savoir s'il n'y avait pas une astuce plus rapide pour ne pas mettre ce code à chaque fois sur chaque lien, et simplement appeler une fonction sachant que les liens devront ouvrir une fenêtre différente à chaque fois?

    De +, j'aurais voulu ouvrir des popup comme on voit dans ce site mais je ne pense pas qu'on puisse gérer l'aspect de la fenêtre en javascript? (ils ont utilisé Flash + javascript si j'ai bien compris d'après la source?)

  2. #2
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Bonjour,
    Tu peux utiliser prototype-window

  3. #3
    Membre Expert Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function createPopup(source, titre){
        window.open(source,titre,'toolbar=1, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, width=800, height=600, left=10, top=10');
    }
     
    var links = document.getElementsByTagName("a");
     
    for (var v=0; v<links.length; v++)
        links[v].onclick = createPopup("page.html", "titre")
    Pour la deuxième partie, le site du credac, c'est fait en flash donc c'est pas du tout la même techno ni les mêmes possibilités.

    Par contre, ce que tu peux faire, c'est au lieu de créer une véritable popup, en simuler une à l'aide d'une div que tu placera dans ta page et dont tu pourras donner l'apparence d'une fenêtre. Pour ca, le lien jumano à l'air assez sympa.

  4. #4
    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
    Si je puis juste approter un petit plus à l'excellent code de doubleU :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function createPopup(source, titre){
        window.open(source,titre,'toolbar=1, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, width=800, height=600, left=10, top=10');
    }
     
    var links = document.getElementsByTagName("a");
     
    for (var v=0; v<links.length; v++)
        links[v].onclick = function(){createPopup(this.href, "titre"); return false;}
    en conservant le href
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="destination.htm"  width=800, height=600, left=10, ">
    Double avantage
    on peut tout de même aller sur la page si javascript n'est pas activé
    le référencement des pages en popup par les moteurs de recherche est assuré
    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 !

  5. #5
    Membre Expert Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Par défaut
    Futé le coup du href

  6. #6
    Membre du Club
    Inscrit en
    Avril 2008
    Messages
    7
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 7
    Par défaut
    Merci beaucoup pour toutes ces ressources, je vais essayer de mixer tout ça!

Discussions similaires

  1. [MySQL] comment faire un lien avec un bouton pour ouvrir une page en php
    Par Debutant10 dans le forum PHP & Base de données
    Réponses: 8
    Dernier message: 10/04/2012, 21h11
  2. [TinyMCE] Comment utiliser file_browser_callback pour ouvrir une page popup depuis advlink ?
    Par Alexandrebox dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 10/07/2009, 14h31
  3. Faire un submit et ouvrir une popup sur une action
    Par identifiant_bidon dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 26/10/2007, 16h00
  4. Genre de popup pour ouvrir une page
    Par Ylias dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/10/2007, 09h19
  5. Ouvrir une popup ou faire un fullscreen
    Par sway dans le forum XML/XSL et SOAP
    Réponses: 1
    Dernier message: 05/04/2006, 11h46

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