hi
have to build a system that when a user write in a box a word that starts with # this is wrapped inside an html element. Inside input-text and textarea html don't work. I had thought with a div, is possible?
+2
A:
Try the following:
<div contenteditable="true">Hello, edit me!</div>
Not tested in Opera, works in Firefox 3, Google Chrome, Safari and Internet Explorer 6, 7 and 8.
Andy E
2010-01-27 20:16:33
on what planet does this work?
Chris Lively
2010-01-27 20:21:17
works only on firefox...
Angelbit
2010-01-27 20:25:34
@Angelbit: try it using "true" as the value, that will work in IE.
Andy E
2010-01-27 20:28:02
@Chris Lively - Melmac :)
Joel Etherton
2010-01-27 20:28:40
@Chris: It would work fine in Firefox 3, but after your comment I realized IE wouldn't accept XHTML-style attribute/value pairs.
Andy E
2010-01-27 20:29:16
@Andy: with the edit it works with IE now. cool
Chris Lively
2010-01-27 20:38:40
huh... i had no idea about this. :)
Code Monkey
2010-01-27 21:31:03
Also works in IE 5.5, in case anyone cares.
Tim Down
2010-01-27 22:00:16
@Tim: I don't think anyone does ;-)
Andy E
2010-01-28 09:23:52
A:
Yes, this is possible.
:)
Seriously, you'll need to parse user input and when your parser engine see a "#" symbol, it just wait for the next [space] (for example as a element id delimiter), create a new DOM Element with this id and after that it must update innerHTML of this element by everytime user entered a symbol.
Sergey Kuznetsov
2010-01-27 20:17:40
yes, have altredy the parser, now need a system like @ facebook that highlighting the #word like FB
Angelbit
2010-01-27 20:31:35
+3
A:
Not sure exactly what you are looking for, but you can make divs editable like this:
<div contentEditable="true"></div>
einarq
2010-01-27 20:17:51
A:
Not sure why a input or textarea won't work; you might consider handling the events fired when a user enters data into a textarea or a input to accomplish your goal. Or you might look into a wysiwyg editor.
Upper Stage
2010-01-27 20:19:24