Rechercher : dans
Par :

HTML : changer du texte sans recharger la pag

Dernière réponse le 7 jan 2008 à 00:42:47 Net_walker, le 17 jan 2003 à 17:17:47 
 Signaler ce message aux modérateurs

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.

Meilleures réponses pour « HTML : changer du texte sans recharger la pag » dans :
[FreeMind] Publier une mindmap dans une page web VoirFreeMind est un logiciel de mindmapping. Vous avez plusieurs possibilités pour publier votre mindmap dans une page web. Flash applet Java Simple image PNG HTML+Javascript (texte seulement) HTML+Javascript (texte+icônes) HTML+Javascript...
Supprimer les accents avec PHP VoirPour un tas de raisons, il est parfois utile de convertir un texte accentué en un texte sans accents. Voici une fonction permettant de transformer très simplement la quasi-totalité des accents en leur équivalent non-accentués : function...
Java - Premier programme VoirPremière application avec Java La première chose à faire est de créer un simple fichier texte (sans mise en forme) et de taper les quelques lignes suivantes : // Votre premiere application en Java class FirstApp { public static void main...

1

fou2dodie, le 17 jan 2003 à 17:24:40

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. 

Répondre à fou2dodie

2

Taboujr, le 17 jan 2003 à 19:18:55

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

Répondre à Taboujr

3

Net_walker, le 17 jan 2003 à 20:24:36

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...

Répondre à Net_walker

4

Taboujr, le 17 jan 2003 à 21:02:26
  • +4

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

Répondre à Taboujr

5

brj, le 18 jan 2003 à 12:59:36
  • +3

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!!

Répondre à brj

6

Net_walker, le 18 jan 2003 à 16:26:58

Merci beaucoup, c'est exactement ce que je cherchais !

Répondre à Net_walker

7

 Robotoof, le 7 jan 2008 à 00:42:47

Super merci !

Répondre à Robotoof