2016-12-27 1 views
0

J'ai donc ce bloc de code HTML d'une application mobile que j'essaie d'écrire (avec Intel XDK), voir le code ci-dessous. Notez, s'il vous plaît ignorer le jargon de la classe div son du cadre que j'utilise.Le texte du champ de saisie HTML passe-t-il par la fonction jquery?

HTML

En fait ce que je suis en train de faire est de prendre le texte d'entrée dans une zone de texte, et cliquez, prendre le texte d'entrée, l'exécuter par une fonction jquery qui imprime alors le texte d'entrée dans un cercle . Voir la jquery ci-dessous.

Jquery

La fonction qui déforme le texte dans un cercle est d'un addon jquery appelé lettering.js. J'ai bien configuré le lettrage et cela fonctionne comme il se doit. Cependant, le texte du champ de texte est inutile. Je peux entrer du texte dans le champ de texte et cliquer sur le bouton, mais au clic, il lance le script jquery sur le texte que j'ai dans les balises h1.

Et je comprends tout à fait comment je l'ai actuellement mis en place. Je l'ai fait principalement pour démontrer que le lettrage.js fonctionne. Mais, je veux savoir comment puis-je remplacer le texte entre les balises h1 avec le texte de la zone de saisie sur clic, et ensuite passer à travers la fonction de lettrage. Ou mieux encore, comment puis-je prendre le texte dans le champ de saisie et faire fonctionner la fonction de lettrage avec cette valeur de champ de texte? De cette façon, il n'est plus nécessaire d'insérer le texte d'entrée dans les balises h1, puis d'exécuter la fonction.

Toute aide serait géniale. Je ne sais pas vraiment jquery ou javascript donc je suis probablement en train de négliger quelque chose d'une manière ridiculement simple.

+3

s'il vous plaît afficher le code au lieu de fournir une capture d'écran – GraveyardQueen

+1

'$ (» the_header "). text ($ (" # tokenMessage "). val())' –

+0

Personne ne peut copier des images de forme de code si elles veulent essayer de vous aider. C'est pourquoi vous publiez le code réel selon [mcve] – charlietfl

Répondre

0
$(".displayed h1").text($("#tokenMessage").val()); 

Cela, mais le texte du champ de saisie ayant identifiant tokenMessage et mis en dans la balise h1 qui est dans la div ayant la classe displayed

+0

Merci! Cela a résolu parfaitement! –