Discussion :

[Tarkna]

Bonjour tout le monde.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[SpaceFrog]

heu le difference que tu fais entre page html et page javascript c'est quoi ???

[Tarkna]

Je veux pouvoir modifier le texte de script (celui qui change le texte au clique) depuis la partie html, et non directement sur le script. Car je ne peux pas mettre une image ou un style de texte par exemple.


Je te remercie.

[SpaceFrog]

Désolé mais je ne comprends toujours pas le but de la manoeuvre

[javatwister]

ça c'est pas mal aussi

un style attaché à mon css

sinon, je suppute que tu veux te servir du lien comme d'un commutateur "affiché / caché" pour ton div, et que le texte du lien confirme l'état du div (off / on);

moi j'aurais plutôt fait un ptit bouton...

essaie ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<button onclick="change(document.getElementById('icophotos'),this.firstChild)">le div est ON (ça se voit...)</button>
 
 
<div id="icophotos" style="margin-top:50px;display:block" >
	Icones photos
</div>
 
 
 
<script type="text/javascript">
 
function change(d,b){
	if(b.data.search("OFF")!=-1){
		b.replaceData(11,3,"ON");
		d.style.display="block";
	}
	else{
		b.replaceData(11,3,"OFF ");
		d.style.display="none";
	}
}
 
</script>

[Tarkna]

Salut javatwister, je te remercie pour ta réponse.

Le truc, c'est que j'aimerais avoir le texte modifiable sur la page html car je ne peux pas ajouter un style sur le texte "ON" "OFF" actuel ou même ajouter une image, et ca me pose problème. :/


Merci.

[javatwister]

pas compris