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

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
***

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
***

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 le 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
Aidactif
Aidactif

Messages : 23442
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 le 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
+ Hyperactif +

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

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

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


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