Image apparaissant en cliquant sur un bouton

Comment faire apparaître une image cachée quand on clique sur un bouton d'envoi?Image apparaissant en cliquant sur un bouton

Source

2011-05-20 Bryan

Comment cachez-vous l'image? Utilisez-vous un framework javascript comme jQuery, Mootools ou Prototype? –

Cela dépend de la façon dont vous le cachez. La façon la plus simple de le faire serait de changer le nom de la classe de l'image de celui qui la cache à celui qui ne le fait pas.

<img src="thesource" class="hidden"> 

document.getElementById("theid").className = ""; // remove the hidden class. 


.classHidden { 
    display: none; 
}

Source

2011-05-20 07:40:39 John

Vous avez eu la chance que j'avais une page HTML vide prêt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> 
    <meta charset="utf-8" /> 

    <title>Test</title> 

    <style type="text/css"> 
     .hidden { 
     display: none; 
     } 
    </style> 
    </head> 

    <body> 
    <form> 
     <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" /> 
    </form> 

    <img id="hidden" class="hidden" src="foo.png" /> 
    </body> 
</html>

Source

2011-05-20 07:40:50 Blender

document.getElementById("submitBtn").onclick = function() { 
document.getElementById("imageTag").style.display="block"; 
return true; 
}

Source

2011-05-20 07:41:44 Amareswar

Voici un exemple

<img class="image_file src="image.jpg" /> 
<input type="submit" id="submit_button" name="submit_button" />

cacher l'image en css:

.image_file 
{ 
display:none; 
}

avec jquery:

$('#submit_button').click(function(
    $('.image_file').show(); 
));

et essayer d'éviter le javascript en ligne, il est désordonné et difficile à maintenir lorsque vous avez un grand site Web.

Source

2011-05-20 07:42:18 Christophe

En utilisant jQuery:

<img id="image1" src="myimage.jpg" style="display:none;" width="120" height="120"/> 

<input type="submit" name="submit" value="submit" onclick"$('#image1').show()"/>

Source

2011-05-20 07:43:18

Image apparaissant en cliquant sur un bouton

Répondre

Questions connexes