1 Reply Latest reply on Jan 1, 2012 6:05 AM by typek_pb

richfaces 4.1 with jquery problem

typek_pb Dec 31, 2011 9:47 AM

hi all,

how can I use richfaces 4.1 with jquery?

I'm trying to show some alert on page load. But it doesn't work for me for some reason.

I'll post full page so that it's clear.

Thanks in advance.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<f:view contentType="text/html">

<h:head>

<rich:jQuery />

jQuery(document).ready(function() {

alert('bbb');

});

</script>

</h:head>

<h:body>

aaa

</h:body>

</f:view>

</html>

1. Re: richfaces 4.1 with jquery problem

typek_pb Jan 1, 2012 6:05 AM (in response to typek_pb)

OK, I've found the solution myself. Just to document for others that might face the same problem,
key seems to be usage of:
<rich:jQuery />
and
<h:outputScript>

working one follows:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j">
<f:view contentType="text/html">
    <h:head>
        <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
        <rich:jQuery />
    </h:head>
    <h:body>
        <h:outputScript library="javascript" target="head">
            jQuery(document).ready(function() {
                alert('bbb');
            });
    </h:outputScript>

    </h:body>
</f:view>
</html>
Actions