Discussion :

[Super_carotte]

Bonjour a vous,
J'essaie, dans une page en .html, de créer un lien pour qu'un utilisateur indique son prénom et pour que le dit prénom s'affiche.
J'ai donc créer ce code:

Code :

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

1
2
3
4
5
<SCRIPT language="javascript">document.write("Prénom: "+prenom1); </SCRIPT> <br>
 
Change d'utilisateur en cliquant:
<href="#" onClick="prenom1 = demandeprenom(prenom1)";>
<font color="red">ICI</font> <br>

la ligne prenom1 = demandeprenom(prenom1) permet d'appeller la fonction qui est dans fonction.js, la voici:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function demandeprenom()
{
	var prenom1=prompt("Bonjour, commence par indiquer ton prénom :","");
	if (prenom1!=null && prenom1!="")
  		{
		//self.location.href="index.html?prenom1="+prenom1;
  		}
  	else demandeprenom()
 return prenom1;
 
 
}

Et enfin, la variable "prenom1" est déclarée dans le fichier variables.js comme ceci:

Code :

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

var prenom1 = "";

Mon probleme est que lorsque je clique sur le lien, je vois bien mon alert qui s'affiche donc j'indique un prenom.
Mais le prenom ne s'affiche pas sur le index.html ou il y a pourtant la ligne:

Code :

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

<SCRIPT language="javascript">document.write("Prénom: "+prenom1); </SCRIPT> <br>

Auriez vous une idée pour l'afficher?
Merci beaucoup,
Benjamin

[vermine]

Bonjour,

Je ferais autrement:

Code :

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

1
2
 
onClick="demandeprenom(prenom1)";>

Sans retour car j'irai mettre directement le nom depuis la fonction:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function demandeprenom()
{
	var prenom1=prompt("Bonjour, commence par indiquer ton prénom :","");
	if (prenom1!=null && prenom1!="")
  		{
		//self.location.href="index.html?prenom1="+prenom1;
  		}
  	else demandeprenom()
 document.getElementById('mon_id').innerHTML = prenom1;
}

'mon_id' étant l'id d'un <span> par exemple, qui serait l'endroit où je veux voir le nom (donc on oublie le document.write sauf si il vous sert au chargement de la page):

Code :

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

1
2
 
<span id='mon_id'></span>

[Super_carotte]

Merci pour cette solution mais si j'enleve mon document.write, comment je fais pour faire afficher ma variable dans le span? c'est que du html la dedans non? le html ne peux pas afficher de variable il me semble.

[Bovino]

Merci pour cette solution mais si j'enleve mon document.write, comment je fais pour faire afficher ma variable dans le span? c'est que du html la dedans non? le html ne peux pas afficher de variable il me semble.

Tu es sûr d'avoir bien lu la réponse de vermine ?

[Super_carotte]

Il a écrit:
"'mon_id' étant l'id d'un <span> par exemple, qui serait l'endroit où je veux voir le nom (donc on oublie le document.write sauf si il vous sert au chargement de la page)"

Il me semble que ça veut dire que je ne mette plus de document.write mais autre chose dans mon nouveau span.

Mon niveau de dev est plutôt faible comme vous le voyez mais j'essaie de comprendre.

Oh! a moins que grace a l'ID, pas besoin de mettre autre chose que :
<span id=spanprenom></span>. Il affiche de lui meme la variable grace a:
document.getElementById('spanprenom').innerHTML = prenom1;

Est-ce bien ça?

[Super_carotte]

En effet, ça fonctionne magnifiquement.
Un grand merci a vous

[vermine]

Oui, c'est bien cela, excepté qu'il vaut mieux mettre les quotes:

Code :

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

<span id='spanprenom'></span>.

Par contre, si cette partie doit être remplie ai chargement de la page avec des donnérs DB ou de la page précédentes, il faudra rajouter une instruction dans le onload du body.