Folks,
I have my tapestry script oriented now and rendering beautiful javascript
from within my @Head derivative (custom head component). I am pleased with
these framework features.
One of the methods in my custom head is header (ie. getHeader()) and this is
just a background image placed in the top portion of the page utilizing app
fuses css-framework (header, content, footer) I am just populating those
div's with imagery.
But I have a problem with populating this header image. On condition it is
smaller than the content box it does not stretch and I am not about to
oversize it for automatic reduced scaling.
So now I use JSON and Tapestry Script.
Here is my problem...
PROBLEM: During the render cycle I need to determine what the actual width
of the content box is and populate that to my javascript in order to resize
my image to that content box width.
Here is my question...
QUESTION: Which interface method should I override and which part of the
request cycle (if any) should I attempt to interrogate in order to properly
gather the correct content box dimensions that the response will render?
I am also curious about which of these I should attempt to exercise and what
their content may be.
Customhead.JAVA (renders nice now... I need real time scaling)
public abstract IRender getDelegate();
public abstract IRender getAjaxDelegate();
@Override
public void renderComponent(IJSONWriter writer, IRequestCycle cycle)
@Override
protected void renderComponent(IMarkupWriter writer, IRequestCycle
cycle)
Any direction here is appreciated.
thanks
Below is my current proto for SCRIPT.
Customhead.script
================
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE script PUBLIC
"-//Apache Software Foundation//Tapestry Script Specification 4.0//EN"
"http://jakarta.apache.org/tapestry/dtd/Script_4_0.dtd";>
<script>
<!-- E-Frastructure inputs from @Script in the template -->
<input-symbol key="component" class="org.trails.demo.AdminLayout"
required="no"/>
<body>
<unique>
dojo.require("tapestry.widget.Widget");
dojo.require("dojo.widget.*");
dojo.require("dojo.html");
</unique>
function scaleHeader() {
var elementId = 'header';
var headerElement = document.getElementById(elementId);
var cb = dojo.html.getContentBox(headerElement);
var cb = dojo.html.getPaddingBox(headerElement);
var bb = dojo.html.getBorderBox(headerElement);
var mb = dojo.html.getMarginBox(headerElement);
}
</body>
<initialization>
window.onload = scaleHeader();
</initialization>
</script>
_________________________________________________________________
Share your special parenting moments!
http://www.reallivemoms.com?ocid=TXT_TAGHM&loc=us
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
