Modifier src image / suprimer div après clic sur bouton submit d'un formulaire
bonjour
j'ai une page avec dedans un formulaire qui une fois envoyé m'affiche , sur cette même page, le résultat d'une requête
dans cette même page j'ai un petit visuel + un texte
j'arrive à faire disparaitre, depuis un bouton , la div contenant cette image mais j'ai un espace blanc de la taille de l'image qui persiste ,ce que je ne souhaite pas
auriez vous une piste svp , pour soit faire qu'il n'y ai plus d'espace soit remplacer la source de l'image par une autre.
Code:
1
2
3
4
5
6
7
8
9
10
11
| function afficher_cacher(id){
if(document.getElementById(id).style.visibility=="visible"){
document.getElementById(id).style.visibility="hidden";
document.getElementById('bouton_'+id).innerHTML='Afficher le texte';
}
else{
document.getElementById(id).style.visibility="visible";
document.getElementById('bouton_'+id).innerHTML='Cacher le texte';
}
return true;
} |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <span class="bouton" id="bouton_texte" onclick="javascript:afficher_cacher('texte');">Afficher le texte</span>
<div id="texte" class="texte">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nisl. Phasellus quis nulla sit amet leo pretium tincidunt. Quisque eleifend augue quis urna. Curabitur rhoncus quam ac odio. In a nisi et purus fermentum aliquet. Donec sed leo aliquet lacus sollicitudin rhoncus. Duis ultricies euismod odio. Suspendisse potenti. Cras interdum, diam quis porta interdum, elit urna tincidunt ipsum, quis pharetra sem dui ac tortor. Cras lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum. Aliquam volutpat turpis at ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br /><br />
</div>
<div style="background-color: #FFBF00">ICI RESULTAT DE LA REQUETTE DU FORMULAIRE
mauris malesuada dui. Phasellus ultricies orci nec lorem. In non erat tempor nisl dictum hendrerit. Quisque volutpat, nulla imperdiet pharetra scelerisque, tellus diam ullamcorper felis, vitae pretium justo lectus vitae turpis. Nam nec nunc vel ipsum imperdiet semper. Aenean mollis ullamcorper ipsum. Donec sollicitudin, arcu quis fermentum varius, eros felis feugiat nibh, at lacinia magna risus in lorem. In odio mi, commodo eu, consequat ac, pretium eu, purus. Pellentesque ac erat quis sapien ultricies pharetra.
</div>
<script type="text/javascript">
//<!--
afficher_cacher('texte');
//-->
</script> |
merci de votre aide
