I do not use Ionic but here is the general idea. You wrap the input and the icon in a container div that will look like the input field. You use calc(100% - 25px) to set the size of the textarea and position: absolute; with bottom: 10px; to keep the icon at the bottom.
textarea like facebook comment
An example of the extended form with typical checkout inputs like address form or a credit card form. You will probably encounter a textarea used like this during the checkout or shopping cart steps while using eCommerce websites.
The textarea is HTML tag mostly used for messages and comments. It is very similar to inputs, but because it provides an option to have more than one line of text, it is not presented as input [type="textarea"].
Yeah i heard that FB tries to make them hard for automation. But I think it seems possible given that some people on imacro forum is trying to sell various macros for Facebook like Auto comment, auto post, delete/upload photos, unban groups members etc. I just like to create a proper one for auto comment on group posts.
After that, you should open the single.php file using a plain text editor like Notepad. Once the file is open, look for the code used by your theme to display comment count and carefully replace it with the following code.
Hi David, Hope you are well, Has this plug in for facebook comments been updated for the new wordpress 4.7.2? And perhaps you might also know of a pinterest plugin that doesnt just show the pictures but also the description below, which works with the latest version of WordPress.
Please do something about this! As a result of this behaviour I just noticed I'm wary to hit Enter even in answers, or even in textareas outside Stack Exchange, and have resorted to either hitting Shift-Enter every time or editing outside the browser and pasting it in. Why is it still considered a good idea to have made comments so radically different from answers and from every textarea on the internet?
I constantly mistakenly enter comments before I'm done with them due to enter doing the completely unexpected action of submitting (versus newline). VERY annoying. I hate non-intuitive user interface functions like that! Compounded by the fact that you can't go back and edit the comment that just accidently went in!
I notice that similar functionality has appeared on facebook with return submitting comments rather than putting in linebreaks and is causing something of an uproar. In my opinion the new functionality is wrong on facebook and wrong on stackexchange too.
I'm a heavy keyboard user; I avoid the mouse as much as possible. I also typo a lot, and Firefox is kind enough to help me catch misspelled words (like "mispelled"). When that happens, I arrow over to the offending word and push the Menu key. Firefox gives me a nice little list of suggested edits, and I use the arrow keys to highlight. When I press Enter, my comment gets submitted. As a result, I've had to start using the mouse for my spell check corrections. Yes, this is only a minor inconvenience, but I, too, would prefer that the Enter key did not submit my comment. I can Tab over to the button to submit.
I think that that's what happens on chat (don't spend much time there). That way both "parties" get what they want. Those who inadvertently hit return mid-comment only write one comment whilst those who like to submit a comment when they hit return get what they want too.
1. Add new post and display the latest post first 2. Add new comment to post 3. Display date time in fuzzy time stamps (e.g. 5 mins ago..) 4. Auto-grow textarea for long posting and commenting 5. Comment link to toggle comment box 6. Display user avatar for posts and comments (adsbygoogle = window.adsbygoogle []).push(); Here is the final output:
first of all thanks for this help full tutorial this tutorial help me alot to solve my problems sir i want to discuss another query i am working on making friends system like facebook in asp.net mvc thanks
Below I have a textarea to allow users to type a comment and then on submit I'm sending that comment to the comment field. However when someone submits another comment will this erase previous comments?
One of the keys to this solution is the CSS. As mentioned, the invisible clone needs to have the same typographical properties as the textarea. Not only does this include stuff like font-size and font-family, but also the white-space and word-wrap properties of the clone need to be set to mimic what happens inside the textarea.
You could argue it makes sence to either add textarea resize: none; to your css, or add something that turns the feature off when the user uses the manual resize of pulling the corner of the textarea. Maybe your script could be only to resize bigger, and not smaller? I, for one, like the illlusion of overview therefore often resizing textareas to be really large. If that cancelled after each key-up that would make me very tired :-D But great idea with the cloned element.
Once you have finished typing you can copy the text and paste in any application but bear in mind that the preeti font has to be installed on your computer to accurately display the text entered in Preeti font. Download link is availabe on the tab just above the textarea.If you have any suggestion, then please share with us using the Facebook comment section below and don't forget to give us a like and share it on Facebook with your loved one. 2ff7e9595c
Kommentare