Javascipt | changer une phrase en cliquant ?

Fermé
Luisito2604 - 31 déc. 2009 à 15:32
 Luisito2604 - 31 déc. 2009 à 21:00
Bonjour,

Je m'y connais très bien en php, html, css mais malheureusement très peu en javascript, c'est pourquoi je sollicite votre aide.

Alors j'ai tout simplement un <input type="text" value="defaut" name="test"/> dont je souhaite changer le contenu de la value"" en cliquant sur un lien.

Le nouveau contenu de la value="" serait sélectionné parmi une liste de possibilités et on saurait laquelle choisir grâce au lien sur lequel cliquera l'internaute et qui déclenchera l'action.

Je m'imagine la chose un peu comme ça :

la liste des possibilité --> defaut, rouge, vert, bleue, noir, ...

les liens déclencheurs --> <a href="#rouge">changer par rouge</a>, <a href="#vert">changer par vert</a>, ...

En cliquant sur le lien "changer par rouge" , le contenu de la value="" du <input> qui par défaut est "defaut" change et devient "rouge", en cliquant sur un autre lien, ça change à nouveau pour ce qu'on a choisi.

Voilà j'espère que vous m'aurez compris. Merci d'avance pour vos réponses et pour le temps que vous aurez pris pour lire ceci.
A voir également:

1 réponse

C'est bon j'ai trouvé tout seul finalement.

Je vous transmet ce que j'ai fait au cas où ça intéresserait d'autres personnes.

<script type="text/javascript">

function change1()
{
document.forms['formulaire'].test.value="rouge";
}

function change2()
{
document.forms['formulaire'].test.value="vert";
}

</script>


<a href="javascript:;" onClick="change1()">couleur rouge</a>
<a href="javascript:;" onClick="change2()">couleur vert</a>

<form name='formulaire' >
<input type="text" name="test" value="défaut"/>
</form>
0
aïe par contre apparemment ça marche uniquement sur Firefox.
0