jquery not working

[ajanz]

i use richfaces 3.3.3

the following code does not work. but why?

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/template.xhtml">

    <ui:define name="body">

        <div id="resize" style="background-color:yellow;width:200px;height:200px" />
        <rich:jQuery query="#resize" timing="onload" selector="resizable()"></rich:jQuery>
    </ui:define>
</ui:composition>

[ajanz]

hups little mistake changed selector and query but doesn't work

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/template.xhtml">

    <ui:define name="body">
   
        <div id="resize" style="background-color:yellow;width:200px;height:200px" />
        <rich:jQuery query="resizable()" timing="onload" selector="#resize"></rich:jQuery>
    </ui:define>
</ui:composition>

[ilya_shaikovsky]

have you added plugin script resources?

[ajanz]

it's not a plugin

http://jqueryui.com/demos/resizable/

or am i wrong?

[ilya_shaikovsky]

The jQuery UI Resizable plugin makes selected elements resizable (meaning they have draggable resize handles). You can specify one or more handles as well as min and max width and height.

[ajanz]

sorry, but what is missing?

i thougt it's part of jquery and so ready to use.

[ajanz]

still struggling with that.

could someone help?

[ilya_shaikovsky]

just download jquery.ui and add as resource dependency using h:outputStylesheet. (do not add jQuery because it will be loaded by RF)

http://jqueryui.com/docs/Getting_Started