Ouvrir des fenêtres sous plusieurs liens

Marsh Posté le 30-09-2006 à 22:58:18

Bonsoir,

J'ai un code en javascript qui ouvre une fenetre :

<script type="text/javascript">
function fenetre()
{
dimensions="width=300,height=300,top=50,left=100,screenY=50, screenX=100, resizable=no";
window.open("http://www.domaine.com/infos.php?couleur=????????","Couleur","dimensions,scrollbars=yes,location=yes" );
}
</script>

Je voudrais par exemple m'en servir pour avoir des infos sur différentes couleurs :
<a href="javascript:fenetre();">Bleu</a>
<a href="javascript:fenetre();">Rouge</a>
<a href="javascript:fenetre();">Vert</a>

Mon souhait serait que l'url de destination du script change en fonction de la couleur choisit, que se soit par exemple :
http://www.domaine.com/infos.php?couleur=bleu pour la couleur bleu
http://www.domaine.com/infos.php?couleur=rouge pour la couleur rouge
http://www.domaine.com/infos.php?couleur=vert pour la couleur verte

Je ne suis pas un as en javascript donc si quelqu'un pourrait me donner un coup de main!! Merci.

Reply

Marsh Posté le 30-09-2006 à 22:58:18

Reply

Marsh Posté le 01-10-2006 à 00:22:02

Déclaration de la fonction en js :

Code :

function fenetre(couleur)
{
dimensions="width=300,height=300,top=50,left=100,screenY=50, screenX=100, resizable=no";
window.open("http://www.domaine.com/infos.php?couleur="+couleur,"Couleur","dimensions,scrollbars=yes,location=yes"
return false;
);
}

et ton code html :

Code :

<a href="http://www.domaine.com/infos.php?couleur=bleu" onclick="return fenetre('bleu')">Bleu</a>

Et pas de js dans le href svp!

Message cité 1 fois

Reply

Marsh Posté le 01-10-2006 à 08:41:07

dwogsi a écrit :

Déclaration de la fonction en js :

Code :

function fenetre(href)
{
dimensions="width=300,height=300,top=50,left=100,screenY=50, screenX=100, resizable=no";
window.open(href,"dimensions,scrollbars=yes,location=yes" );
return false;
);
}

Code :

<a href="http://www.domaine.com/infos.php?couleur=bleu" onclick="return fenetre(this.href)">Bleu</a>

Autant eviter de creer un href et utiliser celui correspondant au lien

Reply

Marsh Posté le 01-10-2006 à 14:36:59

Oui c'est vrai c'est encore plus simple.

Edit :
Ya même une erreur dans la fonction!

Code :

function fenetre(href)
{
dimensions="width=300,height=300,top=50,left=100,screenY=50, screenX=100, resizable=no";
window.open(href,dimensions+", scrollbars=yes,location=yes" );
return false;
);
}

Message cité 1 fois
Message édité par dwogsi le 01-10-2006 à 14:47:30

Reply

Marsh Posté le 01-10-2006 à 15:05:49

dwogsi a écrit :

Oui c'est vrai c'est encore plus simple.

Edit :
Ya même une erreur dans la fonction!

Code :

function fenetre(href)
{
var dimensions="width=300,height=300,top=50,left=100,screenY=50, screenX=100, resizable=no";
window.open(href,dimensions+", scrollbars=yes,location=yes" );
}
<a href="http://www.domaine.com/infos.php?couleur=bleu" onclick="return fenetre(this.href);return false">Bleu</a>

Voila corrigé
le return false doit être dans le onclick, pas dans la fonction qui appelle le onclick.

Reply

Marsh Posté le 01-10-2006 à 15:14:44

Franchement j'aime pas mettre le return false dans le onclick directement.
J'admet volontier qu'un return false dans la fonction n'est pas logique, mais tellement plus lisible.

Message cité 1 fois

Reply

Marsh Posté le 01-10-2006 à 15:38:33

dwogsi a écrit :

Franchement j'aime pas mettre le return false dans le onclick directement.
J'admet volontier qu'un return false dans la fonction n'est pas logique, mais tellement plus lisible.

Code :

function truc() {
return false;
}
<a href="#" onclick="truc();">dfdf</a>

Dans ce code, truc retourne false; mais en principe c'est onclick qui doit retourner false; mais là onclick il retourne rien.

Il vaut mieux mettre le return false dans le onclick car ainsi tu controles vraiment ce que tu veux faire. Imagine que tu veux que aller sur une page et en meme temps lancer le onclick, ben sans return false tu peux.

sinon on pourrait très bien mettre le return false dans la fonction si on fait :

Code :

function truc() {
return false;
}
<a href="#" onclick="return truc();">dfdf</a>

Message cité 1 fois

Reply

Marsh Posté le 01-10-2006 à 15:42:30

gatsu35 a écrit :

sinon on pourrait très bien mettre le return false dans la fonction si on fait...

Ba c'est bien ce que j'avais mis au départ.
De toute façon c'est du détail ça.

Message cité 1 fois

Reply

Marsh Posté le 01-10-2006 à 16:30:27

dwogsi a écrit :

Ba c'est bien ce que j'avais mis au départ.
De toute façon c'est du détail ça.

Ah merde j'avais pas vu pardon

Reply

Marsh Posté le 02-10-2006 à 09:55:36

Bon j'ai le droit de jouer moi ???
Perso j'aurais fait comme ça:

Code :

<a href="http://www.domaine.com/infos.php?couleur=bleu">Bleu</a>
<a href="http://www.domaine.com/infos.php?couleur=Rouge">Rouge</a>
<a href="http://www.domaine.com/infos.php?couleur=Vert">Vert</a>

et pour le js:

Code :

window.onload = function(e){
var aNodes = document.getElementsByTagName('a');
for(var i=0; i<aNodes.length; i++){
if ( aNodes[i].href.indexOf('infos.php?couleur') >= 0 ){
aNodes[i].onclick = function(e){
dimensions="width=300,height=300,top=50,left=100,screenY=50, screenX=100, resizable=no";
window.open(this.href,dimensions+", scrollbars=yes,location=yes" );
return false;
}
}
}
}

Question de gout hein

Message édité par anapajari le 02-10-2006 à 09:56:13

Reply

Marsh Posté le 02-10-2006 à 09:55:36

Reply

Marsh Posté le 02-10-2006 à 16:23:47

Franchement je suis pas trop fan.
Ca allège bien le code html mais alors ça allourdi quand même beaucoup le js.

Reply

Marsh Posté le 02-10-2006 à 16:54:58

Boaah, ça alourdit pas trop. C'est surtout que je l'ai écrit sauce goret là!
Tu mets la fonction "onclick" dans une vraie fonction et c'est mis en cache

Reply

Ouvrir des fenêtres sous plusieurs liens

Sujets relatifs:

Leave a Replay