Discussion :

[getz85]

Bonjour!

Bon je suis débutant en Ajax, donc un peu de clémence si cette question a déjà été posée...

Voilà j'ai un bouton qui fait appel à une fonction javascript. Je voudrais afficher du texte à la place de ce bouton après le clic, mais ça ne marche pas, mon bouton reste.
J'arrive à modifier l'attribut value du bouton, mais ce n'est pas ce que je veux. Voilà le code :

Bouton HTML:

Code HTML :

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

<input type='button' value='Signaler' onClick='ajax()' id='btn_signal'>

Le code JS (correspond à ma fonction onreadystatechange):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
if (xhr.readyState==4) 
{
	document.getElementById("btn_signal").innerHTML = "<p>Signalement Réussi</p>";
	//document.getElementById("btn_signal").value = "Signalement Réussi"; //Ce code modifie bien le texte du bouton
}
else
{	
	//document.getElementById("btn_signal").value = "Veuillez patienter";
	document.getElementById("btn_signal").innerHTML = "<p>Veuillez patienter</p>";
}

Merci d'avance!

[DoubleU]

La valeur d'un input se modifie par value, pas par innerHTML.

[getz85]

Merci de la réponse rapide, mais vous n'avez pas bien lu mon post ;-)

Ce que je veux c'est remplacer le input, non pas modifier la valeur. Je veux que le bouton disparaisse de la page quoi

[DoubleU]

Han désolé.

Code :

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

1
2
3
4
5
6
var input = document.getElementById("btn_signal");
var parent = input.parentNode;
parent.removeChild(input);
var p = document.createElement("p");
p.appendChild(document.createTextNode("Signalement Réussi"));
parent.appendChild(p);

[getz85]

Merci beaucoup, ça marche parfaitement!
Et quelle rapidité!