how to hide a div inside a table.

[snell]

I want to hide a div which is inside a table .

var tableString = "<div><table border=\"8\" cellpadding=\"6\" cellspacing=\"4\"><tr>";

for(var ii=0;ii<noOfWidgets;ii++)
			{

st2= "\'" + st2 + "\'";
			 var ii_string = ii + "";
			tableString =tableString.concat('<div id= '+ii_string+'><td><IMG SRC='+'\"'+st+'\" onclick="' + this.getCompleteiContextIdentifier() +'.iScope().onmyClick('+st2+','+ii_string+','+noOfWidgets+');" /></td></div>');
}
		tableString = tableString.concat("</tr></table></div>");
		element.innerHTML = tableString;
},
	onmyClick : function(widget_id,currentWidget,noOfWidgets){
		currentWidget_string= currentWidget+ "";
		for(var i=0;i<noOfWidgets;i++){
	  if(i==currentWidget)
	  { 
	  alert(this.iContext.getElementById(currentWidget_string).innerHTML);
	  this.iContext.getElementById(currentWidget_string).style.display= 'none';
	  }
	  else
	  this.iContext.getElementById(currentWidget_string).style.visibility = 'visible';
		}	  
}

[RamananKalirajan]

Hi Snell,
You want to hide the div <div id= '+ii_string+'> inisde the table element you have created dynamically. If you want to maintain the space means use style.visibilit y='hidden' if u dont want to maintain the space use style.display=' none' for that div.

Ex Code:

document.getElementById(divId).style.visibility='hidden';
document.getElementById(divId).style.display='none';

Thanks and Regards
Ramanan Kalirajan

[snell]

Thanks Ramanan.

Its working now .. :)