You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by sommeralex <al...@gmail.com> on 2012/02/14 13:13:15 UTC
How to use the jQuery Ajax examples from http://jqueryui.com/demos/
Hello!
I would like to implement some of the demos of JQuery. What I did, so far,
is:
1.
adding the dependency
<dependency>
<groupId>org.got5</groupId>
<artifactId>tapestry5-jquery</artifactId>
<version>${tapestry-jquery-release-version}</version>
</dependency>
2. adding the module in AppModule
@SubModule({ExanpeLibraryModule.class, JQueryModule.class})
public class AppModule
3.using the module in my tml
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
xmlns:j="tapestry-library:jquery">
4. copying the example demo code like:
<div class="demo">
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
</ul>
</div>
<div style="display: none;" class="demo-description">
<p>
Enable a group of DOM elements to be sortable. Click on and drag an
element to a new spot within the list, and the other items will adjust to
fit. By default, sortable items share <code>draggable</code> properties.
</p>
</div>
5. additionally, i thought I could suppress prototype, but it has no effect
configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
- the demos are visible, but not interactive. also the GUI elements are
shown correctly (like the orange arrow / so, it seems there is a reference,
but something i am doing wrong...)
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482269.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by "Thiago H. de Paula Figueiredo" <th...@gmail.com>.
On Tue, 14 Feb 2012 12:10:45 -0200, sommeralex
<al...@gmail.com> wrote:
> Hi Thiago!
Hi!
> Importing the jQuery-JavaScript is one approach i was mentioning before.
> The question is: What is the name of the reference path? where is jquery
> located, if it is coming from a maven dependency? It seems that the lib
> is loaded automatically into the target folder of eclipse.
I'm not talking about importing jQuery itself, but importing a JS file
written by you with your code (so your JS code, the one you write, isn't
added to the HTML itself).
--
Thiago H. de Paula Figueiredo
Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,
and instructor
Owner, Ars Machina Tecnologia da Informação Ltda.
http://www.arsmachina.com.br
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
Hi Thiago!
Importing the jQuery-JavaScript is one approach i was mentioning before.
The question is: What is the name of the reference path? where is jquery
located, if it is coming from a maven dependency? It seems that the lib is
loaded automatically into the target folder of eclipse.
/Users/alexandersommer/Documents/workspace/Scrollstory/target/tapestry5-jquery-3.2.0-20120208.142157-3.jar
If i am adding this:
@Import(library="context:js/jquery.js")
public class Sort {
}
i get:
java.lang.RuntimeException: Unable to locate asset 'context:js/jquery.js'
(the file does not exist).
2012/2/14 Thiago H de Paula Figueiredo [via Tapestry] <
ml-node+s1045711n5482513h45@n5.nabble.com>
> Isn't your JavaScript code added before the elements it will use? Try
> putting your code in the end of the page. Another reason to put your code
>
> in file and add it to your page through @Import.
>
> On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex
> <[hidden email] <http://user/SendEmail.jtp?type=node&node=5482513&i=0>>
> wrote:
>
> > Hi Emmanuel,
> >
> > Thank you for your help.. it is frustrating.. The list is visible, but
> > not
> > interactive.
> >
> > AppModule
> >
> > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
> >
> > JAVA
> >
> > package com.scrollstory.pages;
> >
> > import org.apache.tapestry5.annotations.Import;
> >
> >
> > public class Sort {
> >
> > }
> >
> > TML
> >
> > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> > xmlns:j="tapestry-library:jquery">
> >
> >
> >
> > <style>
> > #sortable { list-style-type: none; margin: 0; padding: 0; width:
> > 60%; }
> > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
> > 1.5em; font-size: 1.4em; height: 18px; }
> > #sortable li span { position: absolute; margin-left: -1.3em; }
> > </style>
> > <script>
> > $(function() {
> > $( "#sortable" ).sortable();
> > $( "#sortable" ).disableSelection();
> > });
> > </script>
> >
> >
> > <div class="demo">
> >
> > <ul id="sortable">
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 7</li>
> > </ul>
> >
> > </div><!-- End demo -->
> >
> >
> >
> > <div class="demo-description">
> > <p>
> > Enable a group of DOM elements to be sortable. Click on and drag an
> > element to a new spot within the list, and the other items will
> > adjust
> > to
> > fit. By default, sortable items share <code>draggable</code>
> > properties.
> > </p>
> > </div><!-- End demo-description -->
> >
> > </html>
> >
> > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> > [hidden email] <http://user/SendEmail.jtp?type=node&node=5482513&i=1>>
> >
> >> Hi
> >>
> >> You are totally right, Tapestry includes Prototype and
> >> Script.aculo.usJavaScript libraries by default. You can use JavaScript
> :
> >> - Directly in the template, inside a <script> tag, but it is
> not
> >> recommended.
> >> - in an exernal file, and import this file in your template
> >> (script tag) or in your Java Class (@Import annotation).
> >>
> >>
> >> Why the "sortable list" does not work with jQuery ? I have just
> realized
> >> that you jave just copy/past the sample from the jQuery UI demo website
>
> >> :
> >> http://jqueryui.com/demos/sortable/#default. So you do not need
> >> Prototype
> >> !
> >>
> >> Even if it is not the best implementation, your sample should work, if
> >> jQUery is loaded in the generated HTML ? Does it ? Any Javascript
> >> errors ?
> >>
> >> Manu
> >> ---------------------------------------------------------------------
> >> To unsubscribe, e-mail: [hidden
> >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> >> For additional commands, e-mail: [hidden
> >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
> >>
> >>
> >>
> >>
> >> Ce message et les pièces jointes sont confidentiels et réservés à
> >> l'usage
> >> exclusif de ses destinataires. Il peut également être protégé par le
> >> secret
> >> professionnel. Si vous recevez ce message par erreur, merci d'en
> avertir
> >> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
> >> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra
> >> être
> >> recherchée quant au contenu de ce message. Bien que les meilleurs
> >> efforts
> >> soient faits pour maintenir cette transmission exempte de tout virus,
> >> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité
>
> >> ne
> >> saurait être recherchée pour tout dommage résultant d'un virus
> transmis.
> >>
> >> This e-mail and the documents attached are confidential and intended
> >> solely for the addressee; it may also be privileged. If you receive
> this
> >> e-mail in error, please notify the sender immediately and destroy it.
> As
> >> its integrity cannot be secured on the Internet, the Atos liability
> >> cannot
> >> be triggered for the message content. Although the sender endeavours to
> >> maintain a computer virus-free network, the sender does not warrant
> that
> >> this transmission is virus-free and will not be liable for any damages
> >> resulting from any virus transmitted.
> >>
> >>
> >> ------------------------------
> >> If you reply to this email, your message will be added to the
> >> discussion
> >> below:
> >>
> >>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482424.html
> >> To unsubscribe from How to use the jQuery Ajax examples from
> >> http://jqueryui.com/demos/, click
> >> here<
>
> >> .
> >> NAML<
> http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
> >>
> >
> >
> > --
> > View this message in context:
> >
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482495.html
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> --
> Thiago H. de Paula Figueiredo
> Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,
> and instructor
> Owner, Ars Machina Tecnologia da Informação Ltda.
> Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
> http://www.arsmachina.com.br
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [hidden email]<http://user/SendEmail.jtp?type=node&node=5482513&i=2>
> For additional commands, e-mail: [hidden email]<http://user/SendEmail.jtp?type=node&node=5482513&i=3>
>
>
>
> ------------------------------
> If you reply to this email, your message will be added to the discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482513.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482530.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
I would LOVE to if i had that kind of experience level.
2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
ml-node+s1045711n5482560h2@n5.nabble.com>
> Or you can also contribute to our Library ? ;)
>
> -----Message d'origine-----
> De : sommeralex [mailto:[hidden email]<http://user/SendEmail.jtp?type=node&node=5482560&i=0>]
>
> Envoyé : mardi 14 février 2012 15:18
> À : [hidden email] <http://user/SendEmail.jtp?type=node&node=5482560&i=1>
> Objet : Re: How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/
>
> THANK YOU!!
>
> But the best thing would be to provide a sortable-list component :-)
>
> alex
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> [hidden email] <http://user/SendEmail.jtp?type=node&node=5482560&i=2>>
>
> > It comes from Tapestry5-jQuery. By default, TjQ import jquery, and
> > some jquery.ui files.
> > But if you need more, you have to use this annotation. You are right,
> > it is not documented in the web site, I add it into my to-do list.
> > Manu
> >
> > -----Message d'origine-----
> > De : sommeralex [mailto:[hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482544&i=0>]
> >
> > Envoyé : mardi 14 février 2012 15:13
> > À : [hidden email]
> > <http://user/SendEmail.jtp?type=node&node=5482544&i=1>
> > Objet : Re: How to use the jQuery Ajax examples from
> > http://jqueryui.com/demos/
> >
> > Hi Emmanuel!
> >
> > THIS WAS IT!!! THANK YOU!!!!
> >
> > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public
> > class Sort {
> >
> > }
> >
> >
> > but, where is the @ImportJQueryUI annotation coming from? I could not
> > find it in the help files..
> >
> >
> > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
> > <http://user/SendEmail.jtp?type=node&node=5482544&i=2>>
> >
> > > Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You
> > > should have a JavaScript errors if you use FireBug or Google chrome
> > > web
> > toolkit.
> > > Check the Overview tab of the documentation :
> > > http://jqueryui.com/demos/sortable/. UI Core and UI Widget are
> > > loaded automatically loaded by Tapestry jQuery.
> > > Please add this annotation at the top of your Java Class :
> > > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
> > >
> > >
> > > Manu
> > >
> > > -----Message d'origine-----
> > > De : Thiago H. de Paula Figueiredo [mailto:[hidden
> > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
> > >
> > > Envoyé : mardi 14 février 2012 15:01 À : [hidden email]
> > > <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
> > > sommeralex
> > > Objet : Re: How to use the jQuery Ajax examples from
> > > http://jqueryui.com/demos/
> > >
> > >
> > > Isn't your JavaScript code added before the elements it will use?
> > > Try putting your code in the end of the page. Another reason to put
> > > your code in file and add it to your page through @Import.
> > >
> > > On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden
> > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
> > > wrote:
> > >
> > > > Hi Emmanuel,
> > > >
> > > > Thank you for your help.. it is frustrating.. The list is visible,
> > > > but not interactive.
> > > >
> > > > AppModule
> > > >
> > > > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE,
> > > > "true");
> > > >
> > > > JAVA
> > > >
> > > > package com.scrollstory.pages;
> > > >
> > > > import org.apache.tapestry5.annotations.Import;
> > > >
> > > >
> > > > public class Sort {
> > > >
> > > > }
> > > >
> > > > TML
> > > >
> > > > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> > > > xmlns:j="tapestry-library:jquery">
> > > >
> > > >
> > > >
> > > > <style>
> > > > #sortable { list-style-type: none; margin: 0; padding: 0; width:
> > > > 60%; }
> > > > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em;
> > padding-left:
> > > > 1.5em; font-size: 1.4em; height: 18px; }
> > > > #sortable li span { position: absolute; margin-left: -1.3em; }
> > > > </style>
> > > > <script>
> > > > $(function() {
> > > > $( "#sortable" ).sortable();
> > > > $( "#sortable" ).disableSelection();
> > > > });
> > > > </script>
> > > >
> > > >
> > > > <div class="demo">
> > > >
> > > > <ul id="sortable">
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> > > > <li class="ui-state-default"><span class="ui-icon
> > > > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
> > > >
> > > > </div><!-- End demo -->
> > > >
> > > >
> > > >
> > > > <div class="demo-description">
> > > > <p>
> > > > Enable a group of DOM elements to be sortable. Click on and
> > > > drag
> > an
> > > > element to a new spot within the list, and the other items
> > > > will adjust to
> > > > fit. By default, sortable items share <code>draggable</code>
> > > > properties.
> > > > </p>
> > > > </div><!-- End demo-description -->
> > > >
> > > > </html>
> > > >
> > > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
> > > > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
> > > >
> > > >> Hi
> > > >>
> > > >> You are totally right, Tapestry includes Prototype and
> > > >> Script.aculo.usJavaScript libraries by default. You can use
> > > >> JavaScript
> > > :
> > > >> - Directly in the template, inside a <script> tag, but it
> > > >> is not recommended.
> > > >> - in an exernal file, and import this file in your
> > > >> template (script tag) or in your Java Class (@Import annotation).
> > > >>
> > > >>
> > > >> Why the "sortable list" does not work with jQuery ? I have just
> > > >> realized that you jave just copy/past the sample from the jQuery
> > > >> UI demo website
> > > >> :
> > > >> http://jqueryui.com/demos/sortable/#default. So you do not need
> > > >> Prototype !
> > > >>
> > > >> Even if it is not the best implementation, your sample should
> > > >> work, if jQUery is loaded in the generated HTML ? Does it ? Any
> > > >> Javascript errors ?
> > > >>
> > > >> Manu
> > > >> -----------------------------------------------------------------
> > > >> --
> > > >> --
> > > >> To unsubscribe, e-mail: [hidden
> > > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> > > >> For additional commands, e-mail: [hidden
> > > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
> > > >>
> > > >>
> > > >>
> > > >>
> > > >> Ce message et les pièces jointes sont confidentiels et réservés à
> > > >> l'usage exclusif de ses destinataires. Il peut également être
> > > >> protégé par le secret professionnel. Si vous recevez ce message
> > > >> par erreur, merci d'en
> > > avertir
> > > >> immédiatement l'expéditeur et de le détruire. L'intégrité du
> > > >> message ne pouvant être assurée sur Internet, la responsabilité
> > > >> d'Atos ne pourra être recherchée quant au contenu de ce message.
> > > >> Bien que les meilleurs efforts soient faits pour maintenir cette
> > > >> transmission exempte de tout virus, l'expéditeur ne donne aucune
> > > >> garantie à cet égard et sa responsabilité ne saurait être
> > > >> recherchée pour tout dommage résultant d'un virus
> > > transmis.
> > > >>
> > > >> This e-mail and the documents attached are confidential and
> > > >> intended solely for the addressee; it may also be privileged. If
> > > >> you receive
> > > this
> > > >> e-mail in error, please notify the sender immediately and destroy
> it.
> > > As
> > > >> its integrity cannot be secured on the Internet, the Atos
> > > >> liability cannot be triggered for the message content. Although
> > > >> the sender endeavours to maintain a computer virus-free network,
> > > >> the sender does not warrant
> > > that
> > > >> this transmission is virus-free and will not be liable for any
> > > >> damages resulting from any virus transmitted.
> > > >>
> > > >>
> > > >> ------------------------------
> > > >> If you reply to this email, your message will be added to the
> > > >> discussion
> > > >> below:
> > > >>
> > > >>
> > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa
> > > mp les-from-http-jqueryui-com-demos-tp5482269p5482424.html
> > > >> To unsubscribe from How to use the jQuery Ajax examples from
> > > >> http://jqueryui.com/demos/, click here<
> > >
> > > >> .
> > > >> NAML<
> > > http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro
> > > =m
> > > acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.n
> > > am
> > > espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabb
> > > le
> > > .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21na
> > > bb
> > > le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_em
> > > ai
> > > l%21nabble%3Aemail.naml>
> > >
> > > >>
> > > >
> > > >
> > > > --
> > > > View this message in context:
> > > >
> > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa
> > > mp les-from-http-jqueryui-com-demos-tp5482269p5482495.html
> > > > Sent from the Tapestry - User mailing list archive at Nabble.com.
> > >
> > >
> > > --
> > > Thiago H. de Paula Figueiredo
> > > Independent Java, Apache Tapestry 5 and Hibernate consultant,
> > > developer, and instructor Owner, Ars Machina Tecnologia da
> > > Informação Ltda.
> > > Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
> > > http://www.arsmachina.com.br
> > >
> > > --------------------------------------------------------------------
> > > -
> > > To unsubscribe, e-mail: [hidden
> > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
> > > For additional commands, e-mail: [hidden
> > > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
> > >
> > >
> > >
> > >
> > > Ce message et les pièces jointes sont confidentiels et réservés à
> > > l'usage exclusif de ses destinataires. Il peut également être
> > > protégé par le secret professionnel. Si vous recevez ce message par
> > > erreur, merci d'en avertir immédiatement l'expéditeur et de le
> détruire.
> > > L'intégrité du message ne pouvant être assurée sur Internet, la
> > > responsabilité d'Atos ne pourra être recherchée quant au contenu de
> > > ce message. Bien que les meilleurs efforts soient faits pour
> > > maintenir cette transmission exempte de tout virus, l'expéditeur ne
> > > donne aucune garantie à cet égard et sa responsabilité ne saurait
> > > être recherchée
> > pour tout dommage résultant d'un virus transmis.
> > >
> > > This e-mail and the documents attached are confidential and intended
> > > solely for the addressee; it may also be privileged. If you receive
> > > this e-mail in error, please notify the sender immediately and
> > > destroy it. As its integrity cannot be secured on the Internet, the
> > > Atos liability cannot be triggered for the message content. Although
> > > the sender endeavours to maintain a computer virus-free network, the
> > > sender does not warrant that this transmission is virus-free and
> > > will not be liable for any damages resulting from any virus
> transmitted.
> > >
> > >
> > > ------------------------------
> > > If you reply to this email, your message will be added to the
> > > discussion
> > > below:
> > >
> > > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa
> > > mp les-from-http-jqueryui-com-demos-tp5482269p5482529.html
> > > To unsubscribe from How to use the jQuery Ajax examples from
> > > http://jqueryui.com/demos/, click
> > > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?
> > > ma
> > > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbW
> > > Fp
> > > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> > > .
> > > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?
> > > ma
> > > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.n
> > > am
> > > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace
> > > -n
> > > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers
> > > %2
> > > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_insta
> > > nt
> > > _email%21nabble%3Aemail.naml>
> > >
> >
> >
> > --
> > View this message in context:
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> > les-from-http-jqueryui-com-demos-tp5482269p5482535.html
> >
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> >
> > Ce message et les pièces jointes sont confidentiels et réservés à
> > l'usage exclusif de ses destinataires. Il peut également être protégé
> > par le secret professionnel. Si vous recevez ce message par erreur,
> > merci d'en avertir immédiatement l'expéditeur et de le détruire.
> > L'intégrité du message ne pouvant être assurée sur Internet, la
> > responsabilité d'Atos ne pourra être recherchée quant au contenu de ce
> > message. Bien que les meilleurs efforts soient faits pour maintenir
> > cette transmission exempte de tout virus, l'expéditeur ne donne aucune
> > garantie à cet égard et sa responsabilité ne saurait être recherchée
> pour tout dommage résultant d'un virus transmis.
> >
> > This e-mail and the documents attached are confidential and intended
> > solely for the addressee; it may also be privileged. If you receive
> > this e-mail in error, please notify the sender immediately and destroy
> > it. As its integrity cannot be secured on the Internet, the Atos
> > liability cannot be triggered for the message content. Although the
> > sender endeavours to maintain a computer virus-free network, the
> > sender does not warrant that this transmission is virus-free and will
> > not be liable for any damages resulting from any virus transmitted.
> >
> >
> > ------------------------------
> > If you reply to this email, your message will be added to the
> > discussion
> > below:
> >
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> > les-from-http-jqueryui-com-demos-tp5482269p5482544.html
> > To unsubscribe from How to use the jQuery Ajax examples from
> > http://jqueryui.com/demos/, click
> > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFp
> > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> > .
> > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.nam
> > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-n
> > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%2
> > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant
> > _email%21nabble%3Aemail.naml>
> >
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482549.html
>
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> Ce message et les pièces jointes sont confidentiels et réservés à l'usage
> exclusif de ses destinataires. Il peut également être protégé par le secret
> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être
> recherchée quant au contenu de ce message. Bien que les meilleurs efforts
> soient faits pour maintenir cette transmission exempte de tout virus,
> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne
> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>
> This e-mail and the documents attached are confidential and intended
> solely for the addressee; it may also be privileged. If you receive this
> e-mail in error, please notify the sender immediately and destroy it. As
> its integrity cannot be secured on the Internet, the Atos liability cannot
> be triggered for the message content. Although the sender endeavours to
> maintain a computer virus-free network, the sender does not warrant that
> this transmission is virus-free and will not be liable for any damages
> resulting from any virus transmitted.
>
>
> ------------------------------
> If you reply to this email, your message will be added to the discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482560.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482564.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
RE: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Demey Emmanuel <em...@atos.net>.
Or you can also contribute to our Library ? ;)
-----Message d'origine-----
De : sommeralex [mailto:alexander.sommer@gmail.com]
Envoyé : mardi 14 février 2012 15:18
À : users@tapestry.apache.org
Objet : Re: How to use the jQuery Ajax examples from http://jqueryui.com/demos/
THANK YOU!!
But the best thing would be to provide a sortable-list component :-)
alex
2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
ml-node+s1045711n5482544h6@n5.nabble.com>
> It comes from Tapestry5-jQuery. By default, TjQ import jquery, and
> some jquery.ui files.
> But if you need more, you have to use this annotation. You are right,
> it is not documented in the web site, I add it into my to-do list.
> Manu
>
> -----Message d'origine-----
> De : sommeralex [mailto:[hidden
> email]<http://user/SendEmail.jtp?type=node&node=5482544&i=0>]
>
> Envoyé : mardi 14 février 2012 15:13
> À : [hidden email]
> <http://user/SendEmail.jtp?type=node&node=5482544&i=1>
> Objet : Re: How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/
>
> Hi Emmanuel!
>
> THIS WAS IT!!! THANK YOU!!!!
>
> @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public
> class Sort {
>
> }
>
>
> but, where is the @ImportJQueryUI annotation coming from? I could not
> find it in the help files..
>
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
> <http://user/SendEmail.jtp?type=node&node=5482544&i=2>>
>
> > Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You
> > should have a JavaScript errors if you use FireBug or Google chrome
> > web
> toolkit.
> > Check the Overview tab of the documentation :
> > http://jqueryui.com/demos/sortable/. UI Core and UI Widget are
> > loaded automatically loaded by Tapestry jQuery.
> > Please add this annotation at the top of your Java Class :
> > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
> >
> >
> > Manu
> >
> > -----Message d'origine-----
> > De : Thiago H. de Paula Figueiredo [mailto:[hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
> >
> > Envoyé : mardi 14 février 2012 15:01 À : [hidden email]
> > <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
> > sommeralex
> > Objet : Re: How to use the jQuery Ajax examples from
> > http://jqueryui.com/demos/
> >
> >
> > Isn't your JavaScript code added before the elements it will use?
> > Try putting your code in the end of the page. Another reason to put
> > your code in file and add it to your page through @Import.
> >
> > On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
> > wrote:
> >
> > > Hi Emmanuel,
> > >
> > > Thank you for your help.. it is frustrating.. The list is visible,
> > > but not interactive.
> > >
> > > AppModule
> > >
> > > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE,
> > > "true");
> > >
> > > JAVA
> > >
> > > package com.scrollstory.pages;
> > >
> > > import org.apache.tapestry5.annotations.Import;
> > >
> > >
> > > public class Sort {
> > >
> > > }
> > >
> > > TML
> > >
> > > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> > > xmlns:j="tapestry-library:jquery">
> > >
> > >
> > >
> > > <style>
> > > #sortable { list-style-type: none; margin: 0; padding: 0; width:
> > > 60%; }
> > > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em;
> padding-left:
> > > 1.5em; font-size: 1.4em; height: 18px; }
> > > #sortable li span { position: absolute; margin-left: -1.3em; }
> > > </style>
> > > <script>
> > > $(function() {
> > > $( "#sortable" ).sortable();
> > > $( "#sortable" ).disableSelection();
> > > });
> > > </script>
> > >
> > >
> > > <div class="demo">
> > >
> > > <ul id="sortable">
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
> > >
> > > </div><!-- End demo -->
> > >
> > >
> > >
> > > <div class="demo-description">
> > > <p>
> > > Enable a group of DOM elements to be sortable. Click on and
> > > drag
> an
> > > element to a new spot within the list, and the other items
> > > will adjust to
> > > fit. By default, sortable items share <code>draggable</code>
> > > properties.
> > > </p>
> > > </div><!-- End demo-description -->
> > >
> > > </html>
> > >
> > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
> > > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
> > >
> > >> Hi
> > >>
> > >> You are totally right, Tapestry includes Prototype and
> > >> Script.aculo.usJavaScript libraries by default. You can use
> > >> JavaScript
> > :
> > >> - Directly in the template, inside a <script> tag, but it
> > >> is not recommended.
> > >> - in an exernal file, and import this file in your
> > >> template (script tag) or in your Java Class (@Import annotation).
> > >>
> > >>
> > >> Why the "sortable list" does not work with jQuery ? I have just
> > >> realized that you jave just copy/past the sample from the jQuery
> > >> UI demo website
> > >> :
> > >> http://jqueryui.com/demos/sortable/#default. So you do not need
> > >> Prototype !
> > >>
> > >> Even if it is not the best implementation, your sample should
> > >> work, if jQUery is loaded in the generated HTML ? Does it ? Any
> > >> Javascript errors ?
> > >>
> > >> Manu
> > >> -----------------------------------------------------------------
> > >> --
> > >> --
> > >> To unsubscribe, e-mail: [hidden
> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> > >> For additional commands, e-mail: [hidden
> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
> > >>
> > >>
> > >>
> > >>
> > >> Ce message et les pièces jointes sont confidentiels et réservés à
> > >> l'usage exclusif de ses destinataires. Il peut également être
> > >> protégé par le secret professionnel. Si vous recevez ce message
> > >> par erreur, merci d'en
> > avertir
> > >> immédiatement l'expéditeur et de le détruire. L'intégrité du
> > >> message ne pouvant être assurée sur Internet, la responsabilité
> > >> d'Atos ne pourra être recherchée quant au contenu de ce message.
> > >> Bien que les meilleurs efforts soient faits pour maintenir cette
> > >> transmission exempte de tout virus, l'expéditeur ne donne aucune
> > >> garantie à cet égard et sa responsabilité ne saurait être
> > >> recherchée pour tout dommage résultant d'un virus
> > transmis.
> > >>
> > >> This e-mail and the documents attached are confidential and
> > >> intended solely for the addressee; it may also be privileged. If
> > >> you receive
> > this
> > >> e-mail in error, please notify the sender immediately and destroy it.
> > As
> > >> its integrity cannot be secured on the Internet, the Atos
> > >> liability cannot be triggered for the message content. Although
> > >> the sender endeavours to maintain a computer virus-free network,
> > >> the sender does not warrant
> > that
> > >> this transmission is virus-free and will not be liable for any
> > >> damages resulting from any virus transmitted.
> > >>
> > >>
> > >> ------------------------------
> > >> If you reply to this email, your message will be added to the
> > >> discussion
> > >> below:
> > >>
> > >>
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa
> > mp les-from-http-jqueryui-com-demos-tp5482269p5482424.html
> > >> To unsubscribe from How to use the jQuery Ajax examples from
> > >> http://jqueryui.com/demos/, click here<
> >
> > >> .
> > >> NAML<
> > http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro
> > =m
> > acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.n
> > am
> > espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabb
> > le
> > .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21na
> > bb
> > le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_em
> > ai
> > l%21nabble%3Aemail.naml>
> >
> > >>
> > >
> > >
> > > --
> > > View this message in context:
> > >
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa
> > mp les-from-http-jqueryui-com-demos-tp5482269p5482495.html
> > > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> >
> > --
> > Thiago H. de Paula Figueiredo
> > Independent Java, Apache Tapestry 5 and Hibernate consultant,
> > developer, and instructor Owner, Ars Machina Tecnologia da
> > Informação Ltda.
> > Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
> > http://www.arsmachina.com.br
> >
> > --------------------------------------------------------------------
> > -
> > To unsubscribe, e-mail: [hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
> > For additional commands, e-mail: [hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
> >
> >
> >
> >
> > Ce message et les pièces jointes sont confidentiels et réservés à
> > l'usage exclusif de ses destinataires. Il peut également être
> > protégé par le secret professionnel. Si vous recevez ce message par
> > erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire.
> > L'intégrité du message ne pouvant être assurée sur Internet, la
> > responsabilité d'Atos ne pourra être recherchée quant au contenu de
> > ce message. Bien que les meilleurs efforts soient faits pour
> > maintenir cette transmission exempte de tout virus, l'expéditeur ne
> > donne aucune garantie à cet égard et sa responsabilité ne saurait
> > être recherchée
> pour tout dommage résultant d'un virus transmis.
> >
> > This e-mail and the documents attached are confidential and intended
> > solely for the addressee; it may also be privileged. If you receive
> > this e-mail in error, please notify the sender immediately and
> > destroy it. As its integrity cannot be secured on the Internet, the
> > Atos liability cannot be triggered for the message content. Although
> > the sender endeavours to maintain a computer virus-free network, the
> > sender does not warrant that this transmission is virus-free and
> > will not be liable for any damages resulting from any virus transmitted.
> >
> >
> > ------------------------------
> > If you reply to this email, your message will be added to the
> > discussion
> > below:
> >
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exa
> > mp les-from-http-jqueryui-com-demos-tp5482269p5482529.html
> > To unsubscribe from How to use the jQuery Ajax examples from
> > http://jqueryui.com/demos/, click
> > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?
> > ma
> > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbW
> > Fp
> > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> > .
> > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?
> > ma
> > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.n
> > am
> > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace
> > -n
> > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers
> > %2
> > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_insta
> > nt
> > _email%21nabble%3Aemail.naml>
> >
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> les-from-http-jqueryui-com-demos-tp5482269p5482535.html
>
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> Ce message et les pièces jointes sont confidentiels et réservés à
> l'usage exclusif de ses destinataires. Il peut également être protégé
> par le secret professionnel. Si vous recevez ce message par erreur,
> merci d'en avertir immédiatement l'expéditeur et de le détruire.
> L'intégrité du message ne pouvant être assurée sur Internet, la
> responsabilité d'Atos ne pourra être recherchée quant au contenu de ce
> message. Bien que les meilleurs efforts soient faits pour maintenir
> cette transmission exempte de tout virus, l'expéditeur ne donne aucune
> garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
>
> This e-mail and the documents attached are confidential and intended
> solely for the addressee; it may also be privileged. If you receive
> this e-mail in error, please notify the sender immediately and destroy
> it. As its integrity cannot be secured on the Internet, the Atos
> liability cannot be triggered for the message content. Although the
> sender endeavours to maintain a computer virus-free network, the
> sender does not warrant that this transmission is virus-free and will
> not be liable for any damages resulting from any virus transmitted.
>
>
> ------------------------------
> If you reply to this email, your message will be added to the
> discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> les-from-http-jqueryui-com-demos-tp5482269p5482544.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click
> here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFp
> bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.nam
> l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-n
> abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%2
> 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant
> _email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482549.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
THANK YOU!!
But the best thing would be to provide a sortable-list component :-)
alex
2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
ml-node+s1045711n5482544h6@n5.nabble.com>
> It comes from Tapestry5-jQuery. By default, TjQ import jquery, and some
> jquery.ui files.
> But if you need more, you have to use this annotation. You are right, it
> is not documented in the web site, I add it into my to-do list.
> Manu
>
> -----Message d'origine-----
> De : sommeralex [mailto:[hidden email]<http://user/SendEmail.jtp?type=node&node=5482544&i=0>]
>
> Envoyé : mardi 14 février 2012 15:13
> À : [hidden email] <http://user/SendEmail.jtp?type=node&node=5482544&i=1>
> Objet : Re: How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/
>
> Hi Emmanuel!
>
> THIS WAS IT!!! THANK YOU!!!!
>
> @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public class
> Sort {
>
> }
>
>
> but, where is the @ImportJQueryUI annotation coming from? I could not find
> it in the help files..
>
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> [hidden email] <http://user/SendEmail.jtp?type=node&node=5482544&i=2>>
>
> > Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You
> > should have a JavaScript errors if you use FireBug or Google chrome web
> toolkit.
> > Check the Overview tab of the documentation :
> > http://jqueryui.com/demos/sortable/. UI Core and UI Widget are loaded
> > automatically loaded by Tapestry jQuery.
> > Please add this annotation at the top of your Java Class :
> > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
> >
> >
> > Manu
> >
> > -----Message d'origine-----
> > De : Thiago H. de Paula Figueiredo [mailto:[hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
> >
> > Envoyé : mardi 14 février 2012 15:01
> > À : [hidden email]
> > <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
> > sommeralex
> > Objet : Re: How to use the jQuery Ajax examples from
> > http://jqueryui.com/demos/
> >
> >
> > Isn't your JavaScript code added before the elements it will use? Try
> > putting your code in the end of the page. Another reason to put your
> > code in file and add it to your page through @Import.
> >
> > On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
> > wrote:
> >
> > > Hi Emmanuel,
> > >
> > > Thank you for your help.. it is frustrating.. The list is visible,
> > > but not interactive.
> > >
> > > AppModule
> > >
> > > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
> > >
> > > JAVA
> > >
> > > package com.scrollstory.pages;
> > >
> > > import org.apache.tapestry5.annotations.Import;
> > >
> > >
> > > public class Sort {
> > >
> > > }
> > >
> > > TML
> > >
> > > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> > > xmlns:j="tapestry-library:jquery">
> > >
> > >
> > >
> > > <style>
> > > #sortable { list-style-type: none; margin: 0; padding: 0; width:
> > > 60%; }
> > > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em;
> padding-left:
> > > 1.5em; font-size: 1.4em; height: 18px; }
> > > #sortable li span { position: absolute; margin-left: -1.3em; }
> > > </style>
> > > <script>
> > > $(function() {
> > > $( "#sortable" ).sortable();
> > > $( "#sortable" ).disableSelection();
> > > });
> > > </script>
> > >
> > >
> > > <div class="demo">
> > >
> > > <ul id="sortable">
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> > > <li class="ui-state-default"><span class="ui-icon
> > > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
> > >
> > > </div><!-- End demo -->
> > >
> > >
> > >
> > > <div class="demo-description">
> > > <p>
> > > Enable a group of DOM elements to be sortable. Click on and drag
> an
> > > element to a new spot within the list, and the other items will
> > > adjust to
> > > fit. By default, sortable items share <code>draggable</code>
> > > properties.
> > > </p>
> > > </div><!-- End demo-description -->
> > >
> > > </html>
> > >
> > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
> > > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
> > >
> > >> Hi
> > >>
> > >> You are totally right, Tapestry includes Prototype and
> > >> Script.aculo.usJavaScript libraries by default. You can use
> > >> JavaScript
> > :
> > >> - Directly in the template, inside a <script> tag, but it
> > >> is not recommended.
> > >> - in an exernal file, and import this file in your template
> > >> (script tag) or in your Java Class (@Import annotation).
> > >>
> > >>
> > >> Why the "sortable list" does not work with jQuery ? I have just
> > >> realized that you jave just copy/past the sample from the jQuery UI
> > >> demo website
> > >> :
> > >> http://jqueryui.com/demos/sortable/#default. So you do not need
> > >> Prototype !
> > >>
> > >> Even if it is not the best implementation, your sample should work,
> > >> if jQUery is loaded in the generated HTML ? Does it ? Any
> > >> Javascript errors ?
> > >>
> > >> Manu
> > >> -------------------------------------------------------------------
> > >> --
> > >> To unsubscribe, e-mail: [hidden
> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> > >> For additional commands, e-mail: [hidden
> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
> > >>
> > >>
> > >>
> > >>
> > >> Ce message et les pièces jointes sont confidentiels et réservés à
> > >> l'usage exclusif de ses destinataires. Il peut également être
> > >> protégé par le secret professionnel. Si vous recevez ce message par
> > >> erreur, merci d'en
> > avertir
> > >> immédiatement l'expéditeur et de le détruire. L'intégrité du
> > >> message ne pouvant être assurée sur Internet, la responsabilité
> > >> d'Atos ne pourra être recherchée quant au contenu de ce message.
> > >> Bien que les meilleurs efforts soient faits pour maintenir cette
> > >> transmission exempte de tout virus, l'expéditeur ne donne aucune
> > >> garantie à cet égard et sa responsabilité ne saurait être
> > >> recherchée pour tout dommage résultant d'un virus
> > transmis.
> > >>
> > >> This e-mail and the documents attached are confidential and
> > >> intended solely for the addressee; it may also be privileged. If
> > >> you receive
> > this
> > >> e-mail in error, please notify the sender immediately and destroy it.
> > As
> > >> its integrity cannot be secured on the Internet, the Atos liability
> > >> cannot be triggered for the message content. Although the sender
> > >> endeavours to maintain a computer virus-free network, the sender
> > >> does not warrant
> > that
> > >> this transmission is virus-free and will not be liable for any
> > >> damages resulting from any virus transmitted.
> > >>
> > >>
> > >> ------------------------------
> > >> If you reply to this email, your message will be added to the
> > >> discussion
> > >> below:
> > >>
> > >>
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> > les-from-http-jqueryui-com-demos-tp5482269p5482424.html
> > >> To unsubscribe from How to use the jQuery Ajax examples from
> > >> http://jqueryui.com/demos/, click here<
> >
> > >> .
> > >> NAML<
> > http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=m
> > acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.nam
> > espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble
> > .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabb
> > le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_emai
> > l%21nabble%3Aemail.naml>
> >
> > >>
> > >
> > >
> > > --
> > > View this message in context:
> > >
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> > les-from-http-jqueryui-com-demos-tp5482269p5482495.html
> > > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> >
> > --
> > Thiago H. de Paula Figueiredo
> > Independent Java, Apache Tapestry 5 and Hibernate consultant,
> > developer, and instructor Owner, Ars Machina Tecnologia da Informação
> > Ltda.
> > Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
> > http://www.arsmachina.com.br
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: [hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
> > For additional commands, e-mail: [hidden
> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
> >
> >
> >
> >
> > Ce message et les pièces jointes sont confidentiels et réservés à
> > l'usage exclusif de ses destinataires. Il peut également être protégé
> > par le secret professionnel. Si vous recevez ce message par erreur,
> > merci d'en avertir immédiatement l'expéditeur et de le détruire.
> > L'intégrité du message ne pouvant être assurée sur Internet, la
> > responsabilité d'Atos ne pourra être recherchée quant au contenu de ce
> > message. Bien que les meilleurs efforts soient faits pour maintenir
> > cette transmission exempte de tout virus, l'expéditeur ne donne aucune
> > garantie à cet égard et sa responsabilité ne saurait être recherchée
> pour tout dommage résultant d'un virus transmis.
> >
> > This e-mail and the documents attached are confidential and intended
> > solely for the addressee; it may also be privileged. If you receive
> > this e-mail in error, please notify the sender immediately and destroy
> > it. As its integrity cannot be secured on the Internet, the Atos
> > liability cannot be triggered for the message content. Although the
> > sender endeavours to maintain a computer virus-free network, the
> > sender does not warrant that this transmission is virus-free and will
> > not be liable for any damages resulting from any virus transmitted.
> >
> >
> > ------------------------------
> > If you reply to this email, your message will be added to the
> > discussion
> > below:
> >
> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> > les-from-http-jqueryui-com-demos-tp5482269p5482529.html
> > To unsubscribe from How to use the jQuery Ajax examples from
> > http://jqueryui.com/demos/, click
> > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFp
> > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> > .
> > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.nam
> > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-n
> > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%2
> > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant
> > _email%21nabble%3Aemail.naml>
> >
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482535.html
>
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> Ce message et les pièces jointes sont confidentiels et réservés à l'usage
> exclusif de ses destinataires. Il peut également être protégé par le secret
> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être
> recherchée quant au contenu de ce message. Bien que les meilleurs efforts
> soient faits pour maintenir cette transmission exempte de tout virus,
> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne
> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>
> This e-mail and the documents attached are confidential and intended
> solely for the addressee; it may also be privileged. If you receive this
> e-mail in error, please notify the sender immediately and destroy it. As
> its integrity cannot be secured on the Internet, the Atos liability cannot
> be triggered for the message content. Although the sender endeavours to
> maintain a computer virus-free network, the sender does not warrant that
> this transmission is virus-free and will not be liable for any damages
> resulting from any virus transmitted.
>
>
> ------------------------------
> If you reply to this email, your message will be added to the discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482544.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482549.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
Hi Emmanuel,
Thank you again very much for your help and for the solution. If someone is
interested in the solution, feel free to copy and paste:
This example shows how to use a sortable list with tapestry and the
tapestry-jquery module.
JAVA
package com.scrollstory.pages;
import java.util.ArrayList;
import java.util.List;
import org.apache.tapestry5.ComponentResources;
import org.apache.tapestry5.annotations.OnEvent;
import org.apache.tapestry5.annotations.Property;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.services.Request;
import org.got5.tapestry5.jquery.ImportJQueryUI;
import com.scrollstory.entities.element.FileElement;
@ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
public class Sort {
@Inject
private ComponentResources resources;
@Property
private List<FileElement> fileElements;
@Property
private FileElement fileElement;
@Inject
private Request request;
void pageAttached(){
System.out.println("page attached");
fileElements = new ArrayList<FileElement>();
fileElements.add(new FileElement(1, "test"));
fileElements.add(new FileElement(2, "test2"));
}
public String getUrl(){
return resources.createEventLink("sortable",
null).toAbsoluteURI();
}
@OnEvent("sortable")
public void onSort(){
String input = request.getParameter("list");
System.out.println("sorted");
System.out.println(input);
}
}
TML
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
t:type="layout" title="sort"
xmlns:j="tapestry-library:jquery">
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
</style>
<script>
$(function() {
$( "#sortable" ).sortable({
update: function () {
ajaxRequest = {
url: "${url}?list="+
$("#sortable").sortable("toArray").toString(),
success: function(data){ }
};
$.ajax(ajaxRequest);
}
});
$( "#sortable" ).disableSelection();
});
</script>
<div class="demo">
<ul id="sortable">
<li t:type="loop" source="fileElements" value="fileElement"
id="${fileElement.id}">${fileElement.id} ${fileElement.name}</li>
</ul>
</div><!-- End demo -->
<div class="demo-description">
<p>
Enable a group of DOM elements to be sortable. Click on and drag an
element to a new spot within the list, and the other items will adjust
to
fit. By default, sortable items share <code>draggable</code> properties.
</p>
</div><!-- End demo-description -->
</html>
NOTE: the fileElement class is a simple class holding a string name and id.
package com.scrollstory.entities.element;
public class FileElement {
private String name;
private int id;
public FileElement(int id, String name){
this.id = id;
this.name = name;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
}
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482851.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
RE: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Demey Emmanuel <em...@atos.net>.
You can add a handler to the update event of the Sortable widget : http://jqueryui.com/demos/sortable/#default. And in this handler, send an Tapestry Event-type request, that you will be able to catch in your Java Class.
$( "#sortable" ).sortable({
update: function {
ajaxRequest = {
url: ${url} + "?list="+ $("#sortable").sortable("toArray").toString(),
success: function(data){ }
};
$.ajax(ajaxRequest);
}
});
And in your Java Class, add this method
@Inject
private ComponentResources resources;
public String getUrl(){
resources.createEventLink("sortable", null);
}
@OnEvent("sortable")
public void onSort(){
String input = request.getParameter("list");
System.out.println(input);
}
I did not test it.
Manu
-----Message d'origine-----
De : sommeralex [mailto:alexander.sommer@gmail.com]
Envoyé : mardi 14 février 2012 15:20
À : users@tapestry.apache.org
Objet : Re: How to use the jQuery Ajax examples from http://jqueryui.com/demos/
last question:
how can I get the order-information back to java? After sorting, i need to know how it was sorted to save it..
thx
alex
2012/2/14 Alexander Sommer <al...@gmail.com>
> THANK YOU!!
>
> But the best thing would be to provide a sortable-list component :-)
>
> alex
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> ml-node+s1045711n5482544h6@n5.nabble.com>
>
> It comes from Tapestry5-jQuery. By default, TjQ import jquery, and
> some
>> jquery.ui files.
>> But if you need more, you have to use this annotation. You are right,
>> it is not documented in the web site, I add it into my to-do list.
>> Manu
>>
>> -----Message d'origine-----
>> De : sommeralex [mailto:[hidden
>> email]<http://user/SendEmail.jtp?type=node&node=5482544&i=0>]
>>
>> Envoyé : mardi 14 février 2012 15:13
>> À : [hidden email]
>> <http://user/SendEmail.jtp?type=node&node=5482544&i=1>
>> Objet : Re: How to use the jQuery Ajax examples from
>> http://jqueryui.com/demos/
>>
>> Hi Emmanuel!
>>
>> THIS WAS IT!!! THANK YOU!!!!
>>
>> @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public
>> class Sort {
>>
>> }
>>
>>
>> but, where is the @ImportJQueryUI annotation coming from? I could not
>> find it in the help files..
>>
>>
>> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
>> <http://user/SendEmail.jtp?type=node&node=5482544&i=2>>
>>
>> > Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You
>> > should have a JavaScript errors if you use FireBug or Google chrome
>> > web
>> toolkit.
>> > Check the Overview tab of the documentation :
>> > http://jqueryui.com/demos/sortable/. UI Core and UI Widget are
>> > loaded automatically loaded by Tapestry jQuery.
>> > Please add this annotation at the top of your Java Class :
>> > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
>> >
>> >
>> > Manu
>> >
>> > -----Message d'origine-----
>> > De : Thiago H. de Paula Figueiredo [mailto:[hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
>> >
>> > Envoyé : mardi 14 février 2012 15:01 À : [hidden email]
>> > <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
>> > sommeralex
>> > Objet : Re: How to use the jQuery Ajax examples from
>> > http://jqueryui.com/demos/
>> >
>> >
>> > Isn't your JavaScript code added before the elements it will use?
>> > Try putting your code in the end of the page. Another reason to put
>> > your code in file and add it to your page through @Import.
>> >
>> > On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
>> > wrote:
>> >
>> > > Hi Emmanuel,
>> > >
>> > > Thank you for your help.. it is frustrating.. The list is
>> > > visible, but not interactive.
>> > >
>> > > AppModule
>> > >
>> > > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE,
>> > > "true");
>> > >
>> > > JAVA
>> > >
>> > > package com.scrollstory.pages;
>> > >
>> > > import org.apache.tapestry5.annotations.Import;
>> > >
>> > >
>> > > public class Sort {
>> > >
>> > > }
>> > >
>> > > TML
>> > >
>> > > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>> > > xmlns:j="tapestry-library:jquery">
>> > >
>> > >
>> > >
>> > > <style>
>> > > #sortable { list-style-type: none; margin: 0; padding: 0; width:
>> > > 60%; }
>> > > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em;
>> padding-left:
>> > > 1.5em; font-size: 1.4em; height: 18px; }
>> > > #sortable li span { position: absolute; margin-left: -1.3em; }
>> > > </style>
>> > > <script>
>> > > $(function() {
>> > > $( "#sortable" ).sortable();
>> > > $( "#sortable" ).disableSelection();
>> > > });
>> > > </script>
>> > >
>> > >
>> > > <div class="demo">
>> > >
>> > > <ul id="sortable">
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
>> > >
>> > > </div><!-- End demo -->
>> > >
>> > >
>> > >
>> > > <div class="demo-description">
>> > > <p>
>> > > Enable a group of DOM elements to be sortable. Click on and
>> > > drag
>> an
>> > > element to a new spot within the list, and the other items
>> > > will adjust to
>> > > fit. By default, sortable items share <code>draggable</code>
>> > > properties.
>> > > </p>
>> > > </div><!-- End demo-description -->
>> > >
>> > > </html>
>> > >
>> > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
>> > > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
>> > >
>> > >> Hi
>> > >>
>> > >> You are totally right, Tapestry includes Prototype and
>> > >> Script.aculo.usJavaScript libraries by default. You can use
>> > >> JavaScript
>> > :
>> > >> - Directly in the template, inside a <script> tag, but
>> > >> it is not recommended.
>> > >> - in an exernal file, and import this file in your
>> > >> template (script tag) or in your Java Class (@Import annotation).
>> > >>
>> > >>
>> > >> Why the "sortable list" does not work with jQuery ? I have just
>> > >> realized that you jave just copy/past the sample from the jQuery
>> > >> UI demo website
>> > >> :
>> > >> http://jqueryui.com/demos/sortable/#default. So you do not need
>> > >> Prototype !
>> > >>
>> > >> Even if it is not the best implementation, your sample should
>> > >> work, if jQUery is loaded in the generated HTML ? Does it ? Any
>> > >> Javascript errors ?
>> > >>
>> > >> Manu
>> > >> ----------------------------------------------------------------
>> > >> ---
>> > >> --
>> > >> To unsubscribe, e-mail: [hidden
>> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
>> > >> For additional commands, e-mail: [hidden
>> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
>> > >>
>> > >>
>> > >>
>> > >>
>> > >> Ce message et les pièces jointes sont confidentiels et réservés
>> > >> à l'usage exclusif de ses destinataires. Il peut également être
>> > >> protégé par le secret professionnel. Si vous recevez ce message
>> > >> par erreur, merci d'en
>> > avertir
>> > >> immédiatement l'expéditeur et de le détruire. L'intégrité du
>> > >> message ne pouvant être assurée sur Internet, la responsabilité
>> > >> d'Atos ne pourra être recherchée quant au contenu de ce message.
>> > >> Bien que les meilleurs efforts soient faits pour maintenir cette
>> > >> transmission exempte de tout virus, l'expéditeur ne donne aucune
>> > >> garantie à cet égard et sa responsabilité ne saurait être
>> > >> recherchée pour tout dommage résultant d'un virus
>> > transmis.
>> > >>
>> > >> This e-mail and the documents attached are confidential and
>> > >> intended solely for the addressee; it may also be privileged. If
>> > >> you receive
>> > this
>> > >> e-mail in error, please notify the sender immediately and
>> > >> destroy
>> it.
>> > As
>> > >> its integrity cannot be secured on the Internet, the Atos
>> > >> liability cannot be triggered for the message content. Although
>> > >> the sender endeavours to maintain a computer virus-free network,
>> > >> the sender does not warrant
>> > that
>> > >> this transmission is virus-free and will not be liable for any
>> > >> damages resulting from any virus transmitted.
>> > >>
>> > >>
>> > >> ------------------------------
>> > >> If you reply to this email, your message will be added to the
>> > >> discussion
>> > >> below:
>> > >>
>> > >>
>> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-ex
>> > amp les-from-http-jqueryui-com-demos-tp5482269p5482424.html
>> > >> To unsubscribe from How to use the jQuery Ajax examples from
>> > >> http://jqueryui.com/demos/, click here<
>> >
>> > >> .
>> > >> NAML<
>> > http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macr
>> > o=m
>> > acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.
>> > nam
>> > espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nab
>> > ble
>> > .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21n
>> > abb
>> > le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_e
>> > mai
>> > l%21nabble%3Aemail.naml>
>> >
>> > >>
>> > >
>> > >
>> > > --
>> > > View this message in context:
>> > >
>> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-ex
>> > amp les-from-http-jqueryui-com-demos-tp5482269p5482495.html
>> > > Sent from the Tapestry - User mailing list archive at Nabble.com.
>> >
>> >
>> > --
>> > Thiago H. de Paula Figueiredo
>> > Independent Java, Apache Tapestry 5 and Hibernate consultant,
>> > developer, and instructor Owner, Ars Machina Tecnologia da
>> > Informação Ltda.
>> > Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
>> > http://www.arsmachina.com.br
>> >
>> > -------------------------------------------------------------------
>> > --
>> > To unsubscribe, e-mail: [hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
>> > For additional commands, e-mail: [hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
>> >
>> >
>> >
>> >
>> > Ce message et les pièces jointes sont confidentiels et réservés à
>> > l'usage exclusif de ses destinataires. Il peut également être
>> > protégé par le secret professionnel. Si vous recevez ce message par
>> > erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire.
>> > L'intégrité du message ne pouvant être assurée sur Internet, la
>> > responsabilité d'Atos ne pourra être recherchée quant au contenu de
>> > ce message. Bien que les meilleurs efforts soient faits pour
>> > maintenir cette transmission exempte de tout virus, l'expéditeur ne
>> > donne aucune garantie à cet égard et sa responsabilité ne saurait
>> > être recherchée
>> pour tout dommage résultant d'un virus transmis.
>> >
>> > This e-mail and the documents attached are confidential and
>> > intended solely for the addressee; it may also be privileged. If
>> > you receive this e-mail in error, please notify the sender
>> > immediately and destroy it. As its integrity cannot be secured on
>> > the Internet, the Atos liability cannot be triggered for the
>> > message content. Although the sender endeavours to maintain a
>> > computer virus-free network, the sender does not warrant that this
>> > transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
>> >
>> >
>> > ------------------------------
>> > If you reply to this email, your message will be added to the
>> > discussion
>> > below:
>> >
>> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-ex
>> > amp les-from-http-jqueryui-com-demos-tp5482269p5482529.html
>> > To unsubscribe from How to use the jQuery Ajax examples from
>> > http://jqueryui.com/demos/, click
>> > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp
>> > ?ma
>> > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnb
>> > WFp
>> > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
>> > .
>> > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp
>> > ?ma
>> > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.
>> > nam
>> > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespac
>> > e-n
>> > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscriber
>> > s%2
>> > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_inst
>> > ant
>> > _email%21nabble%3Aemail.naml>
>> >
>>
>>
>> --
>> View this message in context:
>> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exam
>> ples-from-http-jqueryui-com-demos-tp5482269p5482535.html
>>
>> Sent from the Tapestry - User mailing list archive at Nabble.com.
>>
>>
>> Ce message et les pièces jointes sont confidentiels et réservés à
>> l'usage exclusif de ses destinataires. Il peut également être protégé
>> par le secret professionnel. Si vous recevez ce message par erreur,
>> merci d'en avertir immédiatement l'expéditeur et de le détruire.
>> L'intégrité du message ne pouvant être assurée sur Internet, la
>> responsabilité d'Atos ne pourra être recherchée quant au contenu de
>> ce message. Bien que les meilleurs efforts soient faits pour
>> maintenir cette transmission exempte de tout virus, l'expéditeur ne
>> donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
>>
>> This e-mail and the documents attached are confidential and intended
>> solely for the addressee; it may also be privileged. If you receive
>> this e-mail in error, please notify the sender immediately and
>> destroy it. As its integrity cannot be secured on the Internet, the
>> Atos liability cannot be triggered for the message content. Although
>> the sender endeavours to maintain a computer virus-free network, the
>> sender does not warrant that this transmission is virus-free and will
>> not be liable for any damages resulting from any virus transmitted.
>>
>>
>> ------------------------------
>> If you reply to this email, your message will be added to the
>> discussion below:
>>
>> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-exam
>> ples-from-http-jqueryui-com-demos-tp5482269p5482544.html
>> To unsubscribe from How to use the jQuery Ajax examples from
>> http://jqueryui.com/demos/, click
>> here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?m
>> acro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbW
>> FpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
>> .
>> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?m
>> acro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.n
>> aml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespac
>> e-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribe
>> rs%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_in
>> stant_email%21nabble%3Aemail.naml>
>>
>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482558.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
last question:
how can I get the order-information back to java? After sorting, i need to
know how it was sorted to save it..
thx
alex
2012/2/14 Alexander Sommer <al...@gmail.com>
> THANK YOU!!
>
> But the best thing would be to provide a sortable-list component :-)
>
> alex
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> ml-node+s1045711n5482544h6@n5.nabble.com>
>
> It comes from Tapestry5-jQuery. By default, TjQ import jquery, and some
>> jquery.ui files.
>> But if you need more, you have to use this annotation. You are right, it
>> is not documented in the web site, I add it into my to-do list.
>> Manu
>>
>> -----Message d'origine-----
>> De : sommeralex [mailto:[hidden email]<http://user/SendEmail.jtp?type=node&node=5482544&i=0>]
>>
>> Envoyé : mardi 14 février 2012 15:13
>> À : [hidden email] <http://user/SendEmail.jtp?type=node&node=5482544&i=1>
>> Objet : Re: How to use the jQuery Ajax examples from
>> http://jqueryui.com/demos/
>>
>> Hi Emmanuel!
>>
>> THIS WAS IT!!! THANK YOU!!!!
>>
>> @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public class
>> Sort {
>>
>> }
>>
>>
>> but, where is the @ImportJQueryUI annotation coming from? I could not
>> find it in the help files..
>>
>>
>> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
>> [hidden email] <http://user/SendEmail.jtp?type=node&node=5482544&i=2>>
>>
>> > Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You
>> > should have a JavaScript errors if you use FireBug or Google chrome web
>> toolkit.
>> > Check the Overview tab of the documentation :
>> > http://jqueryui.com/demos/sortable/. UI Core and UI Widget are loaded
>> > automatically loaded by Tapestry jQuery.
>> > Please add this annotation at the top of your Java Class :
>> > @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
>> >
>> >
>> > Manu
>> >
>> > -----Message d'origine-----
>> > De : Thiago H. de Paula Figueiredo [mailto:[hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
>> >
>> > Envoyé : mardi 14 février 2012 15:01
>> > À : [hidden email]
>> > <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
>> > sommeralex
>> > Objet : Re: How to use the jQuery Ajax examples from
>> > http://jqueryui.com/demos/
>> >
>> >
>> > Isn't your JavaScript code added before the elements it will use? Try
>> > putting your code in the end of the page. Another reason to put your
>> > code in file and add it to your page through @Import.
>> >
>> > On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
>> > wrote:
>> >
>> > > Hi Emmanuel,
>> > >
>> > > Thank you for your help.. it is frustrating.. The list is visible,
>> > > but not interactive.
>> > >
>> > > AppModule
>> > >
>> > > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
>> > >
>> > > JAVA
>> > >
>> > > package com.scrollstory.pages;
>> > >
>> > > import org.apache.tapestry5.annotations.Import;
>> > >
>> > >
>> > > public class Sort {
>> > >
>> > > }
>> > >
>> > > TML
>> > >
>> > > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>> > > xmlns:j="tapestry-library:jquery">
>> > >
>> > >
>> > >
>> > > <style>
>> > > #sortable { list-style-type: none; margin: 0; padding: 0; width:
>> > > 60%; }
>> > > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em;
>> padding-left:
>> > > 1.5em; font-size: 1.4em; height: 18px; }
>> > > #sortable li span { position: absolute; margin-left: -1.3em; }
>> > > </style>
>> > > <script>
>> > > $(function() {
>> > > $( "#sortable" ).sortable();
>> > > $( "#sortable" ).disableSelection();
>> > > });
>> > > </script>
>> > >
>> > >
>> > > <div class="demo">
>> > >
>> > > <ul id="sortable">
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
>> > > <li class="ui-state-default"><span class="ui-icon
>> > > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
>> > >
>> > > </div><!-- End demo -->
>> > >
>> > >
>> > >
>> > > <div class="demo-description">
>> > > <p>
>> > > Enable a group of DOM elements to be sortable. Click on and drag
>> an
>> > > element to a new spot within the list, and the other items will
>> > > adjust to
>> > > fit. By default, sortable items share <code>draggable</code>
>> > > properties.
>> > > </p>
>> > > </div><!-- End demo-description -->
>> > >
>> > > </html>
>> > >
>> > > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
>> > > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
>> > >
>> > >> Hi
>> > >>
>> > >> You are totally right, Tapestry includes Prototype and
>> > >> Script.aculo.usJavaScript libraries by default. You can use
>> > >> JavaScript
>> > :
>> > >> - Directly in the template, inside a <script> tag, but it
>> > >> is not recommended.
>> > >> - in an exernal file, and import this file in your template
>> > >> (script tag) or in your Java Class (@Import annotation).
>> > >>
>> > >>
>> > >> Why the "sortable list" does not work with jQuery ? I have just
>> > >> realized that you jave just copy/past the sample from the jQuery UI
>> > >> demo website
>> > >> :
>> > >> http://jqueryui.com/demos/sortable/#default. So you do not need
>> > >> Prototype !
>> > >>
>> > >> Even if it is not the best implementation, your sample should work,
>> > >> if jQUery is loaded in the generated HTML ? Does it ? Any
>> > >> Javascript errors ?
>> > >>
>> > >> Manu
>> > >> -------------------------------------------------------------------
>> > >> --
>> > >> To unsubscribe, e-mail: [hidden
>> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
>> > >> For additional commands, e-mail: [hidden
>> > >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
>> > >>
>> > >>
>> > >>
>> > >>
>> > >> Ce message et les pièces jointes sont confidentiels et réservés à
>> > >> l'usage exclusif de ses destinataires. Il peut également être
>> > >> protégé par le secret professionnel. Si vous recevez ce message par
>> > >> erreur, merci d'en
>> > avertir
>> > >> immédiatement l'expéditeur et de le détruire. L'intégrité du
>> > >> message ne pouvant être assurée sur Internet, la responsabilité
>> > >> d'Atos ne pourra être recherchée quant au contenu de ce message.
>> > >> Bien que les meilleurs efforts soient faits pour maintenir cette
>> > >> transmission exempte de tout virus, l'expéditeur ne donne aucune
>> > >> garantie à cet égard et sa responsabilité ne saurait être
>> > >> recherchée pour tout dommage résultant d'un virus
>> > transmis.
>> > >>
>> > >> This e-mail and the documents attached are confidential and
>> > >> intended solely for the addressee; it may also be privileged. If
>> > >> you receive
>> > this
>> > >> e-mail in error, please notify the sender immediately and destroy
>> it.
>> > As
>> > >> its integrity cannot be secured on the Internet, the Atos liability
>> > >> cannot be triggered for the message content. Although the sender
>> > >> endeavours to maintain a computer virus-free network, the sender
>> > >> does not warrant
>> > that
>> > >> this transmission is virus-free and will not be liable for any
>> > >> damages resulting from any virus transmitted.
>> > >>
>> > >>
>> > >> ------------------------------
>> > >> If you reply to this email, your message will be added to the
>> > >> discussion
>> > >> below:
>> > >>
>> > >>
>> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
>> > les-from-http-jqueryui-com-demos-tp5482269p5482424.html
>> > >> To unsubscribe from How to use the jQuery Ajax examples from
>> > >> http://jqueryui.com/demos/, click here<
>> >
>> > >> .
>> > >> NAML<
>> > http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=m
>> > acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.nam
>> > espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble
>> > .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabb
>> > le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_emai
>> > l%21nabble%3Aemail.naml>
>> >
>> > >>
>> > >
>> > >
>> > > --
>> > > View this message in context:
>> > >
>> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
>> > les-from-http-jqueryui-com-demos-tp5482269p5482495.html
>> > > Sent from the Tapestry - User mailing list archive at Nabble.com.
>> >
>> >
>> > --
>> > Thiago H. de Paula Figueiredo
>> > Independent Java, Apache Tapestry 5 and Hibernate consultant,
>> > developer, and instructor Owner, Ars Machina Tecnologia da Informação
>> > Ltda.
>> > Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
>> > http://www.arsmachina.com.br
>> >
>> > ---------------------------------------------------------------------
>> > To unsubscribe, e-mail: [hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
>> > For additional commands, e-mail: [hidden
>> > email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
>> >
>> >
>> >
>> >
>> > Ce message et les pièces jointes sont confidentiels et réservés à
>> > l'usage exclusif de ses destinataires. Il peut également être protégé
>> > par le secret professionnel. Si vous recevez ce message par erreur,
>> > merci d'en avertir immédiatement l'expéditeur et de le détruire.
>> > L'intégrité du message ne pouvant être assurée sur Internet, la
>> > responsabilité d'Atos ne pourra être recherchée quant au contenu de ce
>> > message. Bien que les meilleurs efforts soient faits pour maintenir
>> > cette transmission exempte de tout virus, l'expéditeur ne donne aucune
>> > garantie à cet égard et sa responsabilité ne saurait être recherchée
>> pour tout dommage résultant d'un virus transmis.
>> >
>> > This e-mail and the documents attached are confidential and intended
>> > solely for the addressee; it may also be privileged. If you receive
>> > this e-mail in error, please notify the sender immediately and destroy
>> > it. As its integrity cannot be secured on the Internet, the Atos
>> > liability cannot be triggered for the message content. Although the
>> > sender endeavours to maintain a computer virus-free network, the
>> > sender does not warrant that this transmission is virus-free and will
>> > not be liable for any damages resulting from any virus transmitted.
>> >
>> >
>> > ------------------------------
>> > If you reply to this email, your message will be added to the
>> > discussion
>> > below:
>> >
>> > http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
>> > les-from-http-jqueryui-com-demos-tp5482269p5482529.html
>> > To unsubscribe from How to use the jQuery Ajax examples from
>> > http://jqueryui.com/demos/, click
>> > here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
>> > cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFp
>> > bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
>> > .
>> > NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
>> > cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.nam
>> > l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-n
>> > abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%2
>> > 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant
>> > _email%21nabble%3Aemail.naml>
>> >
>>
>>
>> --
>> View this message in context:
>> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482535.html
>>
>> Sent from the Tapestry - User mailing list archive at Nabble.com.
>>
>>
>> Ce message et les pièces jointes sont confidentiels et réservés à l'usage
>> exclusif de ses destinataires. Il peut également être protégé par le secret
>> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
>> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
>> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être
>> recherchée quant au contenu de ce message. Bien que les meilleurs efforts
>> soient faits pour maintenir cette transmission exempte de tout virus,
>> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne
>> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>>
>> This e-mail and the documents attached are confidential and intended
>> solely for the addressee; it may also be privileged. If you receive this
>> e-mail in error, please notify the sender immediately and destroy it. As
>> its integrity cannot be secured on the Internet, the Atos liability cannot
>> be triggered for the message content. Although the sender endeavours to
>> maintain a computer virus-free network, the sender does not warrant that
>> this transmission is virus-free and will not be liable for any damages
>> resulting from any virus transmitted.
>>
>>
>> ------------------------------
>> If you reply to this email, your message will be added to the
>> discussion below:
>>
>> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482544.html
>> To unsubscribe from How to use the jQuery Ajax examples from
>> http://jqueryui.com/demos/, click here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
>> .
>> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>>
>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482558.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
RE: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Demey Emmanuel <em...@atos.net>.
It comes from Tapestry5-jQuery. By default, TjQ import jquery, and some jquery.ui files.
But if you need more, you have to use this annotation. You are right, it is not documented in the web site, I add it into my to-do list.
Manu
-----Message d'origine-----
De : sommeralex [mailto:alexander.sommer@gmail.com]
Envoyé : mardi 14 février 2012 15:13
À : users@tapestry.apache.org
Objet : Re: How to use the jQuery Ajax examples from http://jqueryui.com/demos/
Hi Emmanuel!
THIS WAS IT!!! THANK YOU!!!!
@ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"}) public class Sort {
}
but, where is the @ImportJQueryUI annotation coming from? I could not find it in the help files..
2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
ml-node+s1045711n5482529h41@n5.nabble.com>
> Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You
> should have a JavaScript errors if you use FireBug or Google chrome web toolkit.
> Check the Overview tab of the documentation :
> http://jqueryui.com/demos/sortable/. UI Core and UI Widget are loaded
> automatically loaded by Tapestry jQuery.
> Please add this annotation at the top of your Java Class :
> @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
>
>
> Manu
>
> -----Message d'origine-----
> De : Thiago H. de Paula Figueiredo [mailto:[hidden
> email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
>
> Envoyé : mardi 14 février 2012 15:01
> À : [hidden email]
> <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
> sommeralex
> Objet : Re: How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/
>
>
> Isn't your JavaScript code added before the elements it will use? Try
> putting your code in the end of the page. Another reason to put your
> code in file and add it to your page through @Import.
>
> On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden
> email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
> wrote:
>
> > Hi Emmanuel,
> >
> > Thank you for your help.. it is frustrating.. The list is visible,
> > but not interactive.
> >
> > AppModule
> >
> > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
> >
> > JAVA
> >
> > package com.scrollstory.pages;
> >
> > import org.apache.tapestry5.annotations.Import;
> >
> >
> > public class Sort {
> >
> > }
> >
> > TML
> >
> > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> > xmlns:j="tapestry-library:jquery">
> >
> >
> >
> > <style>
> > #sortable { list-style-type: none; margin: 0; padding: 0; width:
> > 60%; }
> > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
> > 1.5em; font-size: 1.4em; height: 18px; }
> > #sortable li span { position: absolute; margin-left: -1.3em; }
> > </style>
> > <script>
> > $(function() {
> > $( "#sortable" ).sortable();
> > $( "#sortable" ).disableSelection();
> > });
> > </script>
> >
> >
> > <div class="demo">
> >
> > <ul id="sortable">
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
> >
> > </div><!-- End demo -->
> >
> >
> >
> > <div class="demo-description">
> > <p>
> > Enable a group of DOM elements to be sortable. Click on and drag an
> > element to a new spot within the list, and the other items will
> > adjust to
> > fit. By default, sortable items share <code>draggable</code>
> > properties.
> > </p>
> > </div><!-- End demo-description -->
> >
> > </html>
> >
> > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] < [hidden email]
> > <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
> >
> >> Hi
> >>
> >> You are totally right, Tapestry includes Prototype and
> >> Script.aculo.usJavaScript libraries by default. You can use
> >> JavaScript
> :
> >> - Directly in the template, inside a <script> tag, but it
> >> is not recommended.
> >> - in an exernal file, and import this file in your template
> >> (script tag) or in your Java Class (@Import annotation).
> >>
> >>
> >> Why the "sortable list" does not work with jQuery ? I have just
> >> realized that you jave just copy/past the sample from the jQuery UI
> >> demo website
> >> :
> >> http://jqueryui.com/demos/sortable/#default. So you do not need
> >> Prototype !
> >>
> >> Even if it is not the best implementation, your sample should work,
> >> if jQUery is loaded in the generated HTML ? Does it ? Any
> >> Javascript errors ?
> >>
> >> Manu
> >> -------------------------------------------------------------------
> >> --
> >> To unsubscribe, e-mail: [hidden
> >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> >> For additional commands, e-mail: [hidden
> >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
> >>
> >>
> >>
> >>
> >> Ce message et les pièces jointes sont confidentiels et réservés à
> >> l'usage exclusif de ses destinataires. Il peut également être
> >> protégé par le secret professionnel. Si vous recevez ce message par
> >> erreur, merci d'en
> avertir
> >> immédiatement l'expéditeur et de le détruire. L'intégrité du
> >> message ne pouvant être assurée sur Internet, la responsabilité
> >> d'Atos ne pourra être recherchée quant au contenu de ce message.
> >> Bien que les meilleurs efforts soient faits pour maintenir cette
> >> transmission exempte de tout virus, l'expéditeur ne donne aucune
> >> garantie à cet égard et sa responsabilité ne saurait être
> >> recherchée pour tout dommage résultant d'un virus
> transmis.
> >>
> >> This e-mail and the documents attached are confidential and
> >> intended solely for the addressee; it may also be privileged. If
> >> you receive
> this
> >> e-mail in error, please notify the sender immediately and destroy it.
> As
> >> its integrity cannot be secured on the Internet, the Atos liability
> >> cannot be triggered for the message content. Although the sender
> >> endeavours to maintain a computer virus-free network, the sender
> >> does not warrant
> that
> >> this transmission is virus-free and will not be liable for any
> >> damages resulting from any virus transmitted.
> >>
> >>
> >> ------------------------------
> >> If you reply to this email, your message will be added to the
> >> discussion
> >> below:
> >>
> >>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> les-from-http-jqueryui-com-demos-tp5482269p5482424.html
> >> To unsubscribe from How to use the jQuery Ajax examples from
> >> http://jqueryui.com/demos/, click here<
>
> >> .
> >> NAML<
> http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=m
> acro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.nam
> espaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble
> .view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabb
> le%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_emai
> l%21nabble%3Aemail.naml>
>
> >>
> >
> >
> > --
> > View this message in context:
> >
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> les-from-http-jqueryui-com-demos-tp5482269p5482495.html
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> --
> Thiago H. de Paula Figueiredo
> Independent Java, Apache Tapestry 5 and Hibernate consultant,
> developer, and instructor Owner, Ars Machina Tecnologia da Informação
> Ltda.
> Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
> http://www.arsmachina.com.br
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [hidden
> email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
> For additional commands, e-mail: [hidden
> email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
>
>
>
>
> Ce message et les pièces jointes sont confidentiels et réservés à
> l'usage exclusif de ses destinataires. Il peut également être protégé
> par le secret professionnel. Si vous recevez ce message par erreur,
> merci d'en avertir immédiatement l'expéditeur et de le détruire.
> L'intégrité du message ne pouvant être assurée sur Internet, la
> responsabilité d'Atos ne pourra être recherchée quant au contenu de ce
> message. Bien que les meilleurs efforts soient faits pour maintenir
> cette transmission exempte de tout virus, l'expéditeur ne donne aucune
> garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
>
> This e-mail and the documents attached are confidential and intended
> solely for the addressee; it may also be privileged. If you receive
> this e-mail in error, please notify the sender immediately and destroy
> it. As its integrity cannot be secured on the Internet, the Atos
> liability cannot be triggered for the message content. Although the
> sender endeavours to maintain a computer virus-free network, the
> sender does not warrant that this transmission is virus-free and will
> not be liable for any damages resulting from any virus transmitted.
>
>
> ------------------------------
> If you reply to this email, your message will be added to the
> discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examp
> les-from-http-jqueryui-com-demos-tp5482269p5482529.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click
> here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> cro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFp
> bC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?ma
> cro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.nam
> l.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-n
> abble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%2
> 1nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant
> _email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482535.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
Hi Emmanuel!
THIS WAS IT!!! THANK YOU!!!!
@ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
public class Sort {
}
but, where is the @ImportJQueryUI annotation coming from? I could not find
it in the help files..
2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
ml-node+s1045711n5482529h41@n5.nabble.com>
> Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You should
> have a JavaScript errors if you use FireBug or Google chrome web toolkit.
> Check the Overview tab of the documentation :
> http://jqueryui.com/demos/sortable/. UI Core and UI Widget are loaded
> automatically loaded by Tapestry jQuery.
> Please add this annotation at the top of your Java Class :
> @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
>
>
> Manu
>
> -----Message d'origine-----
> De : Thiago H. de Paula Figueiredo [mailto:[hidden email]<http://user/SendEmail.jtp?type=node&node=5482529&i=0>]
>
> Envoyé : mardi 14 février 2012 15:01
> À : [hidden email] <http://user/SendEmail.jtp?type=node&node=5482529&i=1>;
> sommeralex
> Objet : Re: How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/
>
>
> Isn't your JavaScript code added before the elements it will use? Try
> putting your code in the end of the page. Another reason to put your code
> in file and add it to your page through @Import.
>
> On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <[hidden email]<http://user/SendEmail.jtp?type=node&node=5482529&i=2>>
> wrote:
>
> > Hi Emmanuel,
> >
> > Thank you for your help.. it is frustrating.. The list is visible, but
> > not interactive.
> >
> > AppModule
> >
> > configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
> >
> > JAVA
> >
> > package com.scrollstory.pages;
> >
> > import org.apache.tapestry5.annotations.Import;
> >
> >
> > public class Sort {
> >
> > }
> >
> > TML
> >
> > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> > xmlns:j="tapestry-library:jquery">
> >
> >
> >
> > <style>
> > #sortable { list-style-type: none; margin: 0; padding: 0; width:
> > 60%; }
> > #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
> > 1.5em; font-size: 1.4em; height: 18px; }
> > #sortable li span { position: absolute; margin-left: -1.3em; }
> > </style>
> > <script>
> > $(function() {
> > $( "#sortable" ).sortable();
> > $( "#sortable" ).disableSelection();
> > });
> > </script>
> >
> >
> > <div class="demo">
> >
> > <ul id="sortable">
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> > <li class="ui-state-default"><span class="ui-icon
> > ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
> >
> > </div><!-- End demo -->
> >
> >
> >
> > <div class="demo-description">
> > <p>
> > Enable a group of DOM elements to be sortable. Click on and drag an
> > element to a new spot within the list, and the other items will
> > adjust to
> > fit. By default, sortable items share <code>draggable</code>
> > properties.
> > </p>
> > </div><!-- End demo-description -->
> >
> > </html>
> >
> > 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> > [hidden email] <http://user/SendEmail.jtp?type=node&node=5482529&i=3>>
> >
> >> Hi
> >>
> >> You are totally right, Tapestry includes Prototype and
> >> Script.aculo.usJavaScript libraries by default. You can use JavaScript
> :
> >> - Directly in the template, inside a <script> tag, but it is
> >> not recommended.
> >> - in an exernal file, and import this file in your template
> >> (script tag) or in your Java Class (@Import annotation).
> >>
> >>
> >> Why the "sortable list" does not work with jQuery ? I have just
> >> realized that you jave just copy/past the sample from the jQuery UI
> >> demo website
> >> :
> >> http://jqueryui.com/demos/sortable/#default. So you do not need
> >> Prototype !
> >>
> >> Even if it is not the best implementation, your sample should work,
> >> if jQUery is loaded in the generated HTML ? Does it ? Any Javascript
> >> errors ?
> >>
> >> Manu
> >> ---------------------------------------------------------------------
> >> To unsubscribe, e-mail: [hidden
> >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> >> For additional commands, e-mail: [hidden
> >> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
> >>
> >>
> >>
> >>
> >> Ce message et les pièces jointes sont confidentiels et réservés à
> >> l'usage
> >> exclusif de ses destinataires. Il peut également être protégé par le
> >> secret
> >> professionnel. Si vous recevez ce message par erreur, merci d'en
> avertir
> >> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
> >> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra
> >> être
> >> recherchée quant au contenu de ce message. Bien que les meilleurs
> >> efforts
> >> soient faits pour maintenir cette transmission exempte de tout virus,
> >> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité
> >> ne
> >> saurait être recherchée pour tout dommage résultant d'un virus
> transmis.
> >>
> >> This e-mail and the documents attached are confidential and intended
> >> solely for the addressee; it may also be privileged. If you receive
> this
> >> e-mail in error, please notify the sender immediately and destroy it.
> As
> >> its integrity cannot be secured on the Internet, the Atos liability
> >> cannot
> >> be triggered for the message content. Although the sender endeavours to
> >> maintain a computer virus-free network, the sender does not warrant
> that
> >> this transmission is virus-free and will not be liable for any damages
> >> resulting from any virus transmitted.
> >>
> >>
> >> ------------------------------
> >> If you reply to this email, your message will be added to the
> >> discussion
> >> below:
> >>
> >>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482424.html
> >> To unsubscribe from How to use the jQuery Ajax examples from
> >> http://jqueryui.com/demos/, click
> >> here<
>
> >> .
> >> NAML<
> http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
> >>
> >
> >
> > --
> > View this message in context:
> >
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482495.html
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> --
> Thiago H. de Paula Figueiredo
> Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,
> and instructor
> Owner, Ars Machina Tecnologia da Informação Ltda.
> Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
> http://www.arsmachina.com.br
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [hidden email]<http://user/SendEmail.jtp?type=node&node=5482529&i=4>
> For additional commands, e-mail: [hidden email]<http://user/SendEmail.jtp?type=node&node=5482529&i=5>
>
>
>
>
> Ce message et les pièces jointes sont confidentiels et réservés à l'usage
> exclusif de ses destinataires. Il peut également être protégé par le secret
> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être
> recherchée quant au contenu de ce message. Bien que les meilleurs efforts
> soient faits pour maintenir cette transmission exempte de tout virus,
> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne
> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>
> This e-mail and the documents attached are confidential and intended
> solely for the addressee; it may also be privileged. If you receive this
> e-mail in error, please notify the sender immediately and destroy it. As
> its integrity cannot be secured on the Internet, the Atos liability cannot
> be triggered for the message content. Although the sender endeavours to
> maintain a computer virus-free network, the sender does not warrant that
> this transmission is virus-free and will not be liable for any damages
> resulting from any virus transmitted.
>
>
> ------------------------------
> If you reply to this email, your message will be added to the discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482529.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482535.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
RE: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Demey Emmanuel <em...@atos.net>.
Are the needed dependencies loaded ? UI Mouse ? UI Sortable ?? You should have a JavaScript errors if you use FireBug or Google chrome web toolkit.
Check the Overview tab of the documentation : http://jqueryui.com/demos/sortable/. UI Core and UI Widget are loaded automatically loaded by Tapestry jQuery.
Please add this annotation at the top of your Java Class : @ImportJQueryUI({"jquery.ui.mouse", "jquery.ui.sortable"})
Manu
-----Message d'origine-----
De : Thiago H. de Paula Figueiredo [mailto:thiagohp@gmail.com]
Envoyé : mardi 14 février 2012 15:01
À : users@tapestry.apache.org; sommeralex
Objet : Re: How to use the jQuery Ajax examples from http://jqueryui.com/demos/
Isn't your JavaScript code added before the elements it will use? Try putting your code in the end of the page. Another reason to put your code in file and add it to your page through @Import.
On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex <al...@gmail.com> wrote:
> Hi Emmanuel,
>
> Thank you for your help.. it is frustrating.. The list is visible, but
> not interactive.
>
> AppModule
>
> configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
>
> JAVA
>
> package com.scrollstory.pages;
>
> import org.apache.tapestry5.annotations.Import;
>
>
> public class Sort {
>
> }
>
> TML
>
> <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> xmlns:j="tapestry-library:jquery">
>
>
>
> <style>
> #sortable { list-style-type: none; margin: 0; padding: 0; width:
> 60%; }
> #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
> 1.5em; font-size: 1.4em; height: 18px; }
> #sortable li span { position: absolute; margin-left: -1.3em; }
> </style>
> <script>
> $(function() {
> $( "#sortable" ).sortable();
> $( "#sortable" ).disableSelection();
> });
> </script>
>
>
> <div class="demo">
>
> <ul id="sortable">
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 7</li> </ul>
>
> </div><!-- End demo -->
>
>
>
> <div class="demo-description">
> <p>
> Enable a group of DOM elements to be sortable. Click on and drag an
> element to a new spot within the list, and the other items will
> adjust to
> fit. By default, sortable items share <code>draggable</code>
> properties.
> </p>
> </div><!-- End demo-description -->
>
> </html>
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> ml-node+s1045711n5482424h86@n5.nabble.com>
>
>> Hi
>>
>> You are totally right, Tapestry includes Prototype and
>> Script.aculo.usJavaScript libraries by default. You can use JavaScript :
>> - Directly in the template, inside a <script> tag, but it is
>> not recommended.
>> - in an exernal file, and import this file in your template
>> (script tag) or in your Java Class (@Import annotation).
>>
>>
>> Why the "sortable list" does not work with jQuery ? I have just
>> realized that you jave just copy/past the sample from the jQuery UI
>> demo website
>> :
>> http://jqueryui.com/demos/sortable/#default. So you do not need
>> Prototype !
>>
>> Even if it is not the best implementation, your sample should work,
>> if jQUery is loaded in the generated HTML ? Does it ? Any Javascript
>> errors ?
>>
>> Manu
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [hidden
>> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
>> For additional commands, e-mail: [hidden
>> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
>>
>>
>>
>>
>> Ce message et les pièces jointes sont confidentiels et réservés à
>> l'usage
>> exclusif de ses destinataires. Il peut également être protégé par le
>> secret
>> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
>> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
>> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra
>> être
>> recherchée quant au contenu de ce message. Bien que les meilleurs
>> efforts
>> soient faits pour maintenir cette transmission exempte de tout virus,
>> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité
>> ne
>> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>>
>> This e-mail and the documents attached are confidential and intended
>> solely for the addressee; it may also be privileged. If you receive this
>> e-mail in error, please notify the sender immediately and destroy it. As
>> its integrity cannot be secured on the Internet, the Atos liability
>> cannot
>> be triggered for the message content. Although the sender endeavours to
>> maintain a computer virus-free network, the sender does not warrant that
>> this transmission is virus-free and will not be liable for any damages
>> resulting from any virus transmitted.
>>
>>
>> ------------------------------
>> If you reply to this email, your message will be added to the
>> discussion
>> below:
>>
>> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482424.html
>> To unsubscribe from How to use the jQuery Ajax examples from
>> http://jqueryui.com/demos/, click
>> here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
>> .
>> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482495.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
--
Thiago H. de Paula Figueiredo
Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,
and instructor
Owner, Ars Machina Tecnologia da Informação Ltda.
Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
http://www.arsmachina.com.br
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by "Thiago H. de Paula Figueiredo" <th...@gmail.com>.
Isn't your JavaScript code added before the elements it will use? Try
putting your code in the end of the page. Another reason to put your code
in file and add it to your page through @Import.
On Tue, 14 Feb 2012 11:55:56 -0200, sommeralex
<al...@gmail.com> wrote:
> Hi Emmanuel,
>
> Thank you for your help.. it is frustrating.. The list is visible, but
> not
> interactive.
>
> AppModule
>
> configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
>
> JAVA
>
> package com.scrollstory.pages;
>
> import org.apache.tapestry5.annotations.Import;
>
>
> public class Sort {
>
> }
>
> TML
>
> <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> xmlns:j="tapestry-library:jquery">
>
>
>
> <style>
> #sortable { list-style-type: none; margin: 0; padding: 0; width:
> 60%; }
> #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
> 1.5em; font-size: 1.4em; height: 18px; }
> #sortable li span { position: absolute; margin-left: -1.3em; }
> </style>
> <script>
> $(function() {
> $( "#sortable" ).sortable();
> $( "#sortable" ).disableSelection();
> });
> </script>
>
>
> <div class="demo">
>
> <ul id="sortable">
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 1</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 2</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 3</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 4</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 5</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 6</li>
> <li class="ui-state-default"><span class="ui-icon
> ui-icon-arrowthick-2-n-s"></span>Item 7</li>
> </ul>
>
> </div><!-- End demo -->
>
>
>
> <div class="demo-description">
> <p>
> Enable a group of DOM elements to be sortable. Click on and drag an
> element to a new spot within the list, and the other items will
> adjust
> to
> fit. By default, sortable items share <code>draggable</code>
> properties.
> </p>
> </div><!-- End demo-description -->
>
> </html>
>
> 2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
> ml-node+s1045711n5482424h86@n5.nabble.com>
>
>> Hi
>>
>> You are totally right, Tapestry includes Prototype and
>> Script.aculo.usJavaScript libraries by default. You can use JavaScript :
>> - Directly in the template, inside a <script> tag, but it is not
>> recommended.
>> - in an exernal file, and import this file in your template
>> (script tag) or in your Java Class (@Import annotation).
>>
>>
>> Why the "sortable list" does not work with jQuery ? I have just realized
>> that you jave just copy/past the sample from the jQuery UI demo website
>> :
>> http://jqueryui.com/demos/sortable/#default. So you do not need
>> Prototype
>> !
>>
>> Even if it is not the best implementation, your sample should work, if
>> jQUery is loaded in the generated HTML ? Does it ? Any Javascript
>> errors ?
>>
>> Manu
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [hidden
>> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
>> For additional commands, e-mail: [hidden
>> email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
>>
>>
>>
>>
>> Ce message et les pièces jointes sont confidentiels et réservés à
>> l'usage
>> exclusif de ses destinataires. Il peut également être protégé par le
>> secret
>> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
>> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
>> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra
>> être
>> recherchée quant au contenu de ce message. Bien que les meilleurs
>> efforts
>> soient faits pour maintenir cette transmission exempte de tout virus,
>> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité
>> ne
>> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>>
>> This e-mail and the documents attached are confidential and intended
>> solely for the addressee; it may also be privileged. If you receive this
>> e-mail in error, please notify the sender immediately and destroy it. As
>> its integrity cannot be secured on the Internet, the Atos liability
>> cannot
>> be triggered for the message content. Although the sender endeavours to
>> maintain a computer virus-free network, the sender does not warrant that
>> this transmission is virus-free and will not be liable for any damages
>> resulting from any virus transmitted.
>>
>>
>> ------------------------------
>> If you reply to this email, your message will be added to the
>> discussion
>> below:
>>
>> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482424.html
>> To unsubscribe from How to use the jQuery Ajax examples from
>> http://jqueryui.com/demos/, click
>> here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
>> .
>> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482495.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
--
Thiago H. de Paula Figueiredo
Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,
and instructor
Owner, Ars Machina Tecnologia da Informação Ltda.
Consultor, desenvolvedor e instrutor em Java, Tapestry e Hibernate
http://www.arsmachina.com.br
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
Hi Emmanuel,
Thank you for your help.. it is frustrating.. The list is visible, but not
interactive.
AppModule
configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
JAVA
package com.scrollstory.pages;
import org.apache.tapestry5.annotations.Import;
public class Sort {
}
TML
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
xmlns:j="tapestry-library:jquery">
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:
1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
</style>
<script>
$(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
});
</script>
<div class="demo">
<ul id="sortable">
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 1</li>
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 2</li>
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 3</li>
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 4</li>
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 5</li>
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 6</li>
<li class="ui-state-default"><span class="ui-icon
ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>
</div><!-- End demo -->
<div class="demo-description">
<p>
Enable a group of DOM elements to be sortable. Click on and drag an
element to a new spot within the list, and the other items will adjust
to
fit. By default, sortable items share <code>draggable</code> properties.
</p>
</div><!-- End demo-description -->
</html>
2012/2/14 Emmanuel DEMEY-2 [via Tapestry] <
ml-node+s1045711n5482424h86@n5.nabble.com>
> Hi
>
> You are totally right, Tapestry includes Prototype and Script.aculo.usJavaScript libraries by default. You can use JavaScript :
> - Directly in the template, inside a <script> tag, but it is not
> recommended.
> - in an exernal file, and import this file in your template
> (script tag) or in your Java Class (@Import annotation).
>
>
> Why the "sortable list" does not work with jQuery ? I have just realized
> that you jave just copy/past the sample from the jQuery UI demo website :
> http://jqueryui.com/demos/sortable/#default. So you do not need Prototype
> !
>
> Even if it is not the best implementation, your sample should work, if
> jQUery is loaded in the generated HTML ? Does it ? Any Javascript errors ?
>
> Manu
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [hidden email]<http://user/SendEmail.jtp?type=node&node=5482424&i=0>
> For additional commands, e-mail: [hidden email]<http://user/SendEmail.jtp?type=node&node=5482424&i=1>
>
>
>
>
> Ce message et les pièces jointes sont confidentiels et réservés à l'usage
> exclusif de ses destinataires. Il peut également être protégé par le secret
> professionnel. Si vous recevez ce message par erreur, merci d'en avertir
> immédiatement l'expéditeur et de le détruire. L'intégrité du message ne
> pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être
> recherchée quant au contenu de ce message. Bien que les meilleurs efforts
> soient faits pour maintenir cette transmission exempte de tout virus,
> l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne
> saurait être recherchée pour tout dommage résultant d'un virus transmis.
>
> This e-mail and the documents attached are confidential and intended
> solely for the addressee; it may also be privileged. If you receive this
> e-mail in error, please notify the sender immediately and destroy it. As
> its integrity cannot be secured on the Internet, the Atos liability cannot
> be triggered for the message content. Although the sender endeavours to
> maintain a computer virus-free network, the sender does not warrant that
> this transmission is virus-free and will not be liable for any damages
> resulting from any virus transmitted.
>
>
> ------------------------------
> If you reply to this email, your message will be added to the discussion
> below:
>
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482424.html
> To unsubscribe from How to use the jQuery Ajax examples from
> http://jqueryui.com/demos/, click here<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=5482269&code=YWxleGFuZGVyLnNvbW1lckBnbWFpbC5jb218NTQ4MjI2OXwxMDUzMzQxMzM4>
> .
> NAML<http://tapestry.1045711.n5.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482495.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
RE: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Demey Emmanuel <em...@atos.net>.
Hi
You are totally right, Tapestry includes Prototype and Script.aculo.us JavaScript libraries by default. You can use JavaScript :
- Directly in the template, inside a <script> tag, but it is not recommended.
- in an exernal file, and import this file in your template (script tag) or in your Java Class (@Import annotation).
Why the "sortable list" does not work with jQuery ? I have just realized that you jave just copy/past the sample from the jQuery UI demo website : http://jqueryui.com/demos/sortable/#default. So you do not need Prototype !
Even if it is not the best implementation, your sample should work, if jQUery is loaded in the generated HTML ? Does it ? Any Javascript errors ?
Manu
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by sommeralex <al...@gmail.com>.
Hi Emmanuel,
I have very little experience with JavaScript at all. This is the reason,
why i would like to use components - The only java-script enabled things i
need are multiple-file upload, and a sortable list (where i then can save
the order)
I could manage to use the multiple upload component with JQuery-Tapestry
component. But implementing or enabling javascript in TML pages is in my
opinion for beginners not well documented.
http://tapestry.apache.org/javascript.html
explains how to use external javascript libs. ok. but what about the default
libs prototype & and scricptacouls? Can you provide me an example how to use
the standard lib within a TML page?
The sortable list does not work with jQuery. So i thought i could just use
the standard javascript lib which comes with tapestry. Prototype and
Scriptaculous. This is the reason why i am using a "plain" tml header with
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"> / the
documentation says that javascript is injected by default if i am using
javascript.
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd">
<div class="demo">
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
</ul>
</div>
</html>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482347.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Emmanuel DEMEY <de...@gmail.com>.
I did not see your JavaScript code !
Do you have any JavaScript error ? Is your JavaScript code executed ? Is it
executed after generating all the HTML ?
Manu
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482317.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
RE: How to use the jQuery Ajax examples from
http://jqueryui.com/demos/
Posted by Demey Emmanuel <em...@atos.net>.
Hi Alexander
It is not mandatory to add the JQueryModule into the @SubModule annotation. It will be loaded automatically.
Your template
About suppressing Prototype, where do you change the value of this constant?
Manu
--
View this message in context: http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482269.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Ce message et les pièces jointes sont confidentiels et réservés à l'usage exclusif de ses destinataires. Il peut également être protégé par le secret professionnel. Si vous recevez ce message par erreur, merci d'en avertir immédiatement l'expéditeur et de le détruire. L'intégrité du message ne pouvant être assurée sur Internet, la responsabilité d'Atos ne pourra être recherchée quant au contenu de ce message. Bien que les meilleurs efforts soient faits pour maintenir cette transmission exempte de tout virus, l'expéditeur ne donne aucune garantie à cet égard et sa responsabilité ne saurait être recherchée pour tout dommage résultant d'un virus transmis.
This e-mail and the documents attached are confidential and intended solely for the addressee; it may also be privileged. If you receive this e-mail in error, please notify the sender immediately and destroy it. As its integrity cannot be secured on the Internet, the Atos liability cannot be triggered for the message content. Although the sender endeavours to maintain a computer virus-free network, the sender does not warrant that this transmission is virus-free and will not be liable for any damages resulting from any virus transmitted.
Re: How to use the jQuery Ajax examples from http://jqueryui.com/demos/
Posted by Emmanuel DEMEY <de...@gmail.com>.
Your template looks like a static HTML, without any JavaScript interaction.
You do not use any Tapestry5-jQuery or exanpe components. Is it normal ?
Manu
2012/2/14 sommeralex <al...@gmail.com>
> Hello!
>
> I would like to implement some of the demos of JQuery. What I did, so far,
> is:
>
> 1.
> adding the dependency
>
> <dependency>
> <groupId>org.got5</groupId>
> <artifactId>tapestry5-jquery</artifactId>
> <version>${tapestry-jquery-release-version}</version>
> </dependency>
>
> 2. adding the module in AppModule
> @SubModule({ExanpeLibraryModule.class, JQueryModule.class})
> public class AppModule
>
> 3.using the module in my tml
>
> <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> xmlns:j="tapestry-library:jquery">
>
> 4. copying the example demo code like:
>
>
>
>
>
>
> <div class="demo">
>
> <ul id="sortable">
> <li class="ui-state-default">Item 1</li>
> <li class="ui-state-default">Item 2</li>
> <li class="ui-state-default">Item 3</li>
> <li class="ui-state-default">Item 4</li>
> <li class="ui-state-default">Item 5</li>
> <li class="ui-state-default">Item 6</li>
> <li class="ui-state-default">Item 7</li>
> </ul>
>
> </div>
>
>
>
> <div style="display: none;" class="demo-description">
> <p>
> Enable a group of DOM elements to be sortable. Click on and drag an
> element to a new spot within the list, and the other items will
> adjust to
> fit. By default, sortable items share <code>draggable</code>
> properties.
> </p>
> </div>
>
> 5. additionally, i thought I could suppress prototype, but it has no effect
> configuration.add(JQuerySymbolConstants.SUPPRESS_PROTOTYPE, "true");
>
> - the demos are visible, but not interactive. also the GUI elements are
> shown correctly (like the orange arrow / so, it seems there is a reference,
> but something i am doing wrong...)
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/How-to-use-the-jQuery-Ajax-examples-from-http-jqueryui-com-demos-tp5482269p5482269.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr
Twitter : @gillespie59