JSF/AJAX vs JSON-RPC/AJAX

Has anyone directly compared these two approaches to rich internet client applications? I am in the process of choosing a technology base for AJAX applications, and see some attraction in the lighter weight of JSON, and the direct access to java objects from javascript looks appealing and much simpler than JSF. It does appear that the JSON-RPC-Java approach will require the client js to handle all of the UI events. How much effort in this area does JSF save?

I should have been more clear.
On the https://bpcatalog.dev.java.net page in the left navbar is a link to the CVS repository "Version control - CVS", click on it. Then there is a link "Setup CVS command line client" that leads you to a the page ( https://bpcatalog.dev.java.net/servlets/ProjectSource) that you will have to login to see. This page tells you how to connect and download with CVS.
I have summarized the page content below:
Hope this helps - Thanks - Mark
To use WinCvs to check out your own set of source code files, you must first set up the correct cvs root using the following steps.
1. Launch WinCvs and select Admin - Preferences. Enter the CVSroot:
:pserver:[email protected]:/cvs
Click OK.
2. If this is your first cvs checkout, create a folder in Windows Explorer to hold all of your cvs project folders. Then create a subfolder for this project. (You may even want to create separate subfolders for each module if you're working in more than one.)
3. In WinCvs, select Admin - Login and enter your CVS password.
4. Click on the left window in the program and select a folder. Then select Create - Checkout Module. Select the project folder you created earlier.
5. Enter the project module name and click OK. You should see a scrolling list of filenames as these are created in your folder(s).
6. Repeat the module creation process for each additional cvs module you wish to check out.

Similar Messages

AUR3 [aur-pyjs] implementation in python (pyjs) + JSON-RPC

Welcome to AUR3.
available (pre-alpha)...
http://aur.archlinux.org/packages.php?ID=38359
QUICKSTART
1) install
# http://aur.archlinux.org/packages.php?ID=38359
2) run
# /usr/lib/aur-pyjs-git/aur serve -f
3) view
# http://127.0.0.1:8000/Aur.html
INTRODUCTION
This is a reimplementation of the AUR using a widget toolkit known as Pyjamas (http://pyjs.org). Client-side code (to run in web browsers) is written and maintained in python; when deploying to production, the python sources are compiled/translated to 100% pure javascript. The resulting javascript code can be ran on any major browser. When deployed, this is a 100% pure javascript application... thus, javascript is required, else you will see only a blank page.
WHY PYJS?
1) anyone that knows python can write clean, maintainable client-side code
2) eliminates the need to know the umpteen inconsistencies amongst browsers
3) via pyjamas-desktop, the app runs as 100% pure python, as a true desktop app, with no modifications
4) back-ends are JSON-RPC; allows back-ends to be written in any language, and enforces a clean separation
PROJECT STATUS
1) FRAMEWORK
[complete] basic URL dispatcher
[complete] load new content pages with cache support
[new] create generic URL-to-module dispatcher (like cherrypy/etc.)
2) SHELL
[complete] pixel perfect to other sections of the site
[complete] links/titles/copyright in place
3) BASIC SEARCH
[complete] search front-end
[incomplete] perform search front-end
[incomplete] perform search back-end
4) ADVANCED SEARCH
[complete] define toggles
[incomplete] define filters
[incomplete] define sorts
[incomplete] enable/enforce limits
[complete] search front-end
[incomplete] perform search front-end
[incomplete] perform search back-end
5) LANGUAGES
[incomplete] Language.py module methods
[incomplete] language JSON-RPC backend (preferred), or hardcode in Language.py
[incomplete] replace hardcoded text with calls to Language module
6) HOME
[complete] create page
[incomplete] introduction/disclaimer
[incomplete] recent updates front-end
[incomplete] recent updates back-end
[incomplete] statistics front-end
[incomplete] statistics back-end
7) BROWSE/SEARCH/MY PACKAGES
[complete] create page
[incomplete] paginating results front-end
[incomplete] paginating results back-end
8) VIEW PACKAGE
[incomplete] create page
[incomplete] package details front-end (name/link/desc/deps/files/etc.)
[incomplete] package details back-end
[incomplete] list comments front-end
[incomplete] list comments back-end
[incomplete] add comment front-end
[incomplete] add comment back-end
9) ACCOUNTS
[incomplete] create page
[incomplete] create/edit account front-end
[incomplete] create/edit account back-end
10) SUBMIT
[incomplete] create page
[incomplete] submit package front-end
[incomplete] submit package back-end
PYJAMAS-DESKTOP ONLY (as python)
1) INSTALL
[incomplete] add 'install' links (view/browse/search pages)
[incomplete] install status/details front-end (GUI)
[incomplete] python module "back-end" to download packages + dependencies and install
GET INVOLVED
1) set up a development environment + pyjs sandbox at ~/aur-pyjs...
# /usr/lib/aur-pyjs-git/aur sync ~/aur-pyjs
# cd ~/aur-pyjs
2) update pyjamas anytime by running...
# ./aur sync
3) generate the AUR...
# ./aur trans
4) view the AUR...
# ./aur serve -f
# http://127.0.0.1:8000/Aur.html
5) create a package based on remote git master...
# ./aur pkg
6) create a package based on your local git master...
# ./aur pkg -l
7) create a package based on your local git master AND install it...
# ./aur pkg -li
All of the commands support a 'help' and 'usage' parameter:
# ./aur help
Usage: aur-pyjs COMMAND [help|OPTION]...
Develop, translate, package, and serve AUR3
COMMANDs:
pkg build package from local/remote master; opt. install; opt. upload
sync bootstrap/update local/target devel environment
trans translate python sources to javascript for deployment
serve lastest local build at http://localhost:8000
# ./aur pkg help
Usage: aur-pyjs pkg [-l] [-i] [-u]
Package local/remote build and optionally install and/or upload to AUR legacy
Options:
-l favor local source over remote
-i install package locally
-u upload to AUR legacy after building
LAST WORDS
yes. I hope this to become the official AUR, and/or some other directions [1]
yes. running as a python desktop app, you will be able to install packages directly
yes. project is active; tentative completion date, ~October 2010
possibly. I'd like to make it capable of running independently, managing the local system
no. project is not a revived incarnation of other attempts
) advanced search will be restricted
) SOMEONE CAN START BUILDING JSON-RPC BACKENDS NOW
) PHP and MySQL s_ck. If I do it, the back-ends will be python ( + git/sqlite/couchdb)
) feedback appreciated
) to contribute, fork on github and send me a request.
C Anthony
[1] http://bbs.archlinux.org/viewtopic.php?id=90970
Last edited by extofme (2010-09-12 23:37:47)

Xyne wrote:Sorry for being too lazy right now to check myself, but would this require that Javascript be enabled to use the AUR or does Pyjamas gracefully fall back to plain HTML?
heh, yeah i purposefully wasn't mentioning that at this point .
no, it is not able to fall back to plain old HTML. there was/is a project, pyjamas-server or something, where the backend/server would run the app as python (i think, might have been spidermonkey), compute the DOM, then spit the result to the client/browser as an HTML document. every time you did an "action" (clicked something/whatever), you would make a new request to the server, it would do the action for you, then spit back the result. i'm not sure completely how it worked, but the biggest problem was that in order to maintain a "state" from the clients perspective (simply retaining variables/etc.), a permanent/daemon process was required on the server. this daemon would essentially be doing the same thing a client browser would have done, had javascript been enabled, but the daemon is doing it for _every_ client that doesn't support JS. the other option was to serialize/deserialize the entire state after each request, but that's slow
i have some hope for this in the future, but ATM it's not here. although, it may be easy to "snapshot" points in a running pyjamas app, and save the DOM. this could then be served up, and could reuse the same CSS as the JS version; i believe this is sort of how the new test suite in pyjs works, but i'm not sure.
the other option would be to just create a super simple HTML only version, maybe try to reuse the CSS, i dunno. i've done manual web development for so long, that frankly i stopped caring about supporting 15 browsers and degrading gracefully to 10 different levels of functionality, it's just too much, and drives you mad wasting time. this is why i love pyjamas; it takes care of the top 5 browsers or so, and others usually work fine. so, i make a full functioning version, and a super crappy basic HTML version that does the bare minimum; if you don't like it, enable JS. with the advent of HTML5 and the JS API's, JS will start to become a hard requirement anyways i think.
that was my long winded way of saying "no".
Xyne wrote:Regardless, it seems that you have a good vision for this project and I hope that your enthusiasm for it continues. I know that it can be somewhat discouraging when initially met with nay-saying and/or a seeming lack of interest.
thanks, and yeah it can be. haha i thought people would be all over the idea of a new AUR, esp. one capable of running as a desktop app/installing with one click. thats why i made it so easy to bootstrap a dev environment. but meh, i code because i enjoy it, so i keep doing it cuz it feels gooooood.
C Anthony

JSON/RPC

Hello everyone
Can anybody point me toa working implementation of JSON-RPC for iPhone? I found a couple of JSON libraries (BSJSON and TouchJSON) - but not any implementation of the "RPC" part. I need to do JSON-RPC over http-post, btw.
help would be highly appreciated!
/morten

Anyone ?

Json rpc and json rpc cpp integration

hi frnds,
I am new with json rpc and json rpc cpp, all i just need a way to talk to c++ code from my servlet/jsp without using jni, i got following link by searching on google but not able to implement it, so i am looking for json rpc with json rpc cpp
http://www.ibm.com/developerworks/webservices/library/ws-xml-rpc/
thanks in advance
Irfan

Anyone ?

JSF 2.0.1 + j:ajax + inline script

Hi,
I am having problems with using inline <script> code in a .xhtml pages when using <j:ajax> in the page which forwarded the client's browser to the new page.
index.xhtml:
          <h:form prependId="false">
               <h:commandButton value="Connect" action="#{mybean.connect}">
                    <f:ajax ...>
               </h:commandButton>
          </h:form>
Then the client gets forwarded ( the connect method of Mybean returned "connected")
connected.xhtml:
          <f:verbatim>
               <style type="text/css">
                    .ui-widget-content { margin: 0 1em 1em 0; padding: 0.4em; }
                    .ui-widget-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
                    </style>
               <script type="text/javascript">
               $(function() {
                    $("#panelFilterList").resizable({
               </script>
          </f:verbatim>
The problem is that the <script> part of the page connected.xhtml is not "executed" on the client side. On the other hand, the <style> part is successfully rendered.
When removing the "<f:ajax ...>" code from the page index.xhtml, then the javascript code is executed on connected.xhtml.
I've read the post which I think is related to my issue: http://www.jroller.com/HazemBlog/entry/jsf_2_0_ajax_problem
Jim Driscoll says in the comment that it has been fixed.
Does anyone know how to have the client to actually execute the javascript code in the second page?
Thanks

Thank you very much for having taken the time to look at my message. I do appreciate a lot.
I have narrowed my issue the most I can and now I am wondering if this is a Firefox issue, because it works in IE8.
Concerning the JS libraries that I am using, these are JQuery and JQuery UI.
Here is the code that can be used to reproduce the issue:
main-templace.xhtml :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core">
     <html>
          <h:head>
               
               <title>#{pageTitle}</title>
               <link type="text/css" href="./css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
               <script type="text/javascript" src="./js/jquery-1.3.2.min.js" />
               <script type="text/javascript" src="./js/jquery-ui-1.7.2.custom.min.js" />
               <script type="text/javascript" src="./js/utils.js" />
          </h:head>
          <h:body>
             <ui:insert name="content" />
          </h:body>
     </html>
</f:view>index.xhtml :
<ui:composition template="main-template.xhtml"
             xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
             xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:f="http://java.sun.com/jsf/core">
    
    <ui:param name="pageTitle" value="Home" />
    <ui:define name="content">
          <h:form prependId="false">
                    <h:commandButton value="Connect" action="#{bean.connect}">
                         <f:ajax render="ajaxResultMessage" onevent="randomNameJSF_TEST" />
                    </h:commandButton>
                    <h:outputText id="ajaxResultMessage" value="#{bean.msg}" />
          </h:form>
    </ui:define>
</ui:composition>connected.xhtml :
<ui:composition template="main-template.xhtml"
             xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
             xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:f="http://java.sun.com/jsf/core">
    
    <ui:param name="pageTitle" value="Home" />
    <ui:define name="content">
          <style type="text/css">
               #resizable { width: 150px; height: 150px; padding: 0.5em; }
               #resizable h3 { text-align: center; margin: 0; }
               </style>
               <script type="text/javascript">
               $(function() {
                    $("#resizable").resizable();
               </script>
          <div id="resizable" class="ui-widget-content">
               <h3 class="ui-widget-header">Resizable</h3>
          </div>
    </ui:define>
</ui:composition>utils.js :
function randomNameJSF_TEST(data) {
}Bean.java :
package myorg.mypackage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean
@SessionScoped
public class Bean {
     private String msg = "...";
     public String getMsg() {
          return msg;
     public String connect() {
          msg = "Connected!";
          return("connected");
}Here is what i do to visualize the issue:
1/ Package the whole project in a .war
2/ Deploy in Tomcat
3/ Point Firefox 3.5.3 to http://localhost:8080/test/index.xhtml
4/ Click on the "Connect" button.
5/ There should be a panel on the new page. If the panel is resizable then everything is OK, otherwise something has to be wrong somewhere.
Currently, and with this code, I am unable to resize the panel with Firefox, while I am able to resize it with IE8. The javascript code inside the connected.xhtml page was entirely copied and paste from the following demo's source code http://jqueryui.com/demos/resizable/.
IF the following line is removed from the main-template.xhtml :
               <script type="text/javascript" src="./js/utils.js" />Then I am able to resize the panel in Firefox.
I will upload later this evening the whole project in a .ZIP file including all the files and a pom.xml for buidling this project with maven.

JSF Components (Woodstock, Richfaces) Vs. Ajax Component (YUI, JMaki)

Hello. I am pretty new in the Web 2.0 development. I started learning JSF 1.2 and I like it. I also found interesting by using Sun�s Woodstock, JBoss�s Richfaces and Oracle�s ADF components.
There are also so many Ajax libraries out there like JMaki, YUI (Yahoo), DWR. Now my question would be, is there any advantages using pure Ajax component like YUI to create GUI then using Richfaces or ADF? Please keep this in mind that I still want to use JSF architecture for the backend.
Thanks much
Hobi
Oklahoma, USA

http://hobione.wordpress.com/2008/02/22/jsf-drag-n-drop-with-jdeveloper-11g/

Json and (ajax?) dynamic content

does anybody know how to reload a part of a page eg (<div></div>) containing a jason feed.
Maybe something like that, but the content does not refresh:
var Cmp
function CmpUpdate(e) {
    Cmp = new Spry.Data.JSONDataSet("jsonFeed.php?e="+e);
CmpUpdate("test");
</script>
<div class="liveSample" spry:region="Cmp">
    <table>
        <tr>
            <th spry:sort="name">Name</th>
        </tr>
        <tr spry:repeat="Cmp">
            <td>{name}</td>
        </tr>
    </table>
</div>
When the page is loaded, the display is perfect.
But i do not know how refresh, for eg with a button:
<input type="button" onclick="CmpUpdate('test2');">
Something is missing.
Somebody has an idea?

Spry has build in functionality for that..
ds.setURL('/json2.js'); // change the url.
ds.LoadData(); // refresh the dataset with the new url.
See API reference: loadData setURL and for setting new paths: setPath

What's wrong about "JSF that emits Ajax-widgets" on the server side?

Hi,
I just read this chat about Ajax on the server side and I wonder what this comment bellow means when we are building JSF application with Ajax:
Another thing to consider is that in a pure Ajax application (i.e. one that's not a hybrid of a server-side technology like JSF that emits Ajax-widgets), the server can pretty much just respond to requests from the Ajax client in a stateless manner, and all of the state gets distributed to the client, greatly reducing the memory resources on the server. I'm working on an app like this for IBM Rational and we're really excited about the *decreased* load on the server by distributing state to clients.
http://www.devwebsphere.com/devwebsphere/2006/04/ajax_and_its_im.html
Thanks in advance.

Just created a half an hour ago application:
http://jsfbyexamples.com/facesTrace/
shows that the AJAX request spends less time on the server even it walk though the whole life-cycle. This is a very small page, BTW. On the complicated page, the difference will be more significant. It is about server resources.
About network traffic: Do you actually believe that sending the whole page produces less traffic than the portion updates? Just mathematically speaking?
OK, I guess you mean the AJAX application requires traffic comes back and forward to produce the AJAX functionality. Non-AJAX application does not produce the traffic, but it does not produce the functionality you have in the first case.
People who argue about it just try to compare Something to Nothing. So, where is the point?
Sergey : http://jsfTutorials.net

JSF 2.0 f:ajax: How to limit what is sent in AJAX request?

Is there a way in JSF 2.0 with f:ajax (or direct JavaScript equivalent) to limit what parts of a form are sent in AJAX request, like it's counterpart f:ajax render attribute which limits what is returned back from AJAX request.
When f:ajax execute attribute is set to some value it only affects what is processed on server, but whole form is still sent as part of AJAX request.

This is a bug. onerror was not getting set probably in AjaxBehavior component. Fix in progress.
Will let you know when fix is in.
-roger

JSON, SAP & other AJAX stuff related.

Hi everyone,
Guess what, JavaScript is hot again, if you wanna be a cool kid, you got use it, do some and let everybody know
Youre on it. Lucky youall Ive been checking out what
you have to do to be a fashionable BSP developer.
First you want a JavaScript to be easiest to program, and
you want more advanced functions. Then you just need
prototype (http://prototype.conio.net/).
It brings JavaScript shortcuts and function
like $(myId) instead of document. getElementbyId(myId),
iterator functions, full browser independant Ajax handler and more.
Another good one would be script.aculo.us more UI oriented (http://script.aculo.us/).
If you want light pages you got a problem, those library
can be as big as 60 k, thats when JSMIN comes handy
(http://www.crockford.com/javascript/jsmin.html ).
It can divide your script size by at least 2. And if it is
still too big, some clients like IE, Firefox or Opera
handle gzip compression for your js and css files.
Now you have to forget everything about XML, XML is bad.
Satan is behind anyway. Look at JSON then, because you
always wanted, to have a way to describe an object in a
text and parse directly into a javaScript Object right
A JSON is like :
myobject : { id : 0000, name : john}
}[/code]
In XML you would do :
[/code]
With the JSON parser script (http://www.json.org/json.js),
you will just do as simple as :
Var json_txt = '{';
json_txt += '"myobject" : { "id" : "0000", "name" : "john"}';
json_txt += '}';
/code
if you use the parser, it will and you will have a nice
JavaScript object.
Here is a little sample from what you can do with all that
(very basic, but it shows you how it works) :
Create 2 pages in a BSP application.
Display.htm et data.htm.
In display.htm just do a basic page
[/code]
json.js is the json parser script http://www.json.org/json.js
prototype.js http://prototype.conio.net/dist/prototype-1.4.0.tar.gz
my_handler.js (script to handle the page that you will do
later)
in data.htm
Gather some data from a random table and create some json
text like this :
<%@page language="abap" %>
<%
DATA I_dude     TYPE zdude.
data w_dude type line of Zdude.
data w_str type string.
CLEAR I_dude.
*get data from the table I_dude
select * into table i_dide
from zdude.
*create the json text into the string w_str
concatenate
w_str '{ "dude": ['
into w_str.
data i type i.
i = 0.
loop at i_bdude into w_dude.
if i gt 0.
        concatenate
      w_str ','
      into w_str.
endif.
concatenate
w_str '{'
          '"objid":"' w_dude-objid '",'
          '"name":"' w_dude-name '"'
into w_str.
i = i + 1.
endloop.
concatenate
w_str '] }'
into w_str.
*display the string w_str
%>
<%= w_str%>
/code
You will construct a text that describe an object dude
from the table zdude .
Now create a mime object called my_handler.js
// a controller object that help us with a nice window to display a log
var Controller =
     Controller.console.innerHTML += (message + "
// what you execute when you run the page display.htm (look at the body tag)
function Initialise() {
          var url = 'data.htm';
          var pars=;
//call the data.htm page to get our json object Ajax object comes from prototype
var myAjax = new Ajax.Request( url, { method: 'post', parameters: pars, onComplete: showResponse });
function showResponse(req) {
var myObject = JSON.parse(req.responseText);
displayDude(myObject);
function displayDude(dude) {
     //$ is cool isnt it
     var divDude = $(dudeid);
divDude.innerHtml = « » ;
//each comes from prototypes too
dude.besoin.each(function(d){ divDude.innerHtml += d.name})
}[/code]
Save everything and you will have to your first AJAX JSON
application
Hope you enjoyed the ride and that Ive been clear enough
Read, comment, say something
Have great Day
Quentin.
Web site the I use to build that post :
AJAX tutorials :
     http://snyke.net/blog/2006/03/25/site-design-using-prototype/
http://snyke.net/blog/2006/02/05/ajax-design-patterns/
JSON related :
     www.json.org
     http://www.sergiopereira.com/articles/prototype.js.html

This seems interesting. However it is a bit unusal for us to see content like this posted into the forums. To be honest at first glace I mistook it for some SPAM Posting advertising some 3rd party tool - which on closer inspection is not the case.
Have you considered creating this same content as weblog and posting it within SDN. This is generally where you would find this type of "article". In the SDN Weblog area, you can classify your topic under BSP. We also have a sticky forum thread for any new BSP related weblog anouncements.
If you need any help getting started on a weblog, feel free to ask for help from one of the SDN Community managers or one of your fellow SDN BSP contributors (myself included).

ANN: Ajax4jsf . New Open Source project that brings AJAX capability to JSF

I would like to inform everybody about the new Open Source project - Ajax4jsf. It is hosted on java.net
URL: https://ajax4jsf.dev.java.net/
Ajax4jsf is a rich component framework that has been created exclusively to bring rich user interface functionality to the JavaServer Faces. It enables page-wide AJAX support instead of the traditional component-wide. It means you can define the event on the page that invoke AJAX request and area(s) of the page that should be synchronized with the JSF Component Tree after the AJAX request changes the data on the server according to the events fired on the client.
Actually, ajax4jsf is based on the framework, Alexander Smirnov introduced last summer ( http://smirnov.org.ru/en/ajax-jsf.html ) . He is an architect for ajax4jsf right now.
In addition to the features the previous version of his framework had, we already added the following:
* Framework for support easy change "look and feel" ( skinning )
* Support for handle off-page resources ( JavaScript, CSS styles, images, objects). Resources can be placed in application classpath ( for example, put in JAR), generated by program ( for example, paint images by Java2D or JAI ), with full caching support
* Templating system for easy creating components renderers ( using jsp-like xml template instead of direct call write...() methods )
* Special JTidy-based response filter - it can correct any HTML code from components to avoid incompatibilities with DHTML
Sergey : https://ajax4jsf.dev.java.net/

You can find (simple) samples here:
[https://javaserverfaces.dev.java.net/servlets/ProjectDocumentList?folderID=4036&expandFolder=4036&folderID=0]
[http://www.coreservlets.com/JSF-Tutorial/]
You can find a HTML/rich text editor as JSF component in the Mojarra Scales component library: [https://scales.dev.java.net/htmlEditor.html].

Problem with JSF AJAX portlets

I am seeing the following issues with JSF portlets
1) When you AJAX enable the portlet, they will not work. There are some javascript errors on the component we are using. They work fine if we don't AJAX enable them
2) I had 2 portlets. 1 JSF and 1 pageflow portlet. If I click on a link in pageflow portlet and after the page gets refreshed, nothing will work in JSF potlet. Again javacript errors
If we had only 1 portlet on the page, JSF portlet works fine
Do you think the prototype javacript library used in the portal causing any issues?

I tried with <naming:namingContainer> immediatly after the f:view tag , but still getting same errors
I am psoting the generated html and javascript error
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
     <head>
<title>New Portal Desktop</title><meta name="bea-portal-meta-skeleton" content="/framework/skeletons/default"><meta name="bea-portal-meta-skin" content="/framework/skins/default"><meta name="bea-portal-meta-skin-images" content="/framework/skins/default/images"><link rel="stylesheet" type="text/css" href="/sampleWeb/framework/skins/default/css/body.css"><link type="text/css" href="/sampleWeb/framework/skins/default/css/button.css" rel="stylesheet"><link href="/sampleWeb/framework/skins/default/alert/css/window-alert.css" rel="stylesheet" type="text/css"><link href="/sampleWeb/framework/skins/default/css/window.css" rel="stylesheet" type="text/css"><link type="text/css" rel="stylesheet" href="/sampleWeb/framework/skins/default/plain/css/window-plain.css"><link type="text/css" rel="stylesheet" href="/sampleWeb/framework/skins/default/css/portlet.css"><link type="text/css" rel="stylesheet" href="/sampleWeb/framework/skins/default/css/book.css"><link type="text/css" rel="stylesheet" href="/sampleWeb/framework/skins/default/css/layout.css"><link href="/sampleWeb/framework/skins/default/css/form.css" rel="stylesheet" type="text/css"><script src="/sampleWeb/framework/skins/shared/js/console.js" type="text/javascript"></script><script src="/sampleWeb/framework/skins/shared/js/cookies.js" type="text/javascript"></script><script src="/sampleWeb/framework/skins/shared/js/state.js" type="text/javascript"></script><script src="/sampleWeb/framework/skins/default/js/util.js" type="text/javascript"></script><script type="text/javascript" src="/sampleWeb/framework/skins/default/js/skin.js"></script><script src="/sampleWeb/framework/skins/default/js/menu.js" type="text/javascript"></script><script src="/sampleWeb/framework/skins/default/js/delete.js" type="text/javascript"></script><script src="/sampleWeb/framework/skins/default/js/float.js" type="text/javascript"></script><script type="text/javascript" src="/sampleWeb/framework/skins/default/js/menufx.js"></script>
     </head>
<body
class="bea-portal-body"
onload="initSkin();"
><div class="bea-portal-body-content">
<div
class="bea-portal-body-header"
>
</div>
<div
class="bea-portal-book-primary"
>
<div class="bea-portal-ie-table-buffer-div">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="bea-portal-book-primary-menu-single-container" align="left" nowrap="nowrap">
<ul
class="bea-portal-book-primary-menu-single"
><li class="bea-portal-book-primary-menu-single-item">Page 1</li><li class="bea-portal-book-primary-menu-single-item">New Book</li><li class="bea-portal-book-primary-menu-single-item-active"><span>New Book</span></li></ul>
</td>
</tr>
</table>
</div>
<div
class="bea-portal-book-primary-content"
>
<div
class="bea-portal-book-invisible"
>
<div class="bea-portal-ie-table-buffer-div">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="bea-portal-book-menu-single-container" align="left" nowrap="nowrap">
<ul
class="bea-portal-book-menu-single"
><li class="bea-portal-book-menu-single-item-active"><span>New Page</span></li></ul>
</td>
</tr>
</table>
</div>
<div
class="bea-portal-book-content"
>
<div
class="bea-portal-book-page"
>
<table
class="bea-portal-layout-grid"
cellspacing="0"
>
<tr>
<td class="bea-portal-layout-placeholder-container"
width="30%"
>
<div
class="bea-portal-layout-placeholder"
>
<div
class="bea-portal-window"
width="100%"
>
<div
class="bea-portal-window-titlebar"
>
<div class="bea-portal-ie-table-buffer-div">
<table class="bea-portal-window-titlebar-container" cellspacing="0">
<tr>
<td class="bea-portal-window-titlebar-title" nowrap="nowrap">Untitled</td>
<td class="bea-portal-window-titlebar-buttons" nowrap="nowrap">
</td>
</tr>
</table>
</div>
</div>
<div
class="bea-portal-window-content"
>
<html>
<head>
</head>
<body>
     <p>Beehive NetUI-JavaServer Faces Page - /sampleWeb/sample1/index.faces</p>
<form id="portletInstance_6:_id1" method="post" action="http://localhost:7001/sampleWeb/sample.portal?_nfpb=true&_windowLabel=portletInstance_6&_nffvid=%2FsampleWeb%2Fsample1%2Findex.faces&_pageLabel=defaultDesktopLabel_page_2" enctype="application/x-www-form-urlencoded">
<a href="# onclick="document.forms['portletInstance_6:_id1'['portletInstance_6:_id1:_idcl'].value='portletInstance_6:_id1:_id2'; document.forms['portletInstance_6:_id1'].submit(); return false;">sample</a>
<input type="hidden" name="portletInstance_6:_id1" value="portletInstance_6:_id1" /></form>
</body>
</html>
</div>
</div>
</div>
</td>
<td class="bea-portal-layout-placeholder-container"
width="70%"
>
<div
class="bea-portal-layout-placeholder"
>
<div
class="bea-portal-window"
width="100%"
>
<div
class="bea-portal-window-titlebar"
>
<div class="bea-portal-ie-table-buffer-div">
<table class="bea-portal-window-titlebar-container" cellspacing="0">
<tr>
<td class="bea-portal-window-titlebar-title" nowrap="nowrap">Untitled</td>
<td class="bea-portal-window-titlebar-buttons" nowrap="nowrap">
</td>
</tr>
</table>
</div>
</div>
<div
class="bea-portal-window-content"
>
<html>
<head>
</head>
<body>
     <p>Beehive NetUI-JavaServer Faces Page - /sampleWeb/sample1/index.faces</p>
<form id="portletInstance_5:_id1" method="post" action="http://localhost:7001/sampleWeb/sample.portal?_nfpb=true&_windowLabel=portletInstance_5&_nffvid=%2FsampleWeb%2Fsample1%2Findex.faces&_pageLabel=defaultDesktopLabel_page_2" enctype="application/x-www-form-urlencoded">
<a href="#" onclick="document.forms['portletInstance_5:_id1']['portletInstance_5:_id1:_idcl'].value='portletInstance_5:_id1:_id2'; document.forms['portletInstance_5:_id1'].submit(); return false;">sample</a>
<input type="hidden" name="portletInstance_5:_id1" value="portletInstance_5:_id1" /><input type="hidden" name="portletInstance_5:_id1:_idcl" /></form>
</body>
</html>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div
class="bea-portal-body-footer"
>
</div>
</div></body>
</html>
Javascript error
Line: 292
Char: 1
Error: 'portletinstance_6_id1:_idcl' is null or not an object
Code: 0
URL: http://localhost:7001/sampleWeb/sample.portal?_nfpb=true&_windowLabel=
portletInstance_5&_nffvid=%2FsampleWeb%2Fsample1%2Findex.faces&_pageLabel=
defaultDesktopLabel_page_2

Load a component with jsf 2.0 and ajax

Hello i have thew next code in a index.xhtml
<h:commandLink action="index" value="Home" actionListener="#{contingut.cont}" >
<f:ajax render="content2" >
</f:ajax>
</h:commandLink>
and I wnat that when the user click the button a Component load's in content2.
I don't know how to do this.
Thanks.

I have a navigation bar in the left and the components must show in the right of the page.
The components must display in "content2"
thanks
Edited by: 807399 on 17-nov-2010 7:26

Business Catalyst Log in form via AJAX

Hi guys I am trying to avoid the standard form redirection of Business Catalyst to a more customisable style but I cant get it to respond properly.
Here is my code:
$("#login-form").submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: $(this).attr("action"),
            data: $(this).serialize(),
            success: function(e) {
                window.location = 'https://bestkilts.worldsecuresystems.com/user-system/order-history.htm'; // I know this can be set from the form submission but I have other plans
            error: function(e) {
                $(".form-error").slideDown();
                $(".form-error").delay(8e3).slideUp(300)
The form is already submitting via AJAX! "&JSON=1".
Eventually the error message responds as a success! so I cant really look at the AJAX response to code this precise.
Please any one there with some knowledge about it please share.

Only custom web forms in BC have an ajax / json response request, that will not work with the login form and some others in BC.
You will need to do your own ajax request but then you will not issues about the cross domain etc. You need to look at how the BC login works, your refresh and how to address that. (Its more complicated then you think)

Error while using ajax in jsff

Hi All,
I am using JDev 11.1.2.0 to develop my ADF Page
I want to use ajax in one of my jsff to us the activeOutputText component for autpmatic ppr
I am using the following code :
<f:ajax onevent="function(e) {}" event="PropertyChange" render="t1 t2 ot3 ot2">
<af:activeOutputText value="#{TestBean.message}" id="aot1">
<f:ajax/>
</af:activeOutputText>
</f:ajax>
When I am running the page , I am getting the following error :
Line # 4 <af:panelGroupLayout id="pgl2">
Error: http://java.sun.com/jsf/core:ajax is not registered tag in the specified namesapace.
Please suggest to resolve this issue

hI,
Thanks for the reply..
I am getting this error message in the logs
" Line # 4 <af:panelGroupLayout id="pgl2">
Error: http://java.sun.com/jsf/core:ajax is not registered tag in the specified namesapace. "
The begining of my jsff looks like this
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:f="http://java.sun.com/jsf/core">

JSF/AJAX vs JSON-RPC/AJAX

Similar Messages

Maybe you are looking for