Script "changement de texte au clique" modifiable sur html et non sur la page Javascript

[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 :

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.

[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 :

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

[SpaceFrog]

ça me rassure...

[javatwister]

moi pas, je me sens si démuni parfois

[Tarkna]

Je ne vois pas comment je peux faire mieux.

Comme vous pouvez le constater, pour changer le texte qui se transforme il faut aller sur la page javascript alors que moi, je voudrais que je puisse changer le texte non pas par la page .js mais via la page .html.

J'espère pouvoir ensuite ajouter un style, couleurs, bla bla bla...

Si vous ne comprenez pas c'est moi que ca inquiète... ^

[NoSmoking]

j'ai mangé du poisson

Code :

1
2
3
4
5
6
7
8
9
function transformer(obj, txt1, txt2){
  var texte = obj.innerHTML;
  if (texte == txt1){
    obj.innerHTML = txt2;
  }
  else {
    obj.innerHTML = txt1;
  }
}

avec un appel

Code html :

<a href="ShowHide('icophotos')" onclick="transformer(this,'Photos','Gravures');">Photos</a>

si il s'agit de changer le innerHTML du lien en fonction de l'action.

Il y qu'en même mieux comme réalisation dans l'enchaînement de tes fonctions!

[SpaceFrog]

si il s'agit de changer le innerHTML du lien en fonction de l'action.

j'ai mangé du poisson

Heu là faut plutot lire dans les entrailles du poisson pour comprendre la demande

[Tarkna]

Le script n'est pas de moi et je n'y connais rien en Javascript.

Vous n'avez toujours pas compris ma demande ? :/

[SpaceFrog]

Heu ...
Moi non.
Mais bons j'ai pas mangé de poisson

[NoSmoking]

je viens de fouiller la poubelle et ai retrouver arêtes et entrailles
Il semblerait que cela soit, peut être, une sorte de WYSIWYG dont tu as besoin, me trompe je?
Bon ok je retourne voir si je n'ai rien oublié!

[ABCIWEB]

Envoyé par Tarkna

Je ne vois pas comment je peux faire mieux.

Comme vous pouvez le constater, pour changer le texte qui se transforme il faut aller sur la page javascript alors que moi, je voudrais que je puisse changer le texte non pas par la page .js mais via la page .html.

J'espère pouvoir ensuite ajouter un style, couleurs, bla bla bla...

Si vous ne comprenez pas c'est moi que ca inquiète... ^

Une page html est statique à moins qu'elle soit gérée dynamiquement par du javascript ou côté serveur genre php.

Si je reprend ta phrase ci-dessus cela pourrait aussi vouloir dire que tu veux faire un genre de CMS sans utiliser javascript...

Mais bon, je patauge aussi pas mal (litote) dans tes explications, et ça fait longtemps que je n'ai pas mangé de poisson...

[Tarkna]

Code :

1
2
3
4
5
6
7
8
9
10
 
function transformer(obj){
	var texte = obj.innerHTML;
	if (texte=="OFF") {
		obj.innerHTML = "ON";
	}
	else {
		obj.innerHTML = "OFF";
	}
}

Vous pouvez constater que le texte qui apparait sur le site est "ON" et "OFF" qui inscrits dans le code Javascript. Donc, pour le modifier il faut aller sur le fichier javascript. Vous me suivez ?

Sauf que je voudrais que celui-ci soit inscrits dans la page .html, pour que je puisse le changer non depuis le fichier .js mais depuis le fichier .html.


Faut surement aller plus loin que les entrailles...

[javatwister]

Faut surement aller plus loin que les entrailles...

oui mais j'ai pas de GPS et les lieux-dits sont pas indiqués sur ma carte;

[NoSmoking]

Envoyé par Tarkna

Faut surement aller plus loin que les entrailles...

pas du tout je les v##i tout de suite....
regardes bien ce que j'ai mis ICI

[SpaceFrog]

En quoi est-ce gênant que le code soit dans le fichier js plutot que sur la page html ????
Il est au contraire préférable que le javascript ne soit pas sur la page html .