[manjukakkadath]

in the below code i need to traverse each value of object and create html dynamically.

var attr = {"<tr>":"id=tr1","<td>":"id=td1;value=some text here"}

   for ( var key in attrs) { var currentattr=attrs[key]
            if(currentattr.indexOf(";")>-1){
                currentattr=currentattr.split(";")
                jQuery.each(currentattr, function(i, val) {                       
                    var currattr1=val.split("=")
                    var currentattrname,currentattrvalue;
                    currentattrname=currattr1[0]
                    currentattrvalue=currattr1[1]
                    if(currentattrname=="value"){                    
                     $(key).append("some text here ...")
                     }
})
}
}

here im trying to split the input by using split and adding each node to the root to create dynamic html content. I am new to jquery. Please review the code and let me know any modification will make the code more flexible using jquery features.

[Dormilich]

manjukakkadath, on 14 February 2012 - 12:01 PM, said:

var attr = {"<tr>":"id=tr1","<td>":"id=td1;value=some text here"}

er that is more than attributes. and since IDs must be unique, it doesn't qualify as template either.

a more sensible approach would be

var elems = {
  tr : {
    id : "tr1"
  },
  td : {
    id : "td1",
    value : "some text here"
  }
}

[manjukakkadath]

ok..Thanks for providing me a better approach.
But how to traverse through this object?
for eg:I have the below function in which i need to compare "ElmType" to each attribute of the object and if it is present in the object i need to write the code accordingly.

function WriteElement(ElmPaernt,[b]ElmType[/b],ElmID,ElmName,ElmLabel,Elmstyle,ElmDefault,ElmEvent,isChecked) {
    var container = $("#"+ElmPaernt); 
var html = '<input type="'+EmdType+'" id="cb'+EmdID+'" checked="'+isChecked+'" />';
   container.append($(html));
}

ie: so instead of adding attributes of each element manually i can add it by finding the attributes of "elmtype" from the object "elems"

var [b]elems [/b]= {
	  checkbox : {
	    id : "chk1",
            checked:"checked"
	  },
            textbox:{
	    id : "txt1",
            value:"text"
	  }	  
	}

This post has been edited by Dormilich: 14 February 2012 - 06:38 PM
Reason for edit:: removed self-quote

[Dormilich]

I think you try to put too much into a function here.

var attr = {
    type: "checkbox",
    id: "chk1",
    checked: "checked"
}

// and then using a function
$parent.append(makeElement("input", attr));

[manjukakkadath]

sorry..i am not clear what you said.can you please give me a detailed explanation?

var elems= {
	      checkbox : {
              id : "chk1",
	      checked:"checked"
	      }  
	    }

how to access the value of id from the above object? so that i can refer the object attributes in makeelement.

This post has been edited by Dormilich: 14 February 2012 - 06:57 PM
Reason for edit:: please use [CODE] [/CODE] tags when posting code

[Dormilich]

like you would do on any standard Javascript object.

[manjukakkadath]

in javascript

elems.Checkbox.id

will give the result. But its not working in jquery.

[Dormilich]

mind that Javascript is case-sensitive. the above call wouldn’t work.

[manjukakkadath]

 var elems ={
	     Checkbox : {
	    id : "chk1",
	    value : "checked"
	  }
	  
	}

alert(elems.Checkbox.id)

is giving me the value "chk1"
i just want to know how to do the same in jquery.
Please help.

[Dormilich]

that’s a different code you posted now …

I don’t understand what you mean by "do the same in jQuery". jQuery *is* Javascript.

This post has been edited by Dormilich: 14 February 2012 - 07:54 PM

[manjukakkadath]

in jquery i had seen lot of functions like

content.find

and

object.get

. But none of them are working here.

[Dormilich]

obviously, because they are not intended for your purpose. just use the Javascript syntax.

[manjukakkadath]

why contents().find("elems").find("Checkbox").attr("id")

is not working?

[Dormilich]

do you know what .find() is supposed to do?

[manjukakkadath]

it will search for the elements mentioned in the paranthesis.