Un lien a la mode POP-UP

Répondre
Glasy
Glasy
Déconnecté
Salut a tous , voilà j'ai un petit probleme : je veuxfaire un hyperlien qui ouvre une page a la pop-up c'est a dire sans barre d'adresse ni de boutton actualiser etc ... juste le contenu et c'est tout , et si c'est possible avec des proportions fixes que je fixe moi meme ^^ si quelqu'un peut m'aider ^^ merci
Bzh
Bzh
Déconnecté
Tu ne peux pas faire cela en html ou css !!!

Sa se fait avec du javascript !!!

  1. window.open("URL","nom_de_la_fenetre","options_de_la_fenetre"); 




Les méthodes open() et close() sont bien évidemment destinées à permettre l'ouverture et la fermeture de fenêtres. Toutefois la syntaxe de la méthode open() est longue car elle admet un nombre important de paramètres:

La méthode open() permet d'ouvrir une fenêtre, voici sa syntaxe:

window.open("URL","nom_de_la_fenetre","options_de_la_fenetre");

URL désigne l'url de la page qui sera affichée dans la nouvelle fenêtre, c'est-à-dire l'emplacement physique de celle-ci.

Les options de la fenêtre sont les suivantes:

option description
directory = yes/no Affiche ou non les boutons de navigation
location = yes/no Affiche ou non la barre d'adresse
menubar = yes/no Affiche ou non la barre de menu (fichier, edition, ...)
resizable = yes/no Définit si la taille de la fenêtre est modifiable ou non
scrollbars = yes/no Affiche ou non les ascenceurs (barres de défilement)
status = yes/no Affiche ou non la barre d'état
toolbar = yes/no Affiche ou non la barre d'outils
width = largeur (en pixels) Définit la largeur
height = hauteur (en pixels) Définit la hauteur

Ainsi, il est possible d'utiliser cette méthode avec n'importe quel gestionnaire d'événement, directement dans le code à exécuter ou bien dans une fonction.

Merci l' éditeur javascript !!!! smiley

Bye...
Glasy
Glasy
Déconnecté
Mais comment vais je faire pour le mettre en <a> ? ou alors tu peucx me donenr tout le code que je vais inserer ? , j'ai fait le code en javascript come tu me l'as dis mais ça ouvre une pop-up a l'ouverture du doccument or moi je veux un truc genre <a>clic</a> et en cliquant ça ouvre une pop-up si voux pouvez m'aider svp
Meeper
Meeper
Déconnecté
---Meeper---
Salut voila dans mon exemple j'ai une mini photo et quand je clique dessus une popup s'ouvre avec la photo de la taille voulue

<a href="repertoire/photo.jpg" Target="popup" onClick="window.open('','popup','width=380,height=455,scrollbars=0')"><img border="0" src="repertoire/photo_small.jpg" width="100" height="126"></a>
en esperant que ca t'aide :)
Glasy
Glasy
Déconnecté
merci msieu ^^
Bzh
Bzh
Déconnecté
Plus simple:

  1.  
  2. <a href="javascript:window.open('URL','nom_de_la_fenetre','options_de_la_fenetre')">Ton lien</a>
  3.  


Voila...

Bye...
Glasy
Glasy
Déconnecté
BZH il y a un probleme avec ta metode , quand je clic sur le lien ça me mene vers une pge ou il y a ecrit [object] c'est normal ?
SuperHeidiMAN
SuperHeidiMAN
Déconnecté
Sans vouloir te contredire BZH mais si la personne à désactiver javascript ca ne marchera plus...

Voici un lien pour la "bonne" méthode : http://openweb.eu.org/articles/popup/
D'ailleur je peux que recommender ce site, c'est la ou j'ai appris beaucoup de chose sur xhtml/css :)
Répondre
Accès rapide :

Remonter Remonter
L'éditeur javascript - CSS - Gentoo - Tutoriaux PHP - Tutoriels PHP - Breizh Blog