Problème menu déroulant avec lien
Résolu
Bonjour ou bonsoir,
Mon problème c'est que sur mon site, j'ai un menu déroulant avec la liste de tout les firmwares des idevices et 1 bouton télécharger à côté mais quand je clique sur télécharger, au lieu de m'afficher le "Enregistrer sous..." la page s'actualise.
Voici mon code mais avec 1 seul menu :
<select name="Liste des firmwares">
<option selected="selected">Choisissez votre Firmware
</option>
<option value="http://appldnld.apple.com/AppleTV/061-8940.20100926.Tvtnz/AppleTV2,1_4.1_8M89_Restore.ipsw">Apple TV 2G (4.1/8M89)
</option>
</select>
<input type="submit" value="Télécharger" style="width: 95px; height: 25px; font-weight: bold;" />
Mon problème c'est que sur mon site, j'ai un menu déroulant avec la liste de tout les firmwares des idevices et 1 bouton télécharger à côté mais quand je clique sur télécharger, au lieu de m'afficher le "Enregistrer sous..." la page s'actualise.
Voici mon code mais avec 1 seul menu :
<select name="Liste des firmwares">
<option selected="selected">Choisissez votre Firmware
</option>
<option value="http://appldnld.apple.com/AppleTV/061-8940.20100926.Tvtnz/AppleTV2,1_4.1_8M89_Restore.ipsw">Apple TV 2G (4.1/8M89)
</option>
</select>
<input type="submit" value="Télécharger" style="width: 95px; height: 25px; font-weight: bold;" />
2 réponses
-
Bonsoir,
J'aurais fait un truc du genre :<form> <select name="FirmwareList" onchange="window.open(this.options[this.selectedIndex].value)"> <option value="">Choisir un Firmware...</option> <option value="http://appldnld.apple.com/AppleTV/061-8940.20100926.Tvtnz/AppleTV2,1_4.1_8M89_Restore.ipsw">Apple TV 2G (4.1/8M89)</option> </select> </form>
Ainsi pas besoin de bouton submit, simplement le fait de changer la sélection dans la liste déroulante commande le lien de téléchargement dans une nouvelle fenêtre pour éviter au visiteur/téléchargeur de perdre la page en cours...
[Testé sous IE9/Win7] -
Le problème est sûrement que tu utilises un bouton de type Submit qui doit normalement être utilisé en tandem avec l'action du formulaire. Un peu comme ça:
<form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user" /> <input type="submit" value="Submit" /> </form>
Si tu n'as pas de form ou pas d'action sur ton form, il est normal que ta page ne fasse qu'un rafraichissement.
Tu devrais sans doute utiliser un bouton comme ça:
<input type="button" value="Télécharger" style="width: 95px; height: 25px; font-weight: bold;" />
Et as-tu un traitement relié à ce bouton afin qu'il fasse quelque chose?
-
<form onsubmit="window.open(document.getElementById('Firmware').value)"> <select id="Firmware" name="FirmwareList"> <option value="">Choisir un Firmware...</option> <option value="http://appldnld.apple.com/AppleTV/061-8940.20100926.Tvtnz/AppleTV2,1_4.1_8M89_Restore.ipsw">Apple TV 2G (4.1/8M89)</option> </select> <input type="submit" name="Download" value="Telecharger" /> </form> -
-
