Créer un menu déroulant qui renvoit vers des

Fermé
pat - Modifié par pat le 8/11/2011 à 18:26
 pat - 10 nov. 2011 à 18:19
Bonjour,

Je voudrais créer un menu déroulant qui renvoit vers des images (jpeg) dans la même page (ma galerie de tableaux).
site JIMDO. Photos stockées sur mon PC et sur "dropbox". Sur ma page, les photos n'ont pas d'URL ni code HTML. Pas de possibilité d'y ajouter un lien (je crois).
Pourriez m'aider pour les codes car je n'y arrive pas.
Je débute en "codes" !
Merci pour votre aide.

A voir également:

3 réponses

MastercroW Messages postés 1094 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
8 nov. 2011 à 21:33
Je te conseil de faire quelques choses du genre :
Tu fais une div id, sa normalement tu connais.
<div id="image1"> <img src="image1.jpg"></div>

Ensuite ceci c'est pour ton menu déroulant, tu cherches sur google, un script qui permet de faire des redirections. (Fonction location je crois)
Et tu fais ceci au lien de redirection : #image1
0
MastercroW Messages postés 1094 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
Modifié par MastercroW le 8/11/2011 à 21:36
tu peux faire comme ca :
<form method=... id="tonForm">  
<select ... onchange="goUrl(this);" >   
<option value="#image1">Image1 Voir</option>   
</select> 
</form> 

et ta fonction jscript a mettre dans le head:
function goUrl(selectUrl) {
url=selectUrl.options[selectUrl.SelectedIndex].value ;
getElementById('tonForm').action=url ;
getElementById('tonForm').submit() ;
}
0
bjr Mastercrow
Je ne m'y connais que si peu que ce n'est pas facile. Voilà ce que j'ai au départ pour mon code :

<form><select name="ListeUrl" size="1" onchange="ChangeUrl(this.form)" style="width: 180px; background-color: none; color: black; font-family: Verdana; font-size:12px;">
<option selected="selected" value="">Titre de la liste</option>
<option value="http://www.adressevoulue1.com/">Titre 1 du lien</option>
<option value="http://www.adressevoulue2.com/">Titre 2 du lien</option>
<option value="http://www.adressevoulue3.com/">Titre 3 du lien</option>
</select></form>

J'en avais trouvé d'autres mais celui-ci est bien expliqué et il me convenait mais je peux en changer si tu en a 1 plus simple et correspondant mieux.

Je dois coller ton morceau de code où ? Je pense que c'est à : <option selected.... ou après : option value.... (!?) peut-être que je dois remplacer au début de mon code : "ListeUrl" par autre chose ?
Dans ton code où dois-je mettre le nom de ma photo et son emplacement (pas d'url, html, ni htm) ?
merci
pat
0