J'essaie de créer une boîte de commentaire similaire à facebook, où la zone de texte se développe et le bouton de commentaire devient visible lorsque la zone de texte est cliquée et lorsque la zone de texte perd son focus le bouton de commentaire est masqué. la zone de texte rétrécit à une plus petite hauteur. Le js suivant fonctionne très bien, mais le problème est quand je clique sur le bouton "comment_submit", il ne soumet pas, plutôt les choses entières sont juste cachées. Comment ne pas laisser l'événement 'flou' se déclencher si le bouton Soumettre est cliqué?barre de commentaire de style facebook
mais laissez-le feu autrement?
$("#comment_body").focus(function() {
$("#comment_tools").show();
$("#comment_body").css("height", "100px")
}).blur(function() {
$("#comment_tools").hide();
$("#comment_body").css("height", "25px")
});
MISE À JOUR
bien ce qui provoque le commentaire buton à apparaître, puis disparaitra. Je suppose que cliquer sur la zone de texte est également considéré comme un clic sur le document? Quoi qu'il en soit, le résultat final est que lorsqu'on clique sur la zone de texte, rien n'apparaît, mais quand on obtient le focus en cliquant dessus, le bouton de commentaire apparaît. Comment exclure la zone de texte de l'événement document.click
ou y a-t-il une meilleure façon de le faire?
$("#comment_body").focus(function() {
$("#comment_tools").show();
$("#comment_body").css("height", "100px")
});
$(document).click(function() {
$("#comment_tools").hide();
$("#comment_body").css("height", "25px")
});