Code html de téléchargement

Résolu/Fermé
lolosb Messages postés 292 Date d'inscription samedi 31 octobre 2009 Statut Membre Dernière intervention 20 février 2015 - 9 févr. 2010 à 20:50
lolosb Messages postés 292 Date d'inscription samedi 31 octobre 2009 Statut Membre Dernière intervention 20 février 2015 - 9 févr. 2010 à 22:04
Bonjour,
je cherche un code html qui me permet de télécharger un ficher zip avec une case à cocher au dessus du bouton. Si cette case n'est pas cochée, alors le bouton de téléchargement est verruillé, mais s'il est coché on peut télécharger le ficher.

Merci pour votre aide.
A voir également:

4 réponses

avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
9 févr. 2010 à 21:16
<p>
    <input type="checkbox" name="checkbox_download" id="checkbox_download" />
    <label for="checkbox_download">Texte qui accompagne la case</label><br/>

    <input type="button" id="button_download" value="Télécharger" />
</p>


Et entre <head> et </head> :
<script type="text/javascript">
window.onload = function() {
	bouton = document.getElementById('button_download');
	box = document.getElementById('checkbox_download');
	url = 'fichier.zip';
	
	bouton.onclick = function() {
		if(box.checked)
			document.location.href = url;
		else
			alert('Vous devez cocher la case');
	};
};
</script>
2
gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
9 févr. 2010 à 21:17
Salut,

voici un petit exemple super simpliste qui permet cela :

<html>
	<head>
		<script type="text/javascript">
			function acceptTerm(){
				btn = document.getElementById('download');
				chk = document.getElementById('checkbox');
				
				if(chk.checked) 
					btn.disabled = false;
				else
					btn.disabled = true;
			}
		</script>
	</head>
	<body>
		<input type="checkbox" id="checkbox" onclick="acceptTerm()"/>J'accepte les termes et conditions
		<br /><br />
		<input type="button" id="download" value="Telecharger" disabled="disabled"/>
	</body>
</html>


A+
Gaerebut
2
lolosb Messages postés 292 Date d'inscription samedi 31 octobre 2009 Statut Membre Dernière intervention 20 février 2015 32
9 févr. 2010 à 21:22
merci je vais l'essayer directement
0
lolosb Messages postés 292 Date d'inscription samedi 31 octobre 2009 Statut Membre Dernière intervention 20 février 2015 32
9 févr. 2010 à 22:04
ok merci, il marche
0