Hy, thanks for your code, I need suggestions since when I converted my code generator application to use facelets templating (on jboss seam). Previously we was not using facelets, and your snippet worked greatly, now we're experiencing these troubles with resizable elements of yours:
- the div is shown only when not selected, as you click it becomes white.
- the 8 resize handlers never show, we can se only the south-east one but stick on north-west.
- you can resize the div (that looks like a white shadow so you gotta presume the position) by dragging wherever on it, but you can resize only pulling it south-east, like if all the div becomes a big s.east resize handler.
I did not modify your code in any part, just placed your demo in a static template.
the template, is made up by two big div (header and body-content) wich <ui:include other pages dinamically) and looks like this.
[...]
<title>#{title}</title>
</head>
<body onload="javascript:onLoadCalls()">
<ui:insert name="header">
<ui:include src="base-header.xhtml"/>
</ui:insert>
<ui:insert name="body">just a template</ui:insert>
</body>
[...]
then I call on jboss a page.seam wich feeds this template above's body with other xthml containing your script. this is the page that actually shows your example 3 divs (just one for 2000 char msg limit ^_O ):
<a4j:form id="form3" >
<div class="drsElement"
style="left: 50px; top: 150px; width: 250px; height: 120px;
background: #Ff00fF; text-align: center;position:absolute;">
XXXX
</div>
<a4j:outputPanel ajaxRendered="true" id="Label_1202316161546">
<h:outputText id="Label_1202316161546_id" rendered="true" styleClass="Label_1202316161546"
value="#{label.Label_1202316161546}">
</h:outputText>
</a4j:outputPanel>
</a4j:form>
thanks for your help!