Les Allergies
Alimentaires
Posez votre question Signaler

HTML : changer du texte sans recharger la pag [Résolu]

Net_walker - Dernière réponse le 1 févr. 2012 à 19:36
Bonjour

En HTML, il est possible de changer une image en cliquant sur un bouton, sans recharger la page, comme avec le code suivant :

<script language="javascript">
function changer() {image.src="image2.jpg";}
</script>

<img name="image" src="image1.jpg">
<a href="javascript:changer()">Changer</a>

Je cherche un moyen permettant de faire la même chose avec du texte : changer une zone de texte en cliquant sur un bouton, mais sans avoir à recharger la page.

Merci d'avance pour vos idées.
Lire la suite 

HTML : changer du texte sans recharger la pag »

8 réponses
Réponse
+18
moins plus
Mais si c'est possible!!!

avec cette fonction en javscript:

function changeMessage(choix)
{
if(choix==1){
document.getElementById("desc").innerHTML ="bienvenue";
}


et ceci dans une tableau :

<td id=desc rowspan="8" align="center"width="60%" height="50%" >
</td>

avec un evenement la ou tu veux :
onmouseover="changeMessage(1)"

tu auras ton texte a l'endroit voulue!!
Ajouter un commentaire
Réponse
+6
moins plus
Peut-être peut définir des valeurs de styles pour le input qui font qu'on ne voit pas la différence avec le reste du texte...

Sinon, tu peux jouer avec des <DIV> </DIV> qui sont visibles ou non. Le principe, c'est de mettre le "texte avant chagement" dans un div et le "texte après changement" dans un autre, avec deux z-index différents. Sur le lien, tu l'envoies vers une fonction javascript qui modifie les propriétes visible de chaque div.

Je ne suis pas super pro du javascript et du DHTML donc je ne peux pas t'aider beaucoup plus.

Quelques liens que j'aime bien si tu veux en savoir plus :
http://www.htmlguru.com (impressionant, on se rend compte avec se site que TOUT est possible en DHTML)
http://webbo.enst-bretagne.fr/tig/cours/dhtml/sommaire.html et plus précisemment le chapitre "Agir sur le code HTML (partie 1) " qui explique comment mettre en oeuvre la solution que je t'ai suggéré avec les DIV.

En ésperant que cela te soit utile...

TaBou JuNioR
Ajouter un commentaire
Réponse
+3
moins plus
Essaie ce code :

--------
<script language="javascript">
function changer() {texte.value="texte après changement";}
</script>

<input type="text" name="texte" value="texte avant changement"><br />
<a href="javascript:changer()">Changer</a>
-----------

TaBou JuNioR
Ajouter un commentaire
Réponse
+1
moins plus
Merci beaucoup, c'est exactement ce que je cherchais !
Ajouter un commentaire
Réponse
+0
moins plus
mettre ton texte en image à la rigueuer!!?!!!
ou alors un truc du genre

<script language="javascript">
var texte;
function changer() {texte.value="ça a changer";}
</script>

<Input label= "texte" valule="bonjour">
<a href="javascript:changer()">Changer</a>
ça pourrait peut etre marcher, non?
attention j'ai jamais appris à coder en javascript mais tu vois à peu prés l'idée en passant par un label?!


LMCT


All I know is I’m in love 
with someone who loves me too. 
Ajouter un commentaire
Réponse
+0
moins plus
Merci beaucoup
En fait j'avais déjà pensé à ça, mais je cherche à faire quelque chose de plus discret : le texte qui va subir la modification s'affiche comme le reste du texte.
Peut-être qu'il n'existe pas de solution :-( , on ne peux pas tout faire avec HTML...
Ajouter un commentaire
Réponse
+0
moins plus
Super merci !
ameni - 1 févr. 2012 à 19:36
dsl tout le monde j'ai un problème fondamental, j'aiconsulté la base pour affiché tout les données qui existe dans une table, la page devient très long ce qui rendre illisible, j'ai l'idée de mettre une petite image suivant lorsue il dépasse 30 enregistrements mai j'ai pas trouvé la solution c vous pouvez m'aider SVP et mercii d'avance
Ajouter un commentaire
Ce document intitulé « HTML : changer du texte sans recharger la pag » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?