[Laszlo-user] changing background color of one html-iframe affects all iframes

Wed Feb 18 08:46:09 PST 2009

Hi Marc,

Can you file a bug with this testcase in http://jira.openlaszlo.org/ so 
we can track this?  Please note the browser and runtime (swf8/dhtml) 
that you're seeing the issue in.  Thanks!

Bachstein, Marc wrote:
> Hello,
> 
> I have several iframes and I want each iframe to have a different background color.
> 
> My source code is at the end.
> 
> When I set the background color of one html-iframe, the background color of every iframe changes.
> Now I wonder whether all iframes have the same iframeID.
> 
> (I am using OpenLaszlo version 4.1.1)
> 
> Kind Regards,
> Marc
> 
> ------
> 
> <canvas height="1000" width="1000">
> 	<view width="210" height="210" bgcolor="0xDDDDDD">
> 		<html width="200" height="200" y="5"  x="5" id="myHTML1"/>
> 	</view>
> 
> 	<view width="210" height="210" x="250" bgcolor="0xDDDDDD">
> 		<html width="200" height="200" y="5" x="5" id="myHTML2"/>
> 	</view>
> 	
> 	<!-- work around for Bug LPP-6911: -->
>     <method name="_setIframeContent" args="iframeID, content, backgroundColor" ><![CDATA[
>         var js;
>     	Debug.write("display with background color = "+backgroundColor);
>     	js = "window.__seticontent = function (iframeID, content) {document.getElementById(iframeID).contentWindow.document.body.innerHTML=content;"
>     			+ "document.getElementById(iframeID).contentWindow.document.body.style.backgroundColor=\""+backgroundColor+"\"; }";
>         
>         if ($dhtml) {
>             //LPP-6911
>             eval(js);
>         } else {
>             LzBrowserService.LzBrowser.loadJS(js);
>         }
>         LzBrowserService.LzBrowser.callJS("window.__seticontent", false, iframeID, content);
>     	]]>
>     </method>		
> 	
> 	<button name="myButton" width="100" height="100" x="550" text="fill iframes">
> 		<handler name="onclick"><![CDATA[
> 			
> 			/* fill first iframe with content */
> 			var myHTML = "<HTML><HEAD></HEAD><BODY>Hello</BODY></HTML>";
> 			Debug.write("html content (1) = "+ myHTML);
> 			var theiframeID = myHTML1.iframeid;
> 			//parent._setIframeContent(theiframeID, myHTML, "yellow");
> 			parent._setIframeContent(theiframeID, myHTML, "green");
> 			
> 			/* fill second iframe with content*/
> 			myHTML = "<HTML><HEAD></HEAD><BODY>Ciao</BODY></HTML>";
> 			Debug.write("html content (2) = "+ myHTML);
> 			theiframeID = myHTML2.iframeid;
> 			//parent._setIframeContent(theiframeID, myHTML, "green");
> 			parent._setIframeContent(theiframeID, myHTML, "yellow");
> 			
> 			]]>						
> 		</handler>
> 	</button>
> </canvas>

-- 
Regards,
Max Carlson
OpenLaszlo.org