Php File-dir Scripts
Free Script Image UploadFree Script File Upload
Free Script Find File Extension
Free Script Check File Exist
Free Script Get File Information
Free Script Read Text From File
Free Script Write to File
Free Script Delete Image
Free Script Delete File
Free Script Line Range From File
Free Script Scan Directory
Free Script Count Line Word Character in File
Free Script Rename Files
Free Script Sort File
Free Script Copy Directory
Free Script Create Directory
Free Script Delete Directory
Free Script Create Temporary File
Free Script Calculate Disk Space Usage
Free Script Path System Temp Folder
Free Script Change File Extension
Free Script Search and replace string within file
Free Script Rename Directory
Free Script Printing Directory
Free Script Process Directory
Free Script Remove Line From File
Free Script Read Byte Range From File
Php Scripts
Free Script 8 Ball MagicFree Script Sending Sms
Free Script String
Free Script Number Scripts
Free Script Date and Time
Free Script Forms Sessions Cookies
Free Script Arrays
Free Script Html and Wep Page
Java Scripts
Free Script ValidationFree Script Enable Disable
Free Script Add More Html Controls
Country Information
Free Script time difference to GMT UTC
Add More Button
In the Add More Button script is use to create one or more a button dynamically through DOM.
Demo :
| button : |
Example :
You click a Add More Button and see more button at broswer.
Code :
Following code is Add More Button Script code if you need to copy and use to your web site.
<script type="text/javascript">
var buttonCount = 0;
function addbutton (parentEl)
{
if (!parentEl)
{
return false;
}
parentEl = document.getElementById(parentEl);
if (parentEl == null)
{
return false;
}
var newbutton = document.createElement("input");
newbutton.type = "button";
newbutton.id = "mybutton"&++buttonCount;
newbutton.name = "mybutton";
newbutton.value = "Button";
newbutton.className='button_box';
parentEl.appendChild(newbutton);
return false;
}
</script>
<fieldset id="somebuttons" class="buttonset">
<legend><input type="button" value="Button" ></legend>
</fieldset>
<input type="button" value="Add More" onclick="return addbutton('somebuttons');" >
var buttonCount = 0;
function addbutton (parentEl)
{
if (!parentEl)
{
return false;
}
parentEl = document.getElementById(parentEl);
if (parentEl == null)
{
return false;
}
var newbutton = document.createElement("input");
newbutton.type = "button";
newbutton.id = "mybutton"&++buttonCount;
newbutton.name = "mybutton";
newbutton.value = "Button";
newbutton.className='button_box';
parentEl.appendChild(newbutton);
return false;
}
</script>
<fieldset id="somebuttons" class="buttonset">
<legend><input type="button" value="Button" ></legend>
</fieldset>
<input type="button" value="Add More" onclick="return addbutton('somebuttons');" >
In the above addbutton() function is use to create one or more a button.That functions have one arguments that is parentEl.document.createElement("input") is generate a input button and buttonCount variable is use to create to child button id.appendChild() function is use to replace dom object into original button.
Free Download Script:
If you need to Add More Button Script click and download from following zip file.
|
|
Tweet |
|
|