ouvrir un popup en Javascript grace à la méthode window.open

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu ouvrir un popup en Javascript grace à la méthode window.open

Message par demeter1 Dim 22 Avr 2012 - 14:51

Bonjour à tous,
Afin d'aider certains de mes membres à appréhender certaines foncionnalités du forum, j'aimerai pouvoir afficher un pop up sur des liens menant à des explicatifs contenus dans une page html et ce, tout en restant sur la page initiale.

Voici le script que j'ai installé dans la gestion des javascripts en cochant sur les sujets.

Code:
function ouvre_popup(page) {
window.open(page,"nom_popup","menubar=no, status=no, scrollbars=yes,  width=500,
height=300");
}

et le script que j'installe dans un topic
Code:
<a href="javascript:ouvre_popup('url d'une page html')">Ouvrir le  popup</a>

Dans la pratique, cela devrait fonctionner mais apparemment le javascript est désactivé dans les messages. Il y aurait il une astuce pour rendre le script fonctionnel.
Merci par avance pour votre aide.


Dernière édition par demeter1 le Dim 22 Avr 2012 - 18:35, édité 1 fois
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ouvrir un popup en Javascript grace à la méthode window.open

Message par pierre du 47 Dim 22 Avr 2012 - 17:26

vous pouvez utilisez :
Code:
<a href="votre_lien" TARGET=popup onclick="window.open('','popup','width=largeur,height=hauteur,left=0,top=0,scrollbars=1')">ce qui sera écrit sur le lien</a>
pierre du 47

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ouvrir un popup en Javascript grace à la méthode window.open

Message par demeter1 Dim 22 Avr 2012 - 17:51

Bonjour Pierre, merci pour cette aide.
Déjà testé malheureusement avec le concours de ce tutoriel : http://www.angelfire.com/ak3/codeshtml/codes/code29.html
Le système ouvre une nouvelle page au lieu d'ouvrir un pop up au dessus de la page que le membre visite. Ceci dit, une incompatibilité du navigateur est a exclure car l'exemple donné dans le tutoriel s'affiche correctement.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ouvrir un popup en Javascript grace à la méthode window.open

Message par pierre du 47 Dim 22 Avr 2012 - 18:04

Cela ouvre un pop up, et non une nouvelle page, une pop up = un petite fenêtre qui s'ouvre sur le côtés d'une page...
pierre du 47

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: ouvrir un popup en Javascript grace à la méthode window.open

Message par Ea Dim 22 Avr 2012 - 18:19

Bonjour,


Il faudrait un lien du style :

Code:
<a href="http://www.google.com" class="popup">lien</a>
Et un code javascript du style :

Code:
$(function(){

  $('body').on('click','a.popup',function(){
    window.open($(this).attr('href'),"nom_popup","menubar=no, status=no, scrollbars=yes, width=500, height=300");
    return false;
  });

});
Le code ouvrira les liens de type a.popup dans un popup.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ouvrir un popup en Javascript grace à la méthode window.open

Message par demeter1 Dim 22 Avr 2012 - 18:34

Etana, un grand merci ok . Le script fonctionne à merveille. Yes
Comme d'habitude , lorsque Etana surgit , un problème n'est plus un soucis Hero Merci également à Pierre pour l'aide apportée :thanks:
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum