Sorry, I had to run out for a minute. I saw javascript/dynamic fields and
fired off an email. This seems to be a little more dedicated to what you
described and should get you going. (only tested in the latest versions of
IE and FF)
<script>
function popitup()
{
alert("Put the code to popup your calendar here");
}
function addBtn(incrementer)
{
//Create the button object
var Newbtn = document.createElement('button');
//Give the button a name (if it matters)
Newbtn.name = "myBtn" + document.getElementById('fldCounter').value;
//Add the text you want to display on the button
var NewbtnText = document.createTextNode('Click here and choose your
date');
//Add the text to the button
Newbtn.appendChild(NewbtnText);
//Add the onclick handler
Newbtn.onclick = popitup;
//Add little pzzazz to it
Newbtn.style.borderWidth = "1";
Newbtn.style.borderColor = "#000000";
Newbtn.style.backgroundColor = "#ececec";
//Add the button to the page
document.getElementById('myContainer').appendChild(Newbtn)
//Add a couple line breaks
document.getElementById('myContainer').appendChild(document.createElement('b
r'));
document.getElementById('myContainer').appendChild(document.createElement('b
r'));
//Don't feel like this HAS to be a button. It could be an image or a
text link, or anything else you can think of.
document.getElementById('fldCounter').value =
Number(document.getElementById('fldCounter').value) + 1
}
</script>
<input type="hidden" id="fldCounter" name="fldCounter" value="0">
<a href="javascript:void(0)" onclick="addBtn();">Add The Button</a>
<div id="myContainer">
</div>
..:.:.:.:.:.:.:.:.:.:.:.:.:.:.
Bobby Hartsfield
http://acoderslife.com
-----Original Message-----
From: Bobby Hartsfield [mailto:[EMAIL PROTECTED]
Sent: Monday, October 24, 2005 5:51 PM
To: CF-Talk
Subject: RE: SOT - Creating dynamically name field with JS
Look into the createElement() function. Works like a charm.
Here is some pseudo...
<script>
function addfld(incrementer)
{
//Build the form field
Newfld = document.createElement('input')
Newfld.type = "text";
Newfld.name="mynewfield" + incrementer;
document.getElementById('myContainer').appendChild(Newfld)
//Add a line break
document.getElementById('myContainer').appendChild(document.createElement('b
r'));
}
</script>
<a href="javascript:void(0)" onclick="addfld('2')">Add New Field</a>
<div id="myContainer">
<input type="text" name="mynewfield1"><br>
</div>
Completely off the top of my head so im sure there are errors in it but
hopefully you get the idea.
Just look up createElement() and appendChild(). Let me know if you need
anymore help with it if you decide to go this way. I've got some pretty
cross browser friendly versions of it.
...:.:.:.:.:.:.:.:.:.:.:.:.:.:.
Bobby Hartsfield
http://acoderslife.com
-----Original Message-----
From: Michel Deloux [mailto:[EMAIL PROTECTED]
Sent: Monday, October 24, 2005 4:55 PM
To: CF-Talk
Subject: SOT - Creating dynamically name field with JS
Hi all
sorry by OT but I need your help in JS.
I have a form with only one field. I'll like to present that field
with an option for insert more fields like that and/or exclude others
fields. This is my form:
<form name="frm" action="post">
<INPUT size="50" maxlength="20" name="datefield" onKeyPress="return false;">
<SCRIPT language=javascript>
document.write("<input type=button
onclick='popUpCalendar(this,
frm.datefield, \"mm/dd/yyyy\")' value='Click here and choose your
date'>")
</SCRIPT>
</form>
I tested several methods for include/exclude but I don't know how to
insert that popUpCalendar script inside new field with dynamic name
field.
What's wrong? How to create dynamically name field for my popUpCalendar?
Thanx for your time.
Cheers
MD
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Logware (www.logware.us): a new and convenient web-based time tracking
application. Start tracking and documenting hours spent on a project or with a
client with Logware today. Try it for free with a 15 day trial account.
http://www.houseoffusion.com/banners/view.cfm?bannerid=67
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:222137
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
