Can't help with the previous issue but have someone tried this for a form?
This would mean to connect against the tapestry.form.submitAsync method
I can't get it to work because when addOnLoad fires the corresponding
tapestry js file is not yet fetched so the method does not exist.
I can't see another interception point but really want inform the user
that his form is currently submitted.
regards,
Markus
On 1/16/07, Daniel Anguita O. <[EMAIL PROTECTED]> wrote:
Thanks mkreis.
I was trying to work this out like you told me, but i can't get the
hide/show effect when is loading..
I've been many hours searching on the web for an explination but i still
can't get it. So i dicede to show you the html rendered, maybe you can
find easely what's my problem.
html rendered:
<html>
<head>
<meta name="generator" content="Tapestry Application Framework, version 4.1.1"
/>
<meta http-equiv="content" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Remote Control</title>
<script type="text/javascript">djConfig =
{"isDebug":true,"debugContainerId":"debug","baseRelativePath":"/RemoteControl/app?service=asset&path=%2Fdojo%2F","preventBackButtonFix":false,"parseWidgets":false,"locale":"es-ar"}
</script>
<script type="text/javascript"
src="/RemoteControl/app?service=asset&path=%2Fdojo%2Fdojo.js"></script>
<script type="text/javascript">
dojo.registerModulePath("tapestry",
"/RemoteControl/app?service=asset&path=%2Ftapestry%2F");
</script>
<script type="text/javascript"
src="/RemoteControl/app?service=asset&path=%2Ftapestry%2Fcore.js"></script>
<script type="text/javascript">
dojo.require("dojo.logging.Logger");
dojo.log.setLevel(dojo.log.getLevel("WARNING"));
dojo.require("tapestry.namespace");
</script>
<link rel="stylesheet" type="text/css" media="all" href="stylesheets/main.css"
/>
</head>
<head>
<title>Remote Control</title>
<script type="javascript">
dojo.require("dojo.lfx.html.*");
dojo.event.connect("around", tapestry, "loadContent", this,
"postLoading");
dojo.event.connect("around", tapestry, "linkOnClick", this,
"preLoading");
function preLoading(miObj){
//
// Get the id of updated component
var id = miObj.args[1];
//
// Here your code
dojo.lfx.html.fadeShow(dojo.byId('loader'), 500).play();
return miObj.proceed();
}
function postLoading(miObj){
//
// Get the id of updated component
var id = miObj.args[0];
//
// Here your code
dojo.lfx.html.fadeHide(dojo.byId('loader'), 500).play();
return miObj.proceed();
}
</script>
</head>
<body onload="dojo.lfx.html.fadeHide(dojo.byId('loader'), 500).play();"
id="Body">
<script type="text/javascript"><!--
dojo.require("tapestry.event");
// --></script>
<div id="loader" class="loader">Loading...</div>
...etc...
and when i make a componentUpdate with an EventListener nothing happens.. no
loading indicator appears.. and the ldx fade effect works fine in onload...
i think the functions are'nt called... or maybe i'm just doing the hole thing
wrong!?
please help!
Cheers
[EMAIL PROTECTED] escribió:
> I think I forgot to mention that fx.js was my inspiration ;)
>
> @ShowOnAjax should also have a parameter with a list of components.
@ShowOnAjax then only reacts on Ajax-Events within those components. @ShowOnAjax
could also have two subcomponents like a4j:status.
>
> ciao.michael.
>
>
>> -----Ursprüngliche Nachricht-----
>> Von: "Tapestry users" <users@tapestry.apache.org>
>> Gesendet: 16.01.07 15:27:12
>> An: Tapestry users <users@tapestry.apache.org>
>> Betreff: Re: Ajax Loading Indicator (google style)
>>
>
>
>
>> Yep, that's a nice way of doing this...
>>
>> It's also how effects are currently implemented
>>
http://svn.apache.org/viewvc/tapestry/tapestry4/trunk/tapestry-framework/src/js/tapestry/fx.js?view=markup
>>
>> Anyway, Daniel, it wouldn't hurt adding a JIRA request for this feature
>> - i know i'll need something like this
>> in the very near future.
>>
>> I also think i like the Microsoft way of doing this, i.e. with a component
>> <div jwcid="@contrib:ShowOnAjax"> ... </div>
>> instead of the tacos way, i.e. with the statusElement parameter for
>> every link of form
>> component ( http://tacos.sourceforge.net/components/AjaxDirectLink.html )
>>
>>
>> [EMAIL PROTECTED] wrote:
>>
>>> Hi Daniel,
>>>
>>> in the onLoad of Dojo you have to registered two functions
>>>
>>> dojo.event.connect("around", tapestry, "loadContent", this, "postLoading");
>>> dojo.event.connect("around", tapestry, "linkOnClick", this, "preLoading");
>>>
>>> These functions surround the tapestry functions responsible for updating
content.
>>>
>>> function preLoading(miObj)
>>> {
>>> //
>>> // Get the id of updated component
>>> var id = miObj.args[1];
>>> //
>>> // Here your code
>>> Dojo.byId("loader").Show
>>>
>>> return miObj.proceed();
>>> }
>>>
>>> function postLost(miObj)
>>> {
>>> //
>>> // Get the id of updated component
>>> var id = miObj.args[0];
>>> //
>>> // Here your code
>>> Dojo.byId("loader").Show
>>>
>>> return miObj.proceed();
>>> }
>>>
>>> ciao.michael.
>>>
>>>
>>>
>>>> -----Ursprüngliche Nachricht-----
>>>> Von: "Tapestry users" <users@tapestry.apache.org>
>>>> Gesendet: 16.01.07 14:03:40
>>>> An: Tapestry users <users@tapestry.apache.org>
>>>> Betreff: Ajax Loading Indicator (google style)
>>>>
>>>>
>>>
>>>
>>>> Hello all.
>>>>
>>>> I'm using Tapestry 4.1.1 and i'm learning to use ajax with it.
>>>> Now i'm trying to make a loading indicator for ajax request when are
>>>> loading, like google. So i make a simple div like this:
>>>>
>>>> <div id="loader" class="loader">Loading...</div>
>>>>
>>>> and i want to make it visible when i run an EventListener and when it's
>>>> finish, make it invisible. In other frameworks making this was very
>>>> easy, but i dont know how to make it with Dojo, using something like
>>>>
>>>> Dojo.byId("loader").Show <- when i get "onloading" ajax thing.
>>>> Dojo.byId("loader").Hide <- and whern i get "oncomplete" ajax thing.
>>>>
>>>> Anyone knows any way to do this? Theres is something like
>>>> updateComponent to make it visible and invisible?
>>>>
>>>> Cheers
>>>>
>>>> ---------------------------------------------------------------------
>>>> To unsubscribe, e-mail: [EMAIL PROTECTED]
>>>> For additional commands, e-mail: [EMAIL PROTECTED]
>>>>
>>>>
>>>>
>>>>
>>> _______________________________________________________________________
>>> Viren-Scan für Ihren PC! Jetzt für jeden. Sofort, online und kostenlos.
>>> Gleich testen! http://www.pc-sicherheit.web.de/freescan/?mc=022222
>>>
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: [EMAIL PROTECTED]
>>> For additional commands, e-mail: [EMAIL PROTECTED]
>>>
>>>
>>>
>>>
>>>
>> --
>> Andreas Andreou - [EMAIL PROTECTED] - http://andyhot.di.uoa.gr
>> Tapestry / Tacos developer
>> Open Source / J2EE Consulting
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [EMAIL PROTECTED]
>> For additional commands, e-mail: [EMAIL PROTECTED]
>>
>>
>>
>
>
> ______________________________________________________________________
> XXL-Speicher, PC-Virenschutz, Spartarife & mehr: Nur im WEB.DE Club!
> Jetzt gratis testen! http://freemail.web.de/home/landingpad/?mc=021130
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [EMAIL PROTECTED]
> For additional commands, e-mail: [EMAIL PROTECTED]
>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
