HTML : changer du texte sans recharger la pag

Résolu/Fermé
Net_walker - 17 janv. 2003 à 17:17
Jessicat322 Messages postés 60 Date d'inscription vendredi 19 février 2010 Statut Membre Dernière intervention 18 juin 2013 - 1 juin 2012 à 03:14
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.
A voir également:

8 réponses

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!!
25
Taboujr Messages postés 507 Date d'inscription vendredi 18 janvier 2002 Statut Membre Dernière intervention 2 janvier 2008 117
17 janv. 2003 à 21:02
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
7
Taboujr Messages postés 507 Date d'inscription vendredi 18 janvier 2002 Statut Membre Dernière intervention 2 janvier 2008 117
17 janv. 2003 à 19:18
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
4
fou2dodie Messages postés 605 Date d'inscription mercredi 6 juin 2001 Statut Membre Dernière intervention 29 août 2006 33
17 janv. 2003 à 17:24
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. 
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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...
0
Merci beaucoup, c'est exactement ce que je cherchais !
0
Super merci !
0
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
0
Jessicat322 Messages postés 60 Date d'inscription vendredi 19 février 2010 Statut Membre Dernière intervention 18 juin 2013 6
1 juin 2012 à 03:14
Bonjour,
Vous ne l'auriez pas en php ?

Merci
0