| | |
Add textbox to editable div problem
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
I am having a problem with a javascript script.
Add this code to an html file if you wanna try it.
After you add your first textbox to the editor, you need to unselect it to be able to add another textbox with only one click of the button.
If you dont, you will have to doubleclick the button, and I dont want that.
I would like the selected textbox to be blurred and then add another textbox with a single click of the button.
If anyone could help, I would really appreciate it.
thx
Add this code to an html file if you wanna try it.
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html> <head> <script> var n = 0; function addtb(){ document.getElementById('TextEditor').focus(); cmd = 'InsertInputText'; document.getElementById('TextEditor').document.execCommand(cmd,'true'); document.getElementById('TextEditor').blur(); var TE = document.getElementById('TextEditor'); var TEcn=TE.children; for (i=0;i<TEcn.length;i++) { n++; if(TEcn[i].id == "") TEcn[i].id = "tb" + n; } } function tellids(){ var TE = document.getElementById('TextEditor'); var TEcn=TE.children; for (i=0;i<TEcn.length;i++) { alert(TEcn[i].id); } } </script> </head> <body bgcolor=dddddd> <div id="TextEditor" contenteditable="true" indicateeditable="true" style="BACKGROUND-COLOR:white;OVERFLOW: auto;WIDTH: 600px;HEIGHT: 500px;WORD-WRAP: break-word"></div> <input type=button onclick="addtb();" value="add a text box"> <input type=button onclick="tellids();" value="alerts of textbox ids"> <br> After you add your first textbox to the editor, you need to unselect it to be able to add another textbox with only one click of the button. If you dont, you will have to doubleclick the button, and I dont want that. I would like the selected textbox to be blurred and then add another textbox with a single click of the button. </body> </html>
If you dont, you will have to doubleclick the button, and I dont want that.
I would like the selected textbox to be blurred and then add another textbox with a single click of the button.
If anyone could help, I would really appreciate it.
thx
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
You need to empty the current selection range.
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
function addtb() { document.selection.empty(); document.getElementById("TextEditor").focus(); cmd = 'InsertInputText'; document.getElementById('TextEditor').document.execCommand(cmd,'true'); var TE = document.getElementById('TextEditor'); var TEcn=TE.children; for (i=0;i<TEcn.length;i++) { n++; if(TEcn[i].id == "") TEcn[i].id = "tb" + n; } }
![]() |
Similar Threads
- separating line by line from textbox with textmode=multiline (ASP.NET)
- Have a problem with centering "jpg" files (HTML and CSS)
- retrieving ids from dynamically created controls in asp.net (ASP)
- Ideas for final year multimedia project (IT Professionals' Lounge)
- more problem!!!! (Windows Software)
- Win98 Shutdown problem (Windows 95 / 98 / Me)
- XFX mobo -> cd drive connectivity problem (Motherboards, CPUs and RAM)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Making web site fill browser screen
- Next Thread: Sort Tables...
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate array automatically beta box browser bug calendar captchaformproblem cart close codes column createrange() css cursor date debugger decimal dependent design disablefirebug dom download dropdown element embed engine enter error events ext file firefox form frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 iframe index java javascript javascripthelp2020 jawascriptruntimeerror jquery jsp libcurl listbox maps masterpage media menu microsoft mimic mp4 onmouseoutdivproblem onmouseover paypal pdf php player position post problem programming progressbar prototype redirect regex safari scale scriptlets scroll search security select software sql text textarea unicode w3c website window windowofwords windowsxp






