What I want to accomplish is similar to this, have a drop-down field for each myLayout.cells and change cell frame content base on user dropdown selection. Is this possible?
<html>
<body>
<form name="change">
<SELECT NAME="options" ONCHANGE="document.getElementById('youriframe').src = this.options[this.selectedIndex].value">
<option>choise</option>
<option value="http://microsoft.com">Microsoft</option>
</SELECT>
<iframe name="iframe" id="youriframe" src="yahoo.ca"></iframe>
</body>
</html>
<script>
var myLayout;
function doOnLoad() {
myLayout = new dhtmlXLayoutObject({
parent: "layoutObj",
pattern: "5W",
skin: "dhx_web"
});
// iframe, get
myLayout.cells("a").setText("Test");
myLayout.cells("a").attachURL("www.google.com");
myLayout.cells("b").setText("Test");
myLayout.cells("b").attachURL("www.youtube.com");
myLayout.cells("c").setText("Test");
myLayout.cells("c").attachURL("http://www.facebook.com");
myLayout.cells("d").setText("Test");
myLayout.cells("d").attachURL("http://www.yahoo.com");
myLayout.cells("e").setText("Test");
myLayout.cells("e").attachURL("http://www.twitter.com");
}
function doOnUnload() {
if (myLayout != null && myLayout.unload != null) {
myLayout.unload();
myLayout = null;
}
}
</script>
<body onload="doOnLoad();" onunload="doOnUnload();">
<div id="layoutObj"></div>