[Javascript-débutant] lien dynamique
Résolu
Kopros
Messages postés
595
Date d'inscription
Statut
Membre
Dernière intervention
-
Kopros Messages postés 595 Date d'inscription Statut Membre Dernière intervention -
Kopros Messages postés 595 Date d'inscription Statut Membre Dernière intervention -
Salut à tous !
Pour des raisons aussi diverses que compliquées, je suis un peu obligé d'écrire un code bien sale.
Dans ma page, j'ai disons un champs texte et un lien.
Je souhaite que ce qu'on écrit dans le le champ soit écrit dans le lien.
Voilà ce que j'ai fait pour mon input :
Ca c'est la fonction qui est sensée récupérer la valeur de l'input pour la mettre dans une variable :
Mais bon j'ai fait ce script tout seul et il marche pas c'est sûr.
Et sinon ça c'est mon fameux lien qui serait dynamique si je savais m'y prendre :
(le lien marche si on remplace la variable par une valeur fixe)
Voilà donc l'erreur vient de mon script "dynlink" car j'ai testé d'afficher la variable name toute seule, et y'a rien. Le truc c'est que je vois pas ce que je peux faire d'autre.
Si ça se trouve ma syntaxe est pas bonne, mais je vois pas d'erreur, du haut de mes 2 jours d'apprentissage du js en autodidacte...
P'tet aussi que c'est mon onchange de l'input qu'est pas bon. Mais là c'est pareil, je saurais pas quoi mettre à la place.
Quelqu'un peut me sortir de ce tourment intellectuel qui me désespère svp ?
Pour des raisons aussi diverses que compliquées, je suis un peu obligé d'écrire un code bien sale.
Dans ma page, j'ai disons un champs texte et un lien.
Je souhaite que ce qu'on écrit dans le le champ soit écrit dans le lien.
Voilà ce que j'ai fait pour mon input :
<input type="text" name="nom_img" id="nom_img" onchange="dynlink(this.value);"/>
Ca c'est la fonction qui est sensée récupérer la valeur de l'input pour la mettre dans une variable :
<script type="text/javascript">
function dynlink(chaine){
var name = chaine;
}
</script>
Mais bon j'ai fait ce script tout seul et il marche pas c'est sûr.
Et sinon ça c'est mon fameux lien qui serait dynamique si je savais m'y prendre :
<script type="text/javascript">
document.write("<a class=\"suite_js\" href=\"addImg.php?nom='+name+'\">TEST<\/a>")
</script>
(le lien marche si on remplace la variable par une valeur fixe)
Voilà donc l'erreur vient de mon script "dynlink" car j'ai testé d'afficher la variable name toute seule, et y'a rien. Le truc c'est que je vois pas ce que je peux faire d'autre.
Si ça se trouve ma syntaxe est pas bonne, mais je vois pas d'erreur, du haut de mes 2 jours d'apprentissage du js en autodidacte...
P'tet aussi que c'est mon onchange de l'input qu'est pas bon. Mais là c'est pareil, je saurais pas quoi mettre à la place.
Quelqu'un peut me sortir de ce tourment intellectuel qui me désespère svp ?
A voir également:
- [Javascript-débutant] lien dynamique
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Tableau croisé dynamique - Guide
- Verificateur de lien - Guide
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
3 réponses
Salut,
essaye comme ça:
Niveau HTML:
Et niveau JS:
Voila, code testé et fonctionnelle !
A+
Gaerebut
essaye comme ça:
Niveau HTML:
<input type="text" name="nom_img" id="nom_img" onkeyUp="dynlink(this.value);"/><div id="url"></div>
Et niveau JS:
<script type="text/javascript">
function dynlink(chaine){
document.getElementById('url').innerHTML = '<a class="suite_js" href="addImg.php?nom='+chaine+'>[Lien]<\a>';
}
</script>
Voila, code testé et fonctionnelle !
A+
Gaerebut
<body>
<label for="linkValue">Direction du lien: <input type="text" id="linkValue" onchange="document.getElementById('link').href=this.value;" /></label>
<br /><a id="link" href="javascript:alert('le champ doit etre rempli !');">Y aller</a>
</body>
méthode DOM(de l'objet document) utilisée :
getElementById(sId): slectionner un élément dont l'id est égal à sId
Attribut utilisé
value: valeur d'un élément
href: direction du lien
Autre objet:
this: objet ocurrent.
Cordialement Zestyr
Tout d'abord merci pour vos réponses !
Gaerebut, ton code marche à merveille, c'est nickel c'est exactement ce que je voulais ! :)
Petite précision digne d'un inspecteur des travaux finis : dans la balise de fin du lien, y'a pas le /
<\/a>
(je dis ça au cas où qqun recopierait ton code sans réfléchir)
Encore merci !
Zestyr merci aussi à toi pour les précisions, mais ton code nécessite qu'on tape toute l'adresse dans le champ texte, or mon but c'est d'envoyer ce qui est saisi comme valeur de ce qui ressemble vaguement à une variable $_GET (en écrivant directement le nom de la variable et la valeur dans l'url).
Mais ton code a une certaine logique et ça se pourrait bien que je m'y réfère un peu plus tard.
Encore merci à tous les deux, je vais enfin arrêter de perdre des heures à chercher comment faire !
A+
Gaerebut, ton code marche à merveille, c'est nickel c'est exactement ce que je voulais ! :)
Petite précision digne d'un inspecteur des travaux finis : dans la balise de fin du lien, y'a pas le /
<\/a>
(je dis ça au cas où qqun recopierait ton code sans réfléchir)
Encore merci !
Zestyr merci aussi à toi pour les précisions, mais ton code nécessite qu'on tape toute l'adresse dans le champ texte, or mon but c'est d'envoyer ce qui est saisi comme valeur de ce qui ressemble vaguement à une variable $_GET (en écrivant directement le nom de la variable et la valeur dans l'url).
Mais ton code a une certaine logique et ça se pourrait bien que je m'y réfère un peu plus tard.
Encore merci à tous les deux, je vais enfin arrêter de perdre des heures à chercher comment faire !
A+
