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:

---

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?)

Bonjour,
Tu peux utiliser prototype-window ;)

Code:

---

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.

Si je puis juste approter un petit plus à l'excellent code de doubleU :

Code:

---

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:

---

<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é

Futé le coup du href :king:

Merci beaucoup pour toutes ces ressources, je vais essayer de mixer tout ça! ;)

Pffff je nage complètement en fait...

La solution de Jumano est pas mal puisque visiblement elle me permet d'ajouter une class à mes popup.
Voilà le code donné sur le site:

Code:

---

1 2 3

var win = new Window({className: "spread", title: "Ruby on Rails", top:70, left:100, width:300, height:200, url: "http://www.rubyonrails.org/", showEffectOptions: {duration:1.5}}) win.show();

---

Par contre je sais pas quoi mettre dans le html au niveau du lien?... (pas possible de comprendre d'après la source de la page)

Le code de doubleU revisité par spacefrog me permet de référencer le contenu des popup mais ducoup là la page se charge dans une nouvelle page et pas dans une popup...

Désolé j'ai du mal avec javascript...

Si tu veux utiliser le code de DoubleU, il faut ajouter dans ta balise <a> :

Code:

---

1 2	<a href="#" width=800, height=600, left=10 onClick="createPopup('test.php','test');" >

---

test.php étant le nom de ta page à ouvrir, et "test" son titre ...
Par contre j'ai testé en conservant le nom d la page dans le "href" il m'ouvr bien la Popup mais la page courante est également modifié ...

Oui pour moi aussi ça modifie la page courante...

J'aimerais beaucoup mettre en forme les fenêtres des popup avec protoype-window, j'ai cru comprendre qu'il fallait télécharger les fichiers .js et css associés, puisqu'il s'agit de faire appel à un bibliothèque, c'est bien ça?

Le souci pour moi est de savoir quoi mettre à l'intérieur des balise <a href> pour que ça fonctionne.
J'ai fais une recherche mais rien de concluant...

Et je suppose qu'il ne suffit pas d'ajouter le code

Code:

---

1 2	var win = new Window({className: "spread", title: "Ruby on Rails", top:70, left:100, width:300, height:200, url: "http://www.rubyonrails.org/", showEffectOptions: {duration:1.5}}) win.show();

---

à la suite de celui de doubleU? (ce serait trop simple, non?)