Web Development

create a nested table with javascript

15-Mar-09 23:28

You might also be able to find a flat file script that will do what you want (A flat file is just a text file that holds all your data - not a database).

Try searching google for: "flat file guestbook"

Neonlight

emilio_ts14-Mar-09 5:17

emilio_ts

14-Mar-09 5:17

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 ?

Re: create a nested table with javascript

tech60318-Mar-09 16:10

tech603

18-Mar-09 16:10

Jquery has an assortment of things that could possibly help you with what you are trying to do. If your trying to have a collapsible table you may want to look at something like this.

Demo here

http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm[^]

Main Link

http://blog.pengoworks.com/index.cfm/2008/3/28/Finished-jQuery-Tablesorter-mod-for-Collapsible-Table-Rows[^]

Also if you do a google search on jquery you may find other things that may help you out.

Hope this helps.

Matthew Vass
QA Analyst
mvass@hostmysite.com
http://www.hostmysite.com?utm_source=bb[^]

Re: create a nested table with javascript

emilio_ts19-Mar-09 0:52

emilio_ts

19-Mar-09 0:52

i'l check it out.
thanks

Re: create a nested table with javascript

Naruki23-Mar-09 20:20

Naruki

23-Mar-09 20:20

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.

Type Incompatible When Calling ActiveXObejct's Method in Web Page

Xiaoming Qian12-Mar-09 17:20

Xiaoming Qian

12-Mar-09 17:20

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 />
    //Call a Web Server's method<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) //Web Server method call complete<br />
    {<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; //FINGERPRINT is byte arrays(JavascriptType)<br />
        // VerFinger generate an error: Variant is not an array<br />
        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.

Object cannot be extended in IE - Object does not support this property or method

Jayapal Chandran11-Mar-09 22:22

Jayapal Chandran

11-Mar-09 22:22

 :(( <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... ??? Cry | :((

Today's Beautiful Moments are
Tomorrow's Beautiful Memories

Add/Edit in ModalPopupExtender

VikashGohil11-Mar-09 20:56

VikashGohil

11-Mar-09 20:56

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.

Re: Add/Edit in ModalPopupExtender

StianSandberg12-Mar-09 2:50

StianSandberg

12-Mar-09 2:50

It would have been easier if I could see your code... |)

---------------
www.serverside.no

html source code

patrice pilgrim11-Mar-09 9:48

patrice pilgrim

11-Mar-09 9:48

where is the best place to find viable HTML source code to place add-on's with my website? Confused | :confused:

Re: html source code

Ashfield12-Mar-09 2:38

Ashfield

12-Mar-09 2:38

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

Re: html source code

Mohammad Dayyan13-Mar-09 3:53

Mohammad Dayyan

13-Mar-09 3:53

What do you mean ?
Did you mean something like Google Gadget ?

http://www.google.com/ig/directory?synd=open[^]

Re: html source code

Marc Firth15-Mar-09 23:30

15-Mar-09 23:30

Google? It depends what you are looking for...?

Neonlight

question

mohprog11-Mar-09 6:42

mohprog

11-Mar-09 6:42

how I can begin dealing with sitemape control

Re: question

fly90411-Mar-09 11:43

fly904

11-Mar-09 11:43

mohprog wrote:
sitemape

Maybe spell it correctly and then possibly Google[^] "Sitemap Tutorial".

hmmm pie

Re: question

Naruki23-Mar-09 20:21

Naruki

23-Mar-09 20:21

Wow, that is the FIRST decent answer I've seen from you yet.

Don't let my name fool you. That's my job.

Padding in dropdown

Brendan Vogt11-Mar-09 6:29

11-Mar-09 6:29

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

Marc Firth15-Mar-09 23:31

15-Mar-09 23:31

you tried css?

Neonlight

Brendan Vogt16-Mar-09 5:41

16-Mar-09 5:41

Yes I have, besides there is no other way to style an HTML by not using css!

Marc Firth16-Mar-09 5:55

16-Mar-09 5:55

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

Brendan Vogt16-Mar-09 5:58

16-Mar-09 5:58

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.

Marc Firth16-Mar-09 6:02

Vertical Alignment in divs

16-Mar-09 6:02

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

Brendan Vogt11-Mar-09 6:26