Je veux afficher div#cool
lorsque l'utilisateur saisira "cool"
dans le champ de saisie ou div#good
lorsque l'utilisateur saisira "good"
et ainsi de suite. Tout devrait fonctionner en temps réel.afficher/masquer div depening sur la valeur d'entrée
Répondre
Edit: Créé un Github Gist pour cela: http://gist.github.com/488611 - merci pour les commentaires, keypress devrait en effet avoir été pressée. Je n'ai jamais eu de problèmes de fiabilité avec moi-même?
Dans ce cas, nous supposons que tous les divs sont dans un élément parent #divs. ils sont donc cachés lorsque l'utilisateur change l'entrée.
Remarque: non testé, donc il peut ne pas fonctionner clé en main, mais l'essentiel est exact.
J'ai remarqué que 'keypress' ne fonctionne pas dans tous les navigateurs. –
@Felix Kling: intéressant, je pensais que «keypress» (minuscule!) Est le plus fiable des Crossbrowser. 'keydown' &' keyup' peuvent avoir plus de problèmes sur ce sujet. Pouvez-vous fournir d'autres informations ou était-ce juste sarcastique à cause du «P» majuscule? – jAndy
@jAndy: Consultez ma réponse [ici] (http://stackoverflow.com/questions/2977428/jquery-mirror-one-text-input-to-another/2977449#2977449). Pour une raison quelconque, 'keypress' n'a pas fonctionné correctement (la première pression sur la touche n'a pas été détectée). Mais je l'ai seulement testé dans Firefox et maintenant dans '3.6.7' il semble fonctionner. Ou la raison de ce problème était autre chose. –
Ces deux exemples sont-ils seulement, et n'importe quel ID devrait-il fonctionner, ou seulement ceux-là? Et que se passe-t-il lorsque l'entrée change, doivent-ils se cacher à nouveau? –
Quel code as-tu écrit jusqu'à présent? –