[résolu] [HTML] Ouvrir deux liens en même temps

winows · le 23 février 2009

Bonjour

J'aimerai pouvoir ouvrir deux liens en même temps avec la fonction "<option value="">titre"

Code :

<option value="http://la radio.asx" + option value="http://une image.gif">Radio

Je ne vois pas du tout comment le faire (Je suis débutant en HTML)

Merci et A+

KewlCat · le 24 février 2009

La balise "option" sert uniquement à symboliser un choix dans une liste déroulante. Elle comporte un texte (qui est affiché à l'utilisateur, à l'intérieur de la liste) et une valeur (qui est envoyée au serveur lorsque le formulaire contenant la liste est soumis - i.e. quand on clique sur le bouton "Envoyer").

J'ai du mal à voir pourquoi tu t'attends à ce qu'elle "soit" un "lien" ou une "fonction" qui sert à "ouvrir des liens", encore plus à ce qu'elle puisse en représenter deux...

Un lien hypertexte est codé grâce à la balise "a". Les liens s'utilisent en glissant le curseur de la souris dessus et en cliquant, et le clic va charger une nouvelle page dans la fenêtre du navigateur (c'est le comportement par défaut).

Maintenant, admettons que tu veuilles modifier le comportement d'un lien pour charger deux pages dans ton navigateur. Il va forcément falloir ouvrir une nouvelle fenêtre pour charger l'une des deux pages concernées (et ça peut se faire grâce à un script) pendant que l'autre se charge dans la fenêtre en cours.

Peux-tu valider que c'est ce que tu cherches à faire ? Sinon, précise plutôt ce que tu cherches à faire au lieu de nous dire comment tu souhaiterais utiliser des choses qui ne fonctionnent pas comme ce que tu crois... ;-)

winows · le 24 février 2009

Bonsoir a Tous

Je me suis mal fait comprendre, normal --> ( je suis debutant )

Voila ce que je voudrai arriver a faire : http://xs136.xs.to/xs136/09091/img_01996.jpg

Voici le code .HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Web Radio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /	 
</head>
<body bgcolor="#000000" text="#dee101" oncontextmenu="return false">
<table bgcolor="#ff0000" border="3" cellpadding="10" cellspacing="0"><tr><td align="center">
<table bgcolor="#dee101" width="100" height="400" border="10" cellpadding="10" cellspacing="10"><tr><td>
<form name="scree">
<select name="cllst" onChange="crech()" size="29">

<option value="" style="color:#ff0000;background-color:#e0ddd8">Radio</option>
<option value="http://player.cheriefm.fr/V4/cheriefm/cheriefm.asx" style="color:#000000;background-color:#d4d0c8">Cherie fm</option>
<option value="mms://viplagardere.yacast.net/encodereurope1" style="color:#000000;background-color:#d4d0c8">Europe1</option>
<option value="http://radio.funradio.fr/funradio.asx" style="color:#000000;background-color:#d4d0c8">Fun radio</option>

</select></form>
</td></tr></table>
</td><td valign="center">
<table width="680" height="500" border="10" align="center" cellpadding="0" cellspacing="0"><tr><td>
<script>
function crech() {
i = document.scree.cllst.selectedIndex;
if (i == 0) return;
url = document.scree.cllst.options[i].value;
lect = '<embed type="application/x-mplayer2"';
lect += 'pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"';
lect += 'height="500" width="680" src="'+url+'"';
lect += 'autostart="True" showcontrols="True" Volume="100"';
lect += 'id="mediaPlayer" displaysize="4" autosize="-1"';  
lect += 'showstatusbar="false" showdisplay="false"';
lect += 'autorewind="True" enablecontextmenu="true"';
lect += 'showtracker="false"></embed>';
document.getElementById("recc").innerHTML = lect;
}
window.onload = crech;
</script>
<div id="recc"></div>
</td></tr></table>
</td></tr></table>
</body>
</body>
</html>

Avec option value c'est soit j'ouvre l'image GIF, soit j'ouvre l'adresse du site en streaming mais pas les deux en même temps

Je voudrai que l'ont voit le logo de la radio qui tourne mais j'y arrive pas du tout.

Merci et A+

Modifié le 24 février 2009 par winows

KewlCat · le 24 février 2009

OK

Effectivement, avec les options de ta liste tu ne peux récupérer qu'une valeur, mais qu'est-ce qui t'empêche de définir un tableau "à part" pour y stocker les URL des images correspondantes ?

<script type="text/javascript"> // <![CDATA[
 var tabLogosRadios = new Array(4);
 // on ne définit pas tabLogosRadios[0] mais il ne faut pas oublier qu'il existe - et occupe une place dans le tableau -
 tabLogosRadios[1] = "http://www.cheriefm.fr/logo.png"; // logo Cherie FM
 tabLogosRadios[2] = "http://www.europe1.com/images/logo.jpg"; // logo Europe 1
 tabLogosRadios[3] = "http://www.funradio.lol/kikoo/funradio.gif"; // logo Fun Radio
 // ]]>
</script>

... et l'utiliser dans ta fonction crech() pour ajouter à la page le logo en question dans une balise <img>, en te basant sur le selectedIndex pour récupérer le bon élément dans le tableau ?

 ( ... à la fin de crech() ... )

 document.getElementById("logoRadio").src = tabLogosRadios[i];
}

(... fin du <script>, début du bas de la page ...)

<img id="logoRadio" src="" alt="" />

(...)

</body>
</html>

winows · le 25 février 2009

Merci KewlCat, je m'y met de suite

winows · le 25 février 2009

Impecable, ca marche nickel,

je ne n'affiche pas le logo dans le player, c'est mieux car comme ça ont le voient tout le temps.

pour ceux que ça intéresse, je mettrai le code plus tard car je me sert de fichiers script JS pour alléger ma page.

je ferai le code pour une page HTML seulement.

Merci KewlCat

winows · le 14 mars 2009

Voilà le code un peu amélioré,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
 <meta name="generator" content="HTML Tidy for Windows (vers 13 April 2006), see www.w3.org" />

 <title>Web Radio</title>
 <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
 <link rel="SHORTCUT ICON" href="favicon.ico" />
</head>

<body style="background-color:#000000" text="#DEE101">

<script type="text/javascript"> 
 var tabLogosRadios = new Array(4);
 tabLogosRadios[1] = "CHEMIN DU LOGO 1.png"; 
 tabLogosRadios[2] = "dossier1/dossier2/CHEMIN DU LOGO 2.jpg"; 
 tabLogosRadios[3] = "http://www.funradio.lol/kikoo/funradio.gif"; 
 tabLogosRadios[4] = "ETC...";
</script>

 <table bgcolor="#FF0000" border="3" cellpadding="10" cellspacing="0" summary="web radio">
<tr>
  <td align="center">
	<table bgcolor="#DEE101" style="height:526px" width="100" border="3" cellpadding="10" cellspacing="0" summary="wen radio">
	  <tr>
		<td style="background:#000000">
		  <img style="border: 4px ridge #DEE101;" id="logoRadio" src="chemin/radiologo/logo1.gif" alt="Logos" name="logoRadio" />

		  <form name="scree" id="scree" action="">
			<select name="cllst" onchange="crech()" size="27">
			  <option value="" style="color:#FF0000;background-color:#E0DDD8">
				Streaming exemple
			  </option>

			  <option value="" style="color:#ff0000;background-color:#e0ddd8">
				TNT
			  </option>

			  <option value="mms://vipmms9.yacast.net/bfm_bfmtv" style="color:#000000;background-color:#d4d0c8">
				15 (BFM)
			  </option>

			  <option value="http://movix.sdv.fr:8084/teleg1.asf" style="color:#000000;background-color:#d4d0c8">
				20 (T Grenoble)
			  </option>

			  <option value="" style="color:#ff0000;background-color:#e0ddd8">
				TNT Ile de Fr
			  </option>

			  <option value="http://www.tv-radio.com/station/cap_24/cap_24-360k.asx" style="color:#000000;background-color:#d4d0c8">
				Cap 24
			  </option>

			  <option value="http://www.idf1.fr/_live/IDF1-Direct.asx" style="color:#000000;background-color:#d4d0c8">
				IDF1
			  </option>

			  <option value="mms://vipnrj.yacast.net/nrj_tvparis" style="color:#000000;background-color:#d4d0c8">
				NrjParis
			  </option>

			  <option value="" style="color:#ff0000;background-color:#e0ddd8">
				Divers
			  </option>

			  <option value="mms://direct.francetv.fr/normandie-rouen-direct1.wsx?WMCache=0" style="color:#000000;background-color:#d4d0c8">
				France 3
			  </option>

			  <option value="mms://151.1.245.36/rtl102.5vs/" style="color:#000000;background-color:#d4d0c8">
				RTL 102.5
			  </option>

			  <option value="mms://91.121.38.105/tlm" style="color:#000000;background-color:#d4d0c8">
				TLM Lyon
			  </option>

			  <option value="" style="color:#ff0000;background-color:#e0ddd8">
				Radio
			  </option>

			  <option value="http://88.191.44.54:8006" style="color:#000000;background-color:#d4d0c8">
				Radio Isa
			  </option>

			  <option value="http://player.rireetchansons.fr/V4/rireetchansons/rireetchansons.asx" style="color:#000000;background-color:#d4d0c8">
				Rire et Chansons
			  </option>

			  <option value="http://cache.yacast.fr/V4/skyrock/skyrock.asx" style="color:#000000;background-color:#d4d0c8">
				Skyrock
			  </option>

			  <option value="mms://viplagardere.yacast.net/vra_webradio05" style="color:#000000;background-color:#d4d0c8">
				Virgin radio
			  </option>
			</select>
		  </form>
		</td>
	  </tr>
	</table>
  </td>

  <td valign="middle">
	<table style="height:526px" width="702" border="9" align="center" cellpadding="0" cellspacing="0" summary="web radio">
	  <tr>
		<td style="background:#000000">

<script type="text/javascript">
		  function crech() {
		  i = document.scree.cllst.selectedIndex;
		  if (i == 0) return;
		  rst = document.scree.cllst.options[i].value;
		  tRst = rst.split('|');
		  url = tRst[0];
		  image = tRst[1];
		  lect = '<object type="application/x-mplayer2"';
		  lect += 'pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"';
		  lect += 'height="500" width="680" src="'+url+'"';
		  lect += 'autostart="True" showcontrols="True" Volume="100"';
		  lect += 'id="mediaPlayer" displaysize="4" autosize="-1"';   
		  lect += 'showstatusbar="false" showdisplay="false"';
		  lect += 'autorewind="True" enablecontextmenu="true"';
		  lect += 'showtracker="false" bufferwindow="4450"><\/object>';
		  document.getElementById("recc").innerHTML = lect;
		  document.getElementById("logoRadio").src = tabLogosRadios[i];
}
 window.onload = crech;
</script>
		  <div id="recc"></div>
		</td>
	  </tr>
	</table>
  </td>
</tr>
 </table>
</body>
</html>

Merci à KewlCat pour l'aide et @+

Dylav · le 14 mars 2009

Le problème semble avoir trouvé sa solution.

Ainsi, afin de signaler clairement à ceux qui ont un problème similaire qu'ils ont peut-être une solution toute trouvée (s'ils pensent à utiliser la fonction Recherche en indiquant le mot-clé "résolu" auparavant), et afin de signaler aux autres contributeurs qu'il est inutile de continuer à se creuser la tête sur le problème (à moins d'avoir des suppléments d'informations à apporter pour mieux comprendre ce qui posait problème), un modérateur a préfixé le titre du topic avec la mention [résolu].

Merci, à l'avenir, de bien vouloir prendre à votre charge cette mise à jour quand vous estimez que votre problème a été résolu de manière satisfaisante (et parallèlement, si le problème a disparu "mystérieusement", inutile d'induire les gens en erreur ) Pour cela, votre premier message

winows · le 14 mars 2009

Purée,cela ma échappé, excuse Dylav et merci d'avoir rajouté le "résolu" pour moi.

Merci et A+

Dylav · le 14 mars 2009

No problem…

Connexion

Pas encore inscrit ?

[résolu] [HTML] Ouvrir deux liens en même temps

Messages recommandés

winows

Lien vers le commentaire

Partager sur d’autres sites

KewlCat

Lien vers le commentaire

Partager sur d’autres sites

winows

Lien vers le commentaire

Partager sur d’autres sites

KewlCat

Lien vers le commentaire

Partager sur d’autres sites

winows

Lien vers le commentaire

Partager sur d’autres sites

winows

Lien vers le commentaire

Partager sur d’autres sites

winows

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

winows

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

Rejoindre la conversation

En ligne récemment 0 membre est en ligne

Zebulon

Outils en ligne

Naviguer