•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 361,894 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,239 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 12511 | Replies: 2
![]() |
•
•
Join Date: Mar 2005
Location: Ottawa, Ontario, Canada
Posts: 959
Reputation:
Rep Power: 5
Solved Threads: 2
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.
<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>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
You need to empty the current selection range.
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;
}
}![]() |
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
- 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 Careers and Business)
- more problem!!!! (Windows Software)
- Win98 Shutdown problem (Windows 9x / 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...



Linear Mode