Alterner du text avec JS

Saturday, 05. 17. 2008  –  Category: astuce

Ce petit script permet de alterner un texte (ou un caractère). Le mot “More” se transforme en “Less” et inverse (demo DG).

Fonction showhide en JavaScript:

<script>
function showhide(id1, id2) {
document.getElementById(id1).style.display = "none";
document.getElementById(id2).style.display = "inline";
}
</script>

Puis on ajoute ces balises pour les textes (ou les caractères) à cacher/afficher.

<span onclick="showhide('more', 'less');" id="more">More</span>
<span onclick="showhide('less', 'more');" id="less" style="display:none">Less</span>
Voilou

Tags: javascript, webdev