Code html de téléchargement

Résolu
lolosb Messages postés 292 Date d'inscription   Statut Membre Dernière intervention   -  
lolosb Messages postés 292 Date d'inscription   Statut Membre Dernière intervention   -
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.
Configuration: Mac OS X
Firefox 3.5.7

4 réponses

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    <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
  2. gaerebut Messages postés 1060 Statut Membre 171
     
    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
  3. lolosb Messages postés 292 Date d'inscription   Statut Membre Dernière intervention   32
     
    merci je vais l'essayer directement
    0
  4. lolosb Messages postés 292 Date d'inscription   Statut Membre Dernière intervention   32
     
    ok merci, il marche
    0