|
hi
my html form contains a table tag .
i would like to populate this table using a javascript function.
my probllem is that i created a table that contains another table inside on of the tags. i tried to write the most basic code:
var myTable = document.createElement('tbody');
var row1 = document.createElement('tr');
var col1 = document.createElement('td');
var but1 = document.createElement('input');
but1.setAttribute('type','button');
but1.setAttribute('value','button1');
col1.appendChild(but1);
row1.appendChild(col1);
myTable.appendChild(row1);
var row2 = document.createElement('tr');
var col2 = document.createElement('td');
var nestedTbl = document.createElement('tbody');
var row3 = document.createElement('tr');
var col3 = document.createElement('td');
var but2 = document.createElement('input');
but2.setAttribute('type','button');
but2.setAttribute('value','button2');
col3.appendChild(but2);
row3.appendChild(col3);
nestedTbl.appendChild(row3);
col2.appendChild(nestedTbl);
row2.appendChild(col2);
myTable.appendChild(row2);
MainTable.appendChild(myTable);
when i run the javascript function it creates the table 'MyTable' and shows the first button but ignores completely from the inner table.
is there a way to achieve my goal ? |
|
|
|
|
|
|
|
You do know that a table tag is "TABLE" and not "TBODY", right? The TBODY is inside the TABLE and can contain TRs. It is not a table by itself.
You didn't show us what "MainTable" was, so I hope that you previously set it to the actual table node. However, clearly your "nestedTbl" is not a valid table.
By the way, I have noticed that some browsers have a problem with TH elements. I have not been too careful in investigating, so I cannot tell you specifics. Just be sure to test a little bit at a time.
Also, make sure you use a JavaScript debugger like Dragonfly (Opera) or Firebug (Firefox). These tools will be a lifesaver.
Don't let my name fool you. That's my job.
|
|
|
|
|
Here is my code:
<br />
<object id="ZKFPEngX1" classid="CLSID:CA69969C-2F27-41D3-954D-A48B941C3BA7"><br />
</object><br />
<script id="ZKFPEngX1_OnCapture" for=ZKFPEngX1 event=OnCapture(ActionResult,ATemplate) ><br />
LastCaptureTemplate = ATemplate;<br />
FingerPrint.GetCqryFingerData(GetCqryFingerDataCallback); <br />
</script> <br />
<script type="text/javascript" language="javascript"><br />
var ZKFPEngX1 = document.getElementById("ZKFPEngX1");<br />
var RegFeatureChanged = false;<br />
var LastCaptureTemplate;<br />
<br />
ZKFPEngX1.InitEngine() <br />
ZKFPEngX1.BeginCapture();<br />
<br />
function GetCqryFingerDataCallback(response)
{<br />
var t = response.value.Tables[0];<br />
var FoundPID = "";<br />
for (i=0;i<t.Rows.length;i++)<br />
{<br />
var StoredTemplate = t.Rows[i].FINGERPRINT;
if (ZKFPEngX1.VerFinger(LastCaptureTemplate, StoredTemplate, false, RegFeatureChanged))<br />
{<br />
FoundPID = t.Rows[0].PID;<br />
break;<br />
}<br />
}<br />
}<br />
</script><br />
And here is our vender's SDK documentation:
<br />
VB language expression is used here, and fingerprint template Variant variable show as one-dimension byte arrays.<br />
<br />
Function VerFinger(byval regTemplate, verTemplate, AdoLearning As Boolean, byval AregFeatureChanged As Boolean) As Boolean<br />
<br />
Events: <br />
OnCapture(ActionResult AS Boolean, ATemplate)<br />
When calling VerFinger(), it generate an error: Variant is not an array.I type 'typeof LastCaptureTemplate' in the debug window and it returns 'Unknown'. I think this is because VB array and Javascipt array are Incompatible.
Can any one help me? Any idea will be appropriate. Thanks a lot.
Also thanks CodeProject. I have got a lot of help here.
|
|
|
|
|
:(( <script>
onerror = function(a,b,c) { alert(a+c) }
</script>
<script type="text/javascript">
function _isEmail()
{
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if( reg.test(this.value) )
alert("yes")
else
alert("no")
}
Object.prototype.isEmail = _isEmail
</script>
<input type="text" name="email" id="email" value="sdf@sdf.com" />
<script>
document.getElementById('email').isEmail()
</script>
the above code works well in firefox but not in IE6 or IE7 and i didn't check it in IE8...
i am trying to extend the Object type to add this isEmail method
so that i can call this function on any object like input elements...
since all the elements are basically of the type Object it should work and it works in FF... is there any frame work to do this... what about prototype.org... ??? 
Today's Beautiful Moments are
Tomorrow's Beautiful Memories
|
|
|
|
|
Hello,
I am posting this question again. Please anyone could help me in this matter.
I have a modalpopup where I want to Allow user to add or Modify a record,
On Clicking Modify, the ModalPopup Works properly, showing the record details selected by User for Modification, but on Clicking Add button, the Modalpopup does not show blank controls but displays the same record which was selected for Modification.
Please anyone could tell me how can i refresh the modalpopup to make all controls in the modalpopup blank and then display the popup.
Thanks in Advance.
|
|
|
|
|
It would have been easier if I could see your code... |)
|
|
|
|
|
where is the best place to find viable HTML source code to place add-on's with my website?
|
|
|
|
|
Do you understand what you want, because your question makes no sense. What do you mean by viable html source code - html does not have source code, it just displays.
patrice pilgrim wrote: place add-on's with my website
Do you mean additional pages?
Bob
Ashfield Consultants Ltd
Proud to be a 2009 Code Project MVP
|
|
|
|
|
|
Google? It depends what you are looking for...?
|
|
|
|
|
how I can begin dealing with sitemape control
|
|
|
|
|
mohprog wrote: sitemape
Maybe spell it correctly and then possibly Google[^] "Sitemap Tutorial".
hmmm pie
|
|
|
|
|
Wow, that is the FIRST decent answer I've seen from you yet.
Don't let my name fool you. That's my job.
|
|
|
|
|
Hi,
I have items in a dropdown. The longest piece of text in the dropdown is the length of the dropdown, the is no left space and from the left of the dropdown to left of the dropdown's arrow. How do I get some space in between this?
BrendaN
|
|
|
|
|
|
Yes I have, besides there is no other way to style an HTML by not using css!
|
|
|
|
|
how about using an regular html non-breaking space (" ")?
ie.
<option> item </option>
If I understand your question correctly... If that wasn't it could you re-phrase it.
Neonlight
|
|
|
|
|
Hey,
I guess I can do it like that, but I would prefer to do it with css. I am using the Yahoo User Interface API and they have reset all the html controls, so I am trying to get the dropdown to have some spacing on either side of the text.
Thanks.
|
|
|
|
|
only ones i can think of are your basic
margin
padding &
text-indent
Or you could code one yourself using custom javascript, hidden text fields and the YUI API.
If " " works I'd just use that. it's easier. and if it does the trick....
Neonlight
|
|
|
|
|
Hi,
I am struggling to have some HTML controls vertical centered in a div tag. I'm not sure what to do?
I have a textbox with a button next to it. The button has some padding so it makes it "higher" than the textbox, so instead of the textbox being centered verticlly it is now at the bottom. How do I get it centered to the button? It works fine in Firefox.
Brendan
|
|
|
|
|
Hi Brendan, give this a try
style="vertical-align:middle;"
|
|
|
|
|
Or alternatively make you div s set width and change its margin to auto. i.e.:
<code><div style="width:400px; margin:auto">
This text is centred
</div></code>
Or try absolute positioning?
Neonlight
|
|
|
|
|
Hi Guy
I have a javascript issue.
When i use a page from the same server to call another page from the same server and return info back. I am able to get the result back. however if i call from a page from another server to a page from different server, the page have javascript error indicating Permission denied.
Is there any solution for this issue
Please advise !!
Thanks a million guys
KaKaShi HaTaKe
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
