[jQuery] Horizontal Splitter Problem

<div dir="ltr">Hi,
I have used vertical splitter along with JSF (facelets + richfaces) and YUI - it is working fine and PERFECT. however, I am unable to integerate the horizontal splitter in my code. Can any one plese help me out .. I am attaching the code below. Please someone help me in it ..
<blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"><?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"
 xmlns:ui="<a href="http://java.sun.com/jsf/facelets">http://java.sun.com/jsf/facelets</a>"
 xmlns:h="<a href="http://java.sun.com/jsf/html">http://java.sun.com/jsf/html</a>"
 xmlns:t="<a href="http://myfaces.apache.org/tomahawk">http://myfaces.apache.org/tomahawk</a>"
 xmlns:f="<a href="http://java.sun.com/jsf/core">http://java.sun.com/jsf/core</a>"
 xmlns:rich="<a href="http://richfaces.org/rich">http://richfaces.org/rich</a>"
 xmlns:c="<a href="http://java.sun.com/jstl/core">http://java.sun.com/jstl/core</a>"
 xmlns:a4j="<a href="http://richfaces.org/a4j">http://richfaces.org/a4j</a>">
 
 <ui:composition>
 <ui:debug hotkey="d"/>
 <c:set var="contextRoot" value="#{facesContext.externalContext.request.contextPath}" />
 <head>
 <link type="text/css" rel="stylesheet" href="#{contextRoot}/css/palier.css"/>
 <link type="text/css" rel="stylesheet" href="#{contextRoot}/css/flexiblestyle.css"/>
 <link type="text/css" rel="stylesheet" href="#{contextRoot}/css/reset-fonts-grids.css"/>
 <script src="${contextRoot}/script/webScripts.js" type="text/javascript"></script>
 <script type="text/javascript" src="#{contextRoot}/script/jquery-1.2.6.js"></script>
 <script type="text/javascript" src="#{contextRoot}/script/splitter.js"></script>
 <link rel="stylesheet" type="text/css" href="#{contextRoot}/css/jquery-main.css" />
 <title><ui:insert name="title">Default title</ui:insert></title>
 </head>
 <body style="margin: 0;padding: 0;">
 <f:view>
 <script language="javascript">
 var disableRowClick = false;
 jQuery.noConflict();
 </script>
 
 
 
 <div id="doc3" class="yui-t1">
 <a4j:region id="region">
 
 <div id="hd">
 <ui:include src="header.xhtml"/>
 </div>
 
 <div id="menu">
 <ui:include src="menu.xhtml"/>
 </div>
 
 <div id="bd">
 <div id ="MyTestOne">
 
 
 <div id="flexible-top" class="yui-g">
 
 <div id="flexible-col1" class="yui-u first">
 <ui:include src="leftPage.xhtml"/>
 </div>
 
 
 <div id="flexible-col2" class="yui-u">
 <ui:include src="rightPage.xhtml"/>
 </div>
 </div>
 
 
 
 
 <div id="flexible-bottom" class="yui-g" >
 <t:panelGroup id="bottomTabs" forceId="true" styleClass="fullHeight">
 <c:choose>
 <c:when test="#{genericController.bottomDivStyle != 'flexible-bottom-default'}">
 <div class="bottomColDiv">
 <ui:include src="#{genericController.bottomPage}"/>
 </div>
 </c:when>
 <c:otherwise>
 <ui:include src="#{genericController.bottomPage}"/>
 </c:otherwise>
 </c:choose>
 </t:panelGroup>
 </div>
 
 </div>
 </div>
 
 <rich:jQuery selector="##{genericController.topDivStyle}" name="mysplit" query="splitter({type: 'v',initA: true, minA: 300,maxA: 800})" timing="onload"/>
 <rich:jQuery selector="#MyTestOne" name="horiSplit" query="splitter({type: 'h'})" timing="onload"/>
 <rich:jQuery selector="window" name="windowResize" query="bind('resize', function(){jQuery('##{genericController.topDivStyle}').trigger('resize');}).trigger('resize')" timing="onload"/>
 
 
 
 
 <div id="ft">
 <ui:include src="footer.xhtml"/>
 </div>
 
 </a4j:region>
 </div>
 
 </f:view>
 </body>
 </ui:composition>
 
</html>
</blockquote>
 ..alee
<a href="http://techboard.wordpress.com">http://techboard.wordpress.com</a>
</div>

Topic Participants
mailing.list.mail.id

[jQuery] Horizontal Splitter Problem

[jQuery] Horizontal Splitter Problem

Topic Participants

mailing.list.mail.id