Screen Size Matters: HTML code

RealRectangles.com
> Screen Size Matters HTML code

Screen Size Matters HTML code

To use the Screen Size Matters interactive charts on your Web site, use the following HTML snippet:

<script type="text/javascript"><!--

var m1176376731937ud2wi6jo = new Object();

function inpCheck(inpb)
{
    if(inpb.checked)
    {
        m1176376731937ud2wi6jo[inpb.name] = inpb.value;
    }
    else
    {
        m1176376731937ud2wi6jo[inpb.name] = null;
    }
}

function getMapAsParams()
{
    var res = "";
    for (var p in m1176376731937ud2wi6jo)
        res += "&"+ p + "="+m1176376731937ud2wi6jo[p];

return res;
}

function doLoad(containerName)
{
    var children = document.getElementById(containerName).childNodes;
    for(var i = 0; i < children.length; i++)
    {
        var ch = children[i];
        if(ch.tagName == 'INPUT')
        {
            inpCheck(ch);
        }
    }
    revalidateImage();
    //alert("onLoad()");
}

function doClick(inpb)
{
    //document.body.style.cursor = 'wait';
    inpCheck(inpb);
    revalidateImage();
    //document.body.style.cursor = 'auto';
}

function revalidateImage()
{
    var img = document.getElementById('1176376731937w5yu4r6f');
    img.src='http://www.realrectangles.com/painterServlet?V=1&imgw=600&imgh=400'
            + getMapAsParams();
}

// -->
</script>

<div style="float: left; padding: 1em;">
    <h3 style="background-color:silver; text-align: center;">12"</h3>
    <div id="11763767319374aidfx7d">

<input type="checkbox" name="I1" value="1"
               onclick="javascript:return doClick(this);" checked>
        — XGA (1024×768)<br>

<input type="checkbox" name="I2" value="5"
               onclick="javascript:return doClick(this);" >
        — WXGA (1280×800)<br>
    </div>
</div>

<div style="float: left; padding: 1em;">
    <h3 style="background-color: silver; text-align: center;">13"</h3>
    <div id="1176376731953x75azfe6">

<input type="checkbox" name="I6" value="9"
               onclick="javascript:return doClick(this);" >
        — SXGA (1280×1024) <br>

<input type="checkbox" name="I7" value="2"
               onclick="javascript:return doClick(this);" >
        — XGA (1024×768) <br>

<input type="checkbox" name="I8" value="6"
               onclick="javascript:return doClick(this);" >
        — WXGA (1280×800) <br>

<input type="checkbox" name="I9" value="16"
               onclick="javascript:return doClick(this);" >
        — WSXGA (1440×900) <br>
    </div>
</div>

<div style="float: left; padding: 1em;">
    <h3 style="background-color: silver; text-align: center;">14"</h3>
    <div id="11763767319535tv844zh">

<input type="checkbox" name="I16" value="10"
               onclick="javascript:return doClick(this);" >
        — SXGA (1280×1024) <br>

<input type="checkbox" name="I17" value="3"
               onclick="javascript:return doClick(this);" >
        — XGA (1024×768) <br>

<input type="checkbox" name="I18" value="7"
               onclick="javascript:return doClick(this);" checked>
        — WXGA (1280×800) <br>

<input type="checkbox" name="I19" value="17"
               onclick="javascript:return doClick(this);" >
        — WSXGA (1440×900) <br>
    </div>
</div>

<div style="float: left; padding: 1em;">
    <h3 style="background-color: silver; text-align: center;">15"</h3>
    <div id="1176376731968z0ctcyg8">

<input type="checkbox" name="I26" value="11"
               onclick="javascript:return doClick(this);" >
        — SXGA (1280×1024) <br>

<input type="checkbox" name="I27" value="4"
               onclick="javascript:return doClick(this);" >
        — XGA (1024×768) <br>

<input type="checkbox" name="I28" value="21"
               onclick="javascript:return doClick(this);" >
        — UXGA (1600×1200) <br>

<input type="checkbox" name="I29" value="8"
               onclick="javascript:return doClick(this);" >
        — WXGA (1280×800) <br>

</div>
</div>

<div style="float: left; padding: 1em;">
    <h3 style="background-color: silver; text-align: center;">17"</h3>
    <div id="1176376732156doxyjkhj">

<input type="checkbox" name="I36" value="12"
               onclick="javascript:return doClick(this);" >
        —  SXGA (1280×1024) <br>

<input type="checkbox" name="I37" value="15"
               onclick="javascript:return doClick(this);" >
        —  SXGA+ (1400×1050) <br>

<input type="checkbox" name="I38" value="19"
               onclick="javascript:return doClick(this);" >
        —  WSXGA (1440×900) <br>

<input type="checkbox" name="I39" value="23"
               onclick="javascript:return doClick(this);" >
        — WUXGA (1920×1200) <br>

</div>
</div>

<p style="clear: both; padding-top: 2em;" align="center">
    <img id="1176376731937w5yu4r6f"
         src="http://www.realrectangles.com/painterServlet?V=&imgw=&imgh="
         alt="RealReactangles.com Image">
</p>

<script type="text/javascript"></script>

© Copyright 2007 UCWare.com. All rights reserved.
Contact: support@ucware.com.