Javascipt | changer une phrase en cliquant ?
Luisito2604
-
Luisito2604 -
Luisito2604 -
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.
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:
- Javascipt | changer une phrase en cliquant ?
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Changer carte graphique - Guide
- Changer extension fichier - Guide
- Changer wifi chromecast - Guide
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>
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>
Luisito2604
aïe par contre apparemment ça marche uniquement sur Firefox.
