Discussion :

[Mucsy]

Bonjour à tous !

voilà, j'ai un champs texte (appelons le "text") qui est modifiable par l'utilisateur.

J'ai créé une fonction createLink() qui va permettre d'écrire un lien en html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function createLink(value) {
    var text;
    text='<a href=mapage.php?VAR=';
    text+=value;
    text+='">cliquez ici</a>';
    document.write(text);
}

J'appelle finalement cette fonction dans une partie html grâce à cette ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script>createLink(document.getElementById("text").value);</script>

Le soucis c'est que la variable contenu dans le lien va prendre la valeur d'origine du champs texte alors que je souhaite qu'il soit modifié au fur et à mesure. La cause doit être à document.write qui écrit définitivement.

J'aimerai savoir si vous aviez une solution pour améliorer mon code ou bien, comme je suis conscient qu'il n'est pas génial, une idée pour exécuter ce que je veux faire . Merci !

[Swoög]

Salut !

tu devrais plutôt créer ta balise a avec un attribut href vide (par exemple) et lui mettre un id, exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<a href="" id="mon_lien">cliquez ici</a>
<script type="text/javascript">
function createLink(value, ID)
{
    document.getElementById('mon_lien').setAttribute('href', 'mapage.php?VAR=' + value);
}
</script>

[Mucsy]

ah oui ! merci, je vais tester ça !

[Mucsy]

La valeur ne se met pas à jour !

En fait pour plus d'explications, j'ai créer un slider qui va de 0 à 100 et en dessous j'ai créé ce champs texte qui affiche la valeur pointée par le slider.

Je comptais récupérer cette valeur et la mettre en variable du lien <a></a>.

Le lien prends la valeur d'origine que j'ai définie pour le slider

[Swoög]

il faudrait que tu appelles cette fonction par exemple dans le onchange de ton "champ texte"

[Mucsy]

Bon j'ai encore des problèmes à le faire marcher. Voilà ce que j'ai actuellement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<a href="" id="mon_lien">cliquez ici ! </a>
 
...
 
<script type="text/javascript">
    function createLink(value)
    {
        document.getElementById('mon_lien').setAttribute('href', 'mapage.php?VAR=' + value);
    }
</script>
 
...
 
<input id="text" onChange="createLink(this.value);"/>

j'ai même testé de faire l'appel à createLink() dans du script après le <input text> mais sans résultat. Je n'obtiens que la valeur d'origine du text...