A voir également:
- Menu deroulant
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Excel menu déroulant en cascade - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
2 réponses
maxime44
Messages postés
704
Date d'inscription
jeudi 1 mai 2008
Statut
Membre
Dernière intervention
3 juillet 2013
78
2 mai 2008 à 23:42
2 mai 2008 à 23:42
Bonsoir, fait voir ton code, on pourra sans doute le corriger.
2 mai 2008 à 23:45
Pour créer une liste déroulante proposant une liste de liens, une fois de plus : JavaScript ! Placez dans votre code HTML, entre les balises <BODY> et </BODY>, le script suivant :
<FORM>
<SELECT NAME="liste1" SIZE="1">
<OPTION SELECTED VALUE="">-------- Liens à visiter --------
<OPTION VALUE="lien1.html">Mon premier lien
<OPTION VALUE="lien2.html">Mon deuxième lien
</SELECT>
<INPUT TYPE="button" VALUE="Go"
onClick="if (form.liste1.selectedIndex != 0)
location = form.liste1.options[form.liste1.selectedIndex].value;
else
alert('Veuillez faire un choix dans le menu.')">
</FORM>
Où lien1.html et lien2.html sont les adresses des pages vers lesquelles vont pointer les entrées Mon premier lien et Mon deuxième lien.
Vous pouvez bien sûr rajouter autant de liens que vous le désirez en recopiant la ligne :
<OPTION VALUE...>à chaque fois.
_______________________________
Une visionneuse d'image
Un petit programme JavaScript pour permettre à vos visiteurs de visionner toutes vos images ? Rien de plus simple. Que pensez-vous de celle-ci :
Image Slideshow
ParisLyonCannesBiarritz
Pour obtenir ce résultat, copiez tout d'abord ce code dans l'entête de votre page :
<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
Réglez simplement deux paramètres dans ce script : rotate_delay indique le délai d'affichage entre deux images en cas de déroulement automatique (en millisecondes), current qui indique le numéro de l'image de départ. 0 correspond à la première image de votre liste.
Créez ensuite votre visionneuse à proprement parler :
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="mon_image1.jpg" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="mon_image1.jpg" selected>Nom de l'image 1
<option value="mon_image2.jpg">Nom de l'image 2
<option value="mon_image3.jpg">Nom de l'image 3
<option value="mon_image4.jpg">Nom de l'image 4
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
Remplacez simplement les mon_image1.jpg, mon_image2.jpg... par le nom de vos images, et renseignez bien la légende de chacune de ces images. Le tour est joué !
Découvrez toutes les astuces
2 mai 2008 à 23:58
head
-----------------------------------------
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('Veuillez choisir une destination.');
}
}
</script>
<!-- FIN DU SCRIPT -->
-----------------------------------------
body
------------------
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-Selectionnez votre destination-
<OPTION VALUE="documentation.html">article
</SELECT>
</FORM>
<!-- FIN DU SCRIPT -->