Script "changement de texte au clique" modifiable sur html et non sur la page Javascript
Bonjour tout le monde. :D
Je suis tout nouveau sur ce forum, espérant trouver de l'aide à mon problème. :)
Je travaille actuellement sur un travail personnel, juste pour moi et je bloque sur quelque chose étant donné que je ne m'y connais pas assez encore en Javascript pour résoudre mon soucis. :/
Pour commencer j'avais téléchargé deux scripts, un permettant de changer de texte lorsque que je clique sur celui ci. L'autre est simplement un "Show/Hide".
Mon problème c'est que je souhaiterais que le texte "OFF" & "ON" soit modifiable sur la page html. Il est modifiable uniquement sur la fonction javascript ce qui fait que j'ai un texte simple.
J'engisage ensuite d'y ajouter un style attaché à mon css.
Les deux scripts:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else {
document.getElementById(divId).style.display = 'none';
}
}
function transformer(obj){
var texte = obj.innerHTML;
if (texte=="OFF") {
obj.innerHTML = "ON";
}
else {
obj.innerHTML = "OFF";
}
} |
Le code HTML:
Code:
1
2
3
4
5
| <a href="javascript:ShowHide('icophotos')" onclick="javascript:transformer(this);">Photos</a>
<div id="icophotos" style="DISPLAY: block" >
Icones photos
</div> |
Je vous remercie d'avance, Tarkna. :roll:
