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 :

Position page parente après ouverture popup


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de Aquellito
    Développeur informatique
    Inscrit en
    Juin 2008
    Messages
    337
    Détails du profil
    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2008
    Messages : 337
    Par défaut Position page parente après ouverture popup
    Bonjour,

    J'ai une longue liste de lien qui lorsqu'on clique dessus ouvre une popup :

    J'utilise la méthode ci-dessous :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function popup(url,w,h)
    {
    	window.open(url,'','toolbar=0,menubar=0,location=0,scrollbars=0,width='+w+',height='+h+',left=0,screenX=0,top=0,screenY=0');
    }
     
    <a href='#' onclick='popup("popup.html",500,300)'>LIEN POPUP</a>
    Le problème est que le # dans le href me remonte la page parente de la popup, mais si je l'enlève alors celui-ci ne s'affiche plus comme un lien.

    Quelqu'un aurait une solution à part mettre des ancres partout dans ma page ?

    Merci

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    C'est simple : rajoute return false et le comportement par défaut du click sera annulé.
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href='#' onclick='popup("popup.html",500,300); return false'>LIEN POPUP</a>
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Deux réponses possibles.

    1) Une balise <a>, c'est pour faire un lien, si tu ne veux pas de lien, il n'y a pas de raison de mettre de balise <a> (et si c'est juste pour le style, CSS est justement fait pour ça ).

    2) Si tu veux absolument ne pas être sémantiquement correct et utiliser une balise <a>, un simple return false permet d'empêcher de suivre le lien :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="popup('popup.html',500,300); return false"
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre éclairé Avatar de Aquellito
    Développeur informatique
    Inscrit en
    Juin 2008
    Messages
    337
    Détails du profil
    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2008
    Messages : 337
    Par défaut
    Oui en effet, j'aurais pu utiliser une autre balise que <a> et je comprend que cela puise vous choquer . Mais le but était justement de pouvoir utiliser le style de celle-ci sans avoir à modifier mes feuilles de style.

    Le return false; me convient très bien et marche impec.

    Merci beaucoup à vous

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    je comprend que cela puise vous choquer
    On ne va quand même pas aller jusque là !
    Et rassure-toi, c'est une façon de faire très répandue !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 21/11/2014, 17h00
  2. Réponses: 7
    Dernier message: 31/07/2009, 12h45
  3. Fermer page HTML apres ouverture
    Par bcd_30 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 19/02/2008, 10h40
  4. Réponses: 5
    Dernier message: 26/04/2006, 14h35
  5. Rechargement d'une page après ouverture de deux popups
    Par petitmoosse dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/11/2005, 16h39

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