Je doute que vous allez trouver quelqu'un qui écrira le code pour vous, et du son de cela, vous avez fait vos devoirs et magasiné sur les différents sites de script. Ce que je suggère est de décomposer le comportement de ce que vous recherchez et ce que vous avez:
Facebook:
- Lien simple: « Commentaire »
- zone de texte mince: « Écrire un comment "
- En cliquant sur le lien crée div sous lien ou la mise focus sur la zone de texte transforme la zone de texte en zone de texte et bouton.
- Cliquer sur l'extérieur de div supprime div de la page.
- Lorsque le bouton est enfoncé et que le commentaire est fait, un div est ajouté entre le div d'origine et le lien contenant le texte du commentaire.
- Lorsque la zone de texte n'a pas de focus, elle redonne à la zone de texte son état d'origine en tant que zone de texte.
Peut-être qu'il serait préférable de prendre le code déjà écrit pour le lien que vous Affichée et faire ces choses à lui:
- Supprimer les transitions
- Modifier les éléments de bouton dans
<a> balises
- Marque la case "curseur" est visible tout le temps, mais le contenu est déplacé
- La boîte doit avoir un
<input type="text"> en elle avec un attribut onfocus="" défini afin que nous puissions le cacher et montrer le textarea quand il a été cliqué dans
- Le textarea et le bouton doit être caché avant d'y devenir visible (
display:none)
- Utilisez un jQuery plugin pour cacher la zone de texte et le bouton et revenir à la zone de texte lorsque le div de commentaire a perdu son focus (es).
Espérons que cela aide dans une certaine mesure.
Quel est le problème avec ce lien? Cela me semble correct. –
Il dosent ont autogrow textarea il n'a pas une entrée en filigrane et j'ai besoin de quelque chose lorsque l'utilisateur clique sur "commentaire" l'ensemble de la boîte de commentaires apparaît comme facebook – user236612