Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Formulaire liste déroulante de liens

4 réponses
Avatar
Spot
Bonjour,
J'ai une liste déroulante ou des sites sont référencés. Le pb est que
lorsqu'on clique sur une url, le site appelé se charge dans ma page et
non en ouvrant une nouvelle fenêtre comme il se devrait. J'ai bien la
balise target="blank" dans la balise de lien.
Je précise que c'est un javascript qui commande l'ouverture de ces liens.
Une idée ?
Ci-dessous le script et le formulaire si qq y verrait qq chose de bizarre.

<SCRIPT LANGUAGE="JavaScript">
<!--
var target = "page"
function envoie(frm){
URL = frm.mgros.options[frm.mgros.selectedIndex].value
if (frm.mgros.selectedIndex != 0){
if (target == "blank") mywindow = window.open(''+URL+'');
else if (target == "self") document.location = URL;
else parent.frames[target].location = URL;
}else alert('Veuillez faire un choix au menu.');}
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com
//Mathieu Gros, webmaster@webgraf.Com
//-->
</script>

<form name="frm">
<select name="mgros" size="1" onchange="envoie(this.form)">
<option selected="selected" value="">----------- Choisir
------------
</option>
<option value="http://www.ed-amphora.fr" target="blank">Amphora
</option>
<option value="http://www.esprit-sportif.org">Esprit Sportif
</option>
<option value="http://www.leolagrange-sport.org">L&eacute;o
Lagrange
</option>
<option value="http://www.cafepedagogique.net">Caf&eacute;
p&eacute;dagogique
</option>
<option value="http://users.skynet.be/gsc.douvrain">Groupe
scolaire de Douvrain </option>
<option value="http://www.planete-enseignant.com">Plan&egrave;te
Enseignant
</option>
<option value="http://www.educatop.com">Educatop
</option>
<option value="http://www.bandesportive.com">La Bande
Sportive
</option>
<option value="http://www.momes.net">m&ocirc;mes.net
</option>
<option value="http://cartables.net">Cartable.net
</option>
<option value="http://www.bayardpresse.fr">Bayard Presse
</option>
<option value="http://www.phosphore.com">Phosphore
</option>
<option
value="http://pages.infinit.net/nancyg/home.html">Adaptation
scolaire
</option>
<option value="http://noe-education.com">No&eacute;
</option>
<option value="http://www.instits.fr.st">Les Instits sur le
Net
</option>
<option value="http://perso.club-internet.fr/drand46/"></option>
</select>
</form>

4 réponses

Avatar
ASM
Spot a écrit :
Bonjour,
J'ai une liste déroulante ou des sites sont référencés. Le pb est que
lorsqu'on clique sur une url, le site appelé se charge dans ma page et
non en ouvrant une nouvelle fenêtre comme il se devrait. J'ai bien la
balise target="blank" dans la balise de lien.



n'importe quoi !
où vois-tu une balise de liens dans le code que tu proposes ?

tu n'as pas le droit de mettre un 'target' dans une balise 'option'
tout au plus tu peux le mettre dans la balise 'form'

de plus ton système ne fonctionnera pas si le javascript
n'est pas activé chez le visiteur

En l'état, ce que tu donnes devrait fonctionner
(en enlevant l'attribut target de l'option)
==> le target voulu est à péciser dans le javascript (et çà a été fait)

Pour afficher dans une nouvelle fenêtre
tu peux mettre dans ce script :
var target = "blank";
en remplacement de
var target = "page";
ce n'était pas essspliqué chez webgraf.com ?


Comme ce script ne fait guère plus que ce que le html sait faire,
je ferais :

une page de secours si JS non-actif : 'liens.htm'
<html>
<h1>menu</h1>
<p>Votre navigateur ne gère pas le Javascript
veuillez utiliser les liens ci-dessous :
<p><a href="http://www.ed-amphora.fr">Amphora</a>
<p><a href="http://www.esprit-sportif.org">Esprit Sportif</a>
<p><a href=""http://www.leolagrange-sport.org">L&eacute;o Lagrange</a>
<p>... etc ...
</html>

ta page avec menu : 'menu.htm'
s'il faut afficher dans une frame
mettre le nom de la frame dans le target de la balise form
s'il faut afficher dans même page
enlever tout le target
sinon, ne rien toucher
code de la page :

<html>
<SCRIPT type="text/javascript"><!--
function envoie(){
var f = document.forms['frm'];
var URL = f.ASM.options;
var i = URL.selectedIndex;
if(i != 0) {
f.action = URL[i].value;
return true;
}
alert('Veuillez choisir dans la liste.');
return false;
}
// Merci de ne pas effacer ces lignes
// Stephane Moriaux, http://perso.wanadoo.fr/stephane.moriaux/internet/
// contact http://perso.wanadoo.fr/stephane.moriaux/internet/contact.htm
//--> </script>

<form name="frm" action="liens.htm" target="page"
onsubmit="return envoie();">
<select name="ASM">
<option>
----------- Choisir ------------
</option>
<option value="http://www.ed-amphora.fr">Amphora
</option>
<option value="http://www.esprit-sportif.org">Esprit Sportif
</option>
<option value="http://www.leolagrange-sport.org">L&eacute;o
Lagrange
</option>
<option value="http://www.cafepedagogique.net">Caf&eacute;
p&eacute;dagogique
</option>
<option value="http://users.skynet.be/gsc.douvrain">Groupe
scolaire de Douvrain </option>
<option value="http://www.planete-enseignant.com">Plan&egrave;te
Enseignant
</option>
<option value="http://www.educatop.com">Educatop
</option>
<option value="http://www.bandesportive.com">La Bande
Sportive
</option>
<option value="http://www.momes.net">m&ocirc;mes.net
</option>
<option value="http://cartables.net">Cartable.net
</option>
<option value="http://www.bayardpresse.fr">Bayard Presse
</option>
<option value="http://www.phosphore.com">Phosphore
</option>
<option value="http://pages.infinit.net/nancyg/home.html">Adaptation
scolaire
</option>
<option value="http://noe-education.com">No&eacute;
</option>
<option value="http://www.instits.fr.st">Les Instits sur le
Net
</option>
<option value="http://perso.club-internet.fr/drand46/"></option>
</select>
<input type="submit" value=" GO ">
</form>




--
Stephane Moriaux et son [moins] vieux Mac
Avatar
docanski
Eleveurs et agriculteurs polluent toujours la Bretagne alors que ASM
nous narre ce qui suit en ce 12/01/2006 3:55 :

Comme ce script ne fait guère plus que ce que le html sait faire,
je ferais :

une page de secours si JS non-actif : 'liens.htm'



Pourquoi s'embarrasser d'une "page de secours" *+* un JavaScript pour
obtenir un résultat aussi simple à obtenir avec une "bête" FdS, hein ...
!? ;-)
Partant du principe que Spot veut une liste déroulante (le tout étant de
s'entendre sur le déroulement voulu ;-) ) et non une liste "tout court",
un code tel que :

<div style="width:20em;height:2em;overflow:auto;border:3px solid black;">
<ul style="list-style:none;padding-left:0">
<li><a href="http://www.ed-amphora.fr" target="_blank">Amphora</a></li>
<li><a href="http://www.esprit-sportif.org" target="_blank">Esprit
Sportif</a></li>
<li><a href=""http://www.leolagrange-sport.org"
target="_blank">L&eacute;o Lagrange</a></li>
<li>etc ...</li>
</ul>
</div>

... par exemple, devrait largement suffire.
Et c'est tellement plus court :-)
(à adapter selon besoins, et créer de préférence une FdS externe)
Evidemment, reste la norme qui veut que le "target" ne soit plus valide ...
(personne n'a dit qu'il s'agissait de <strict>, n'est-ce pas ... ;-)

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
ASM
docanski a écrit :
Eleveurs et agriculteurs polluent toujours la Bretagne alors que ASM
nous narre ce qui suit en ce 12/01/2006 3:55 :

Et c'est tellement plus court :-)



non ce qui serait plus court est
(changer le target de la balise base si besoin)

<base target="page" >
<html>
<div style="width:20em;height:2em;overflow:auto;border:3px solid black;">
<ul style="list-style:none;padding-left:0">
<li><a href="http://www.ed-amphora.fr">Amphora</a></li>
<li><a href="http://www.esprit-sportif.org">Esprit Sportif</a></li>
<li><a href=""http://www.leolagrange-sport.org">L&eacute;o Lagrange</a></li>
<li>etc ...</li>
</ul>
</div>

(à adapter selon besoins, et créer de préférence une FdS externe)



oui et telle qu'elle ne soit pas lue par Mon NC4.5
(y avait longtemps !)

Evidemment, reste la norme qui veut que le "target" ne soit plus valide ...
(personne n'a dit qu'il s'agissait de <strict>, n'est-ce pas ... ;-)



toutafé et tant qu'à ne pas être normatif ...


--
Stephane Moriaux et son [moins] vieux Mac
Avatar
Spot
ASM a écrit :
docanski a écrit :

Eleveurs et agriculteurs polluent toujours la Bretagne alors que ASM
nous narre ce qui suit en ce 12/01/2006 3:55 :

Et c'est tellement plus court :-)




non ce qui serait plus court est
(changer le target de la balise base si besoin)

<base target="page" >
<html>
<div style="width:20em;height:2em;overflow:auto;border:3px solid black;">
<ul style="list-style:none;padding-left:0">
<li><a href="http://www.ed-amphora.fr">Amphora</a></li>
<li><a href="http://www.esprit-sportif.org">Esprit Sportif</a></li>
<li><a href=""http://www.leolagrange-sport.org">L&eacute;o
Lagrange</a></li>
<li>etc ...</li>
</ul>
</div>

(à adapter selon besoins, et créer de préférence une FdS externe)




oui et telle qu'elle ne soit pas lue par Mon NC4.5
(y avait longtemps !)

Evidemment, reste la norme qui veut que le "target" ne soit plus
valide ...
(personne n'a dit qu'il s'agissait de <strict>, n'est-ce pas ... ;-)




toutafé et tant qu'à ne pas être normatif ...





Bonjour,
Merci pour votre éclairage, je teste tout cela et reviens vous donner
des nouvelles (dans qq jours car je pars en déplacement).
Merci encore.
A bientôt,
/Spot