You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Chris Mylonas <ch...@opencsta.org> on 2012/04/04 08:12:07 UTC
tapestry5-jquery simple sample not working
Hi All,
I'll post this in the google groups linked to the tapestry5-jquery project as well.
To repeat what I have done:
1) Create a package under pages called test.
2) Create class JQuery.java with this in it.
package org.example.jquerytest.pages.test;
import org.apache.tapestry5.annotations.Import;
@Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
@ImportJQueryUI("jquery.ui.mouse")
public class JQuery {
}
3. Create src/main/webapp/layout/mouseover.css with this in it.
div.out { width:40%; height:120px; margin:0 15px;
background-color:#D6EDFC; float:left; }
div.in { width:60%; height:60%;
background-color:#FFCC00; margin:10px auto; }
p { line-height:1em; margin:0; padding:0; }
4. Create src/main/webapp/js/mouseover.js with this in it.
var i = 0;
$("div.overout").mouseover(function() {
i += 1;
$(this).find("span").text( "mouse over x " + i );
}).mouseout(function(){
$(this).find("span").text("mouse out ");
});
var n = 0;
$("div.enterleave").mouseenter(function() {
n += 1;
$(this).find("span").text( "mouse enter x " + n );
}).mouseleave(function() {
$(this).find("span").text("mouse leave");
});
5. Create the template for the pages/test/JQuery.java file calling it pages/test/JQuery.tml
<html t:type="layout" title="Contact org.example"
xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd" xmlns:p="tapestry:parameter">
<p>JQuery Testing</p>
<div class="out overout">
<span>move your mouse</span>
<div class="in">
</div>
</div>
<div class="out enterleave">
<span>move your mouse</span>
<div class="in">
</div>
</div>
</html>
The css and js files are included in the html source and i can view them, so they are there and jquery.ui.mouse.min.js is also included and viewable.
MouseOver function as per the jquery example http://api.jquery.com/mouseover/ does not work though.
Any ideas?
Cheers
Chris
Re: tapestry5-jquery simple sample not working
Posted by Geoff Callender <ge...@gmail.com>.
Fixed and released. Yep, that deserves a schooner. Thanks.
On 07/05/2012, at 11:23 PM, Chris Mylonas wrote:
> does this mean i win the schooner question geoff ;) may be a typo for AppModule.java
> http://jumpstart.doublenegative.com.au/jumpstart/examples/javascript/jquery
>
>
> Source code: Appmodule.java
> The file was not found.
>
> Path given was /WEB-INF/sourcecode/web/src/main/java/jumpstart/web/services/Appmodule.java
>
>
>
>
>
>
> On 07/05/2012, at 9:48 PM, Geoff Callender wrote:
>
>> I've added a JQuery example to JumpStart. If you guys can see nothing wrong with it I'll make the general announcement tomorrow.
>>
>> Geoff
>>
>> On 04/04/2012, at 7:27 PM, Emmanuel DEMEY wrote:
>>
>>> From the source code, and by using the JavaScript console of Google Chrome
>>>
>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>
>>>> COOOOOOOOOOOOOOOL!!!!!
>>>>
>>>> Is this a common problem with people that don't know jquery/js ? (me)
>>>> &
>>>> How did you notice - from d/l the src? Or from the log snippet?
>>>> Or did you just take a guess?
>>>>
>>>>
>>>> Thank you so much!
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> On 04/04/2012, at 7:18 PM, Emmanuel DEMEY wrote:
>>>>
>>>>> Hi
>>>>> Your JavaScript code look to be called before the rendering of your page.
>>>>> Sourroung your jQuery by a $(document).ready(function(){
>>>>> //your mouse handlers
>>>>> });
>>>>>
>>>>> Manu
>>>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>>>
>>>>>> Manu - you sound like a gentleman! Cheers
>>>>>>
>>>>>> On the Index page of clean quickstart - ajax increment working
>>>>>>
>>>>>>
>>>>>> [18:47:27.047] Error in parsing value for 'filter'. Declaration
>>>> dropped.
>>>>>> @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>>>>>> [18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>>>>>> [18:47:27.068] Error in parsing value for 'font'. Declaration dropped.
>>>> @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>>>>>> [18:47:27.075] Error in parsing value for 'filter'. Declaration
>>>> dropped.
>>>>>> @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>>>>>> [18:47:27.086] Unknown property 'zoom'. Declaration dropped. @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>>>>>
>>>>>>
>>>>>>
>>>>>> And the sample below
>>>>>> [18:56:38.326] Error in parsing value for 'filter'. Declaration
>>>> dropped.
>>>>>> @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>>>>>> [18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>>>>>> [18:56:38.332] Error in parsing value for 'font'. Declaration dropped.
>>>> @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>>>>>> [18:56:38.335] Error in parsing value for 'filter'. Declaration
>>>> dropped.
>>>>>> @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>>>>>> [18:56:38.360] Unknown property 'zoom'. Declaration dropped. @
>>>>>>
>>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>>>>>
>>>>>>
>>>>>>
>>>>>> My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip ,
>>>> mvn
>>>>>> clean jetty:run should get the same output.
>>>>>>
>>>>>>
>>>>>> Do those errors mean anything to you?
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
>>>>>>
>>>>>>> Hi
>>>>>>>
>>>>>>> First, I will ask "Do you have any JavaScript errors ?"
>>>>>>>
>>>>>>> Manu
>>>>>>>
>>>>>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>>>>>
>>>>>>>> Well if someone could relay this into the google group that would be
>>>>>> great.
>>>>>>>> I'm logged into google but cannot create a new topic :(
>>>>>>>> pfft!
>>>>>>>>
>>>>>>>> Thanks
>>>>>>>> Chris
>>>>>>>>
>>>>>>>> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
>>>>>>>>
>>>>>>>>> Hi All,
>>>>>>>>>
>>>>>>>>> I'll post this in the google groups linked to the tapestry5-jquery
>>>>>>>> project as well.
>>>>>>>>> To repeat what I have done:
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> 1) Create a package under pages called test.
>>>>>>>>> 2) Create class JQuery.java with this in it.
>>>>>>>>>
>>>>>>>>> package org.example.jquerytest.pages.test;
>>>>>>>>>
>>>>>>>>> import org.apache.tapestry5.annotations.Import;
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>
>>>> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
>>>>>>>>> @ImportJQueryUI("jquery.ui.mouse")
>>>>>>>>> public class JQuery {
>>>>>>>>>
>>>>>>>>> }
>>>>>>>>>
>>>>>>>>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
>>>>>>>>>
>>>>>>>>> div.out { width:40%; height:120px; margin:0 15px;
>>>>>>>>> background-color:#D6EDFC; float:left; }
>>>>>>>>> div.in { width:60%; height:60%;
>>>>>>>>> background-color:#FFCC00; margin:10px auto; }
>>>>>>>>> p { line-height:1em; margin:0; padding:0; }
>>>>>>>>>
>>>>>>>>> 4. Create src/main/webapp/js/mouseover.js with this in it.
>>>>>>>>>
>>>>>>>>> var i = 0;
>>>>>>>>> $("div.overout").mouseover(function() {
>>>>>>>>> i += 1;
>>>>>>>>> $(this).find("span").text( "mouse over x " + i );
>>>>>>>>> }).mouseout(function(){
>>>>>>>>> $(this).find("span").text("mouse out ");
>>>>>>>>> });
>>>>>>>>>
>>>>>>>>> var n = 0;
>>>>>>>>> $("div.enterleave").mouseenter(function() {
>>>>>>>>> n += 1;
>>>>>>>>> $(this).find("span").text( "mouse enter x " + n );
>>>>>>>>> }).mouseleave(function() {
>>>>>>>>> $(this).find("span").text("mouse leave");
>>>>>>>>> });
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> 5. Create the template for the pages/test/JQuery.java file calling
>>>> it
>>>>>>>> pages/test/JQuery.tml
>>>>>>>>>
>>>>>>>>> <html t:type="layout" title="Contact org.example"
>>>>>>>>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>>>>>>>> xmlns:p="tapestry:parameter">
>>>>>>>>>
>>>>>>>>> <p>JQuery Testing</p>
>>>>>>>>>
>>>>>>>>> <div class="out overout">
>>>>>>>>> <span>move your mouse</span>
>>>>>>>>> <div class="in">
>>>>>>>>> </div>
>>>>>>>>> </div>
>>>>>>>>>
>>>>>>>>> <div class="out enterleave">
>>>>>>>>> <span>move your mouse</span>
>>>>>>>>> <div class="in">
>>>>>>>>> </div>
>>>>>>>>> </div>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> </html>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> The css and js files are included in the html source and i can view
>>>>>>>> them, so they are there and jquery.ui.mouse.min.js is also included
>>>> and
>>>>>>>> viewable.
>>>>>>>>>
>>>>>>>>> MouseOver function as per the jquery example
>>>>>>>> http://api.jquery.com/mouseover/ does not work though.
>>>>>>>>>
>>>>>>>>> Any ideas?
>>>>>>>>>
>>>>>>>>> Cheers
>>>>>>>>> Chris
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> 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
>>>>>>
>>>>>>
>>>>>> ---------------------------------------------------------------------
>>>>>> 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
>>>>
>>>>
>>>> ---------------------------------------------------------------------
>>>> 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
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: users-help@tapestry.apache.org
>>
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: tapestry5-jquery simple sample not working
Posted by Chris Mylonas <ch...@opencsta.org>.
does this mean i win the schooner question geoff ;) may be a typo for AppModule.java
http://jumpstart.doublenegative.com.au/jumpstart/examples/javascript/jquery
Source code: Appmodule.java
The file was not found.
Path given was /WEB-INF/sourcecode/web/src/main/java/jumpstart/web/services/Appmodule.java
On 07/05/2012, at 9:48 PM, Geoff Callender wrote:
> I've added a JQuery example to JumpStart. If you guys can see nothing wrong with it I'll make the general announcement tomorrow.
>
> Geoff
>
> On 04/04/2012, at 7:27 PM, Emmanuel DEMEY wrote:
>
>> From the source code, and by using the JavaScript console of Google Chrome
>>
>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>
>>> COOOOOOOOOOOOOOOL!!!!!
>>>
>>> Is this a common problem with people that don't know jquery/js ? (me)
>>> &
>>> How did you notice - from d/l the src? Or from the log snippet?
>>> Or did you just take a guess?
>>>
>>>
>>> Thank you so much!
>>>
>>>
>>>
>>>
>>>
>>> On 04/04/2012, at 7:18 PM, Emmanuel DEMEY wrote:
>>>
>>>> Hi
>>>> Your JavaScript code look to be called before the rendering of your page.
>>>> Sourroung your jQuery by a $(document).ready(function(){
>>>> //your mouse handlers
>>>> });
>>>>
>>>> Manu
>>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>>
>>>>> Manu - you sound like a gentleman! Cheers
>>>>>
>>>>> On the Index page of clean quickstart - ajax increment working
>>>>>
>>>>>
>>>>> [18:47:27.047] Error in parsing value for 'filter'. Declaration
>>> dropped.
>>>>> @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>>>>> [18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>>>>> [18:47:27.068] Error in parsing value for 'font'. Declaration dropped.
>>> @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>>>>> [18:47:27.075] Error in parsing value for 'filter'. Declaration
>>> dropped.
>>>>> @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>>>>> [18:47:27.086] Unknown property 'zoom'. Declaration dropped. @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>>>>
>>>>>
>>>>>
>>>>> And the sample below
>>>>> [18:56:38.326] Error in parsing value for 'filter'. Declaration
>>> dropped.
>>>>> @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>>>>> [18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>>>>> [18:56:38.332] Error in parsing value for 'font'. Declaration dropped.
>>> @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>>>>> [18:56:38.335] Error in parsing value for 'filter'. Declaration
>>> dropped.
>>>>> @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>>>>> [18:56:38.360] Unknown property 'zoom'. Declaration dropped. @
>>>>>
>>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>>>>
>>>>>
>>>>>
>>>>> My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip ,
>>> mvn
>>>>> clean jetty:run should get the same output.
>>>>>
>>>>>
>>>>> Do those errors mean anything to you?
>>>>>
>>>>>
>>>>>
>>>>>
>>>>> On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
>>>>>
>>>>>> Hi
>>>>>>
>>>>>> First, I will ask "Do you have any JavaScript errors ?"
>>>>>>
>>>>>> Manu
>>>>>>
>>>>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>>>>
>>>>>>> Well if someone could relay this into the google group that would be
>>>>> great.
>>>>>>> I'm logged into google but cannot create a new topic :(
>>>>>>> pfft!
>>>>>>>
>>>>>>> Thanks
>>>>>>> Chris
>>>>>>>
>>>>>>> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
>>>>>>>
>>>>>>>> Hi All,
>>>>>>>>
>>>>>>>> I'll post this in the google groups linked to the tapestry5-jquery
>>>>>>> project as well.
>>>>>>>> To repeat what I have done:
>>>>>>>>
>>>>>>>>
>>>>>>>> 1) Create a package under pages called test.
>>>>>>>> 2) Create class JQuery.java with this in it.
>>>>>>>>
>>>>>>>> package org.example.jquerytest.pages.test;
>>>>>>>>
>>>>>>>> import org.apache.tapestry5.annotations.Import;
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>
>>> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
>>>>>>>> @ImportJQueryUI("jquery.ui.mouse")
>>>>>>>> public class JQuery {
>>>>>>>>
>>>>>>>> }
>>>>>>>>
>>>>>>>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
>>>>>>>>
>>>>>>>> div.out { width:40%; height:120px; margin:0 15px;
>>>>>>>> background-color:#D6EDFC; float:left; }
>>>>>>>> div.in { width:60%; height:60%;
>>>>>>>> background-color:#FFCC00; margin:10px auto; }
>>>>>>>> p { line-height:1em; margin:0; padding:0; }
>>>>>>>>
>>>>>>>> 4. Create src/main/webapp/js/mouseover.js with this in it.
>>>>>>>>
>>>>>>>> var i = 0;
>>>>>>>> $("div.overout").mouseover(function() {
>>>>>>>> i += 1;
>>>>>>>> $(this).find("span").text( "mouse over x " + i );
>>>>>>>> }).mouseout(function(){
>>>>>>>> $(this).find("span").text("mouse out ");
>>>>>>>> });
>>>>>>>>
>>>>>>>> var n = 0;
>>>>>>>> $("div.enterleave").mouseenter(function() {
>>>>>>>> n += 1;
>>>>>>>> $(this).find("span").text( "mouse enter x " + n );
>>>>>>>> }).mouseleave(function() {
>>>>>>>> $(this).find("span").text("mouse leave");
>>>>>>>> });
>>>>>>>>
>>>>>>>>
>>>>>>>> 5. Create the template for the pages/test/JQuery.java file calling
>>> it
>>>>>>> pages/test/JQuery.tml
>>>>>>>>
>>>>>>>> <html t:type="layout" title="Contact org.example"
>>>>>>>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>>>>>>> xmlns:p="tapestry:parameter">
>>>>>>>>
>>>>>>>> <p>JQuery Testing</p>
>>>>>>>>
>>>>>>>> <div class="out overout">
>>>>>>>> <span>move your mouse</span>
>>>>>>>> <div class="in">
>>>>>>>> </div>
>>>>>>>> </div>
>>>>>>>>
>>>>>>>> <div class="out enterleave">
>>>>>>>> <span>move your mouse</span>
>>>>>>>> <div class="in">
>>>>>>>> </div>
>>>>>>>> </div>
>>>>>>>>
>>>>>>>>
>>>>>>>> </html>
>>>>>>>>
>>>>>>>>
>>>>>>>> The css and js files are included in the html source and i can view
>>>>>>> them, so they are there and jquery.ui.mouse.min.js is also included
>>> and
>>>>>>> viewable.
>>>>>>>>
>>>>>>>> MouseOver function as per the jquery example
>>>>>>> http://api.jquery.com/mouseover/ does not work though.
>>>>>>>>
>>>>>>>> Any ideas?
>>>>>>>>
>>>>>>>> Cheers
>>>>>>>> Chris
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> 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
>>>>>
>>>>>
>>>>> ---------------------------------------------------------------------
>>>>> 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
>>>
>>>
>>> ---------------------------------------------------------------------
>>> 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
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: tapestry5-jquery simple sample not working
Posted by Geoff Callender <ge...@gmail.com>.
I've added a JQuery example to JumpStart. If you guys can see nothing wrong with it I'll make the general announcement tomorrow.
Geoff
On 04/04/2012, at 7:27 PM, Emmanuel DEMEY wrote:
> From the source code, and by using the JavaScript console of Google Chrome
>
> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>
>> COOOOOOOOOOOOOOOL!!!!!
>>
>> Is this a common problem with people that don't know jquery/js ? (me)
>> &
>> How did you notice - from d/l the src? Or from the log snippet?
>> Or did you just take a guess?
>>
>>
>> Thank you so much!
>>
>>
>>
>>
>>
>> On 04/04/2012, at 7:18 PM, Emmanuel DEMEY wrote:
>>
>>> Hi
>>> Your JavaScript code look to be called before the rendering of your page.
>>> Sourroung your jQuery by a $(document).ready(function(){
>>> //your mouse handlers
>>> });
>>>
>>> Manu
>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>
>>>> Manu - you sound like a gentleman! Cheers
>>>>
>>>> On the Index page of clean quickstart - ajax increment working
>>>>
>>>>
>>>> [18:47:27.047] Error in parsing value for 'filter'. Declaration
>> dropped.
>>>> @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>>>> [18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>>>> [18:47:27.068] Error in parsing value for 'font'. Declaration dropped.
>> @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>>>> [18:47:27.075] Error in parsing value for 'filter'. Declaration
>> dropped.
>>>> @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>>>> [18:47:27.086] Unknown property 'zoom'. Declaration dropped. @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>>>
>>>>
>>>>
>>>> And the sample below
>>>> [18:56:38.326] Error in parsing value for 'filter'. Declaration
>> dropped.
>>>> @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>>>> [18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>>>> [18:56:38.332] Error in parsing value for 'font'. Declaration dropped.
>> @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>>>> [18:56:38.335] Error in parsing value for 'filter'. Declaration
>> dropped.
>>>> @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>>>> [18:56:38.360] Unknown property 'zoom'. Declaration dropped. @
>>>>
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>>>
>>>>
>>>>
>>>> My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip ,
>> mvn
>>>> clean jetty:run should get the same output.
>>>>
>>>>
>>>> Do those errors mean anything to you?
>>>>
>>>>
>>>>
>>>>
>>>> On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
>>>>
>>>>> Hi
>>>>>
>>>>> First, I will ask "Do you have any JavaScript errors ?"
>>>>>
>>>>> Manu
>>>>>
>>>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>>>
>>>>>> Well if someone could relay this into the google group that would be
>>>> great.
>>>>>> I'm logged into google but cannot create a new topic :(
>>>>>> pfft!
>>>>>>
>>>>>> Thanks
>>>>>> Chris
>>>>>>
>>>>>> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
>>>>>>
>>>>>>> Hi All,
>>>>>>>
>>>>>>> I'll post this in the google groups linked to the tapestry5-jquery
>>>>>> project as well.
>>>>>>> To repeat what I have done:
>>>>>>>
>>>>>>>
>>>>>>> 1) Create a package under pages called test.
>>>>>>> 2) Create class JQuery.java with this in it.
>>>>>>>
>>>>>>> package org.example.jquerytest.pages.test;
>>>>>>>
>>>>>>> import org.apache.tapestry5.annotations.Import;
>>>>>>>
>>>>>>>
>>>>>>
>>>>
>> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
>>>>>>> @ImportJQueryUI("jquery.ui.mouse")
>>>>>>> public class JQuery {
>>>>>>>
>>>>>>> }
>>>>>>>
>>>>>>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
>>>>>>>
>>>>>>> div.out { width:40%; height:120px; margin:0 15px;
>>>>>>> background-color:#D6EDFC; float:left; }
>>>>>>> div.in { width:60%; height:60%;
>>>>>>> background-color:#FFCC00; margin:10px auto; }
>>>>>>> p { line-height:1em; margin:0; padding:0; }
>>>>>>>
>>>>>>> 4. Create src/main/webapp/js/mouseover.js with this in it.
>>>>>>>
>>>>>>> var i = 0;
>>>>>>> $("div.overout").mouseover(function() {
>>>>>>> i += 1;
>>>>>>> $(this).find("span").text( "mouse over x " + i );
>>>>>>> }).mouseout(function(){
>>>>>>> $(this).find("span").text("mouse out ");
>>>>>>> });
>>>>>>>
>>>>>>> var n = 0;
>>>>>>> $("div.enterleave").mouseenter(function() {
>>>>>>> n += 1;
>>>>>>> $(this).find("span").text( "mouse enter x " + n );
>>>>>>> }).mouseleave(function() {
>>>>>>> $(this).find("span").text("mouse leave");
>>>>>>> });
>>>>>>>
>>>>>>>
>>>>>>> 5. Create the template for the pages/test/JQuery.java file calling
>> it
>>>>>> pages/test/JQuery.tml
>>>>>>>
>>>>>>> <html t:type="layout" title="Contact org.example"
>>>>>>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>>>>>> xmlns:p="tapestry:parameter">
>>>>>>>
>>>>>>> <p>JQuery Testing</p>
>>>>>>>
>>>>>>> <div class="out overout">
>>>>>>> <span>move your mouse</span>
>>>>>>> <div class="in">
>>>>>>> </div>
>>>>>>> </div>
>>>>>>>
>>>>>>> <div class="out enterleave">
>>>>>>> <span>move your mouse</span>
>>>>>>> <div class="in">
>>>>>>> </div>
>>>>>>> </div>
>>>>>>>
>>>>>>>
>>>>>>> </html>
>>>>>>>
>>>>>>>
>>>>>>> The css and js files are included in the html source and i can view
>>>>>> them, so they are there and jquery.ui.mouse.min.js is also included
>> and
>>>>>> viewable.
>>>>>>>
>>>>>>> MouseOver function as per the jquery example
>>>>>> http://api.jquery.com/mouseover/ does not work though.
>>>>>>>
>>>>>>> Any ideas?
>>>>>>>
>>>>>>> Cheers
>>>>>>> Chris
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> 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
>>>>
>>>>
>>>> ---------------------------------------------------------------------
>>>> 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
>>
>>
>> ---------------------------------------------------------------------
>> 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
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: tapestry5-jquery simple sample not working
Posted by Emmanuel DEMEY <de...@gmail.com>.
>From the source code, and by using the JavaScript console of Google Chrome
2012/4/4 Chris Mylonas <ch...@opencsta.org>
> COOOOOOOOOOOOOOOL!!!!!
>
> Is this a common problem with people that don't know jquery/js ? (me)
> &
> How did you notice - from d/l the src? Or from the log snippet?
> Or did you just take a guess?
>
>
> Thank you so much!
>
>
>
>
>
> On 04/04/2012, at 7:18 PM, Emmanuel DEMEY wrote:
>
> > Hi
> > Your JavaScript code look to be called before the rendering of your page.
> > Sourroung your jQuery by a $(document).ready(function(){
> > //your mouse handlers
> > });
> >
> > Manu
> > 2012/4/4 Chris Mylonas <ch...@opencsta.org>
> >
> >> Manu - you sound like a gentleman! Cheers
> >>
> >> On the Index page of clean quickstart - ajax increment working
> >>
> >>
> >> [18:47:27.047] Error in parsing value for 'filter'. Declaration
> dropped.
> >> @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
> >> [18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
> >> [18:47:27.068] Error in parsing value for 'font'. Declaration dropped.
> @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
> >> [18:47:27.075] Error in parsing value for 'filter'. Declaration
> dropped.
> >> @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
> >> [18:47:27.086] Unknown property 'zoom'. Declaration dropped. @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
> >>
> >>
> >>
> >> And the sample below
> >> [18:56:38.326] Error in parsing value for 'filter'. Declaration
> dropped.
> >> @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
> >> [18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
> >> [18:56:38.332] Error in parsing value for 'font'. Declaration dropped.
> @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
> >> [18:56:38.335] Error in parsing value for 'filter'. Declaration
> dropped.
> >> @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
> >> [18:56:38.360] Unknown property 'zoom'. Declaration dropped. @
> >>
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
> >>
> >>
> >>
> >> My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip ,
> mvn
> >> clean jetty:run should get the same output.
> >>
> >>
> >> Do those errors mean anything to you?
> >>
> >>
> >>
> >>
> >> On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
> >>
> >>> Hi
> >>>
> >>> First, I will ask "Do you have any JavaScript errors ?"
> >>>
> >>> Manu
> >>>
> >>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
> >>>
> >>>> Well if someone could relay this into the google group that would be
> >> great.
> >>>> I'm logged into google but cannot create a new topic :(
> >>>> pfft!
> >>>>
> >>>> Thanks
> >>>> Chris
> >>>>
> >>>> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
> >>>>
> >>>>> Hi All,
> >>>>>
> >>>>> I'll post this in the google groups linked to the tapestry5-jquery
> >>>> project as well.
> >>>>> To repeat what I have done:
> >>>>>
> >>>>>
> >>>>> 1) Create a package under pages called test.
> >>>>> 2) Create class JQuery.java with this in it.
> >>>>>
> >>>>> package org.example.jquerytest.pages.test;
> >>>>>
> >>>>> import org.apache.tapestry5.annotations.Import;
> >>>>>
> >>>>>
> >>>>
> >>
> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
> >>>>> @ImportJQueryUI("jquery.ui.mouse")
> >>>>> public class JQuery {
> >>>>>
> >>>>> }
> >>>>>
> >>>>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
> >>>>>
> >>>>> div.out { width:40%; height:120px; margin:0 15px;
> >>>>> background-color:#D6EDFC; float:left; }
> >>>>> div.in { width:60%; height:60%;
> >>>>> background-color:#FFCC00; margin:10px auto; }
> >>>>> p { line-height:1em; margin:0; padding:0; }
> >>>>>
> >>>>> 4. Create src/main/webapp/js/mouseover.js with this in it.
> >>>>>
> >>>>> var i = 0;
> >>>>> $("div.overout").mouseover(function() {
> >>>>> i += 1;
> >>>>> $(this).find("span").text( "mouse over x " + i );
> >>>>> }).mouseout(function(){
> >>>>> $(this).find("span").text("mouse out ");
> >>>>> });
> >>>>>
> >>>>> var n = 0;
> >>>>> $("div.enterleave").mouseenter(function() {
> >>>>> n += 1;
> >>>>> $(this).find("span").text( "mouse enter x " + n );
> >>>>> }).mouseleave(function() {
> >>>>> $(this).find("span").text("mouse leave");
> >>>>> });
> >>>>>
> >>>>>
> >>>>> 5. Create the template for the pages/test/JQuery.java file calling
> it
> >>>> pages/test/JQuery.tml
> >>>>>
> >>>>> <html t:type="layout" title="Contact org.example"
> >>>>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> >>>> xmlns:p="tapestry:parameter">
> >>>>>
> >>>>> <p>JQuery Testing</p>
> >>>>>
> >>>>> <div class="out overout">
> >>>>> <span>move your mouse</span>
> >>>>> <div class="in">
> >>>>> </div>
> >>>>> </div>
> >>>>>
> >>>>> <div class="out enterleave">
> >>>>> <span>move your mouse</span>
> >>>>> <div class="in">
> >>>>> </div>
> >>>>> </div>
> >>>>>
> >>>>>
> >>>>> </html>
> >>>>>
> >>>>>
> >>>>> The css and js files are included in the html source and i can view
> >>>> them, so they are there and jquery.ui.mouse.min.js is also included
> and
> >>>> viewable.
> >>>>>
> >>>>> MouseOver function as per the jquery example
> >>>> http://api.jquery.com/mouseover/ does not work though.
> >>>>>
> >>>>> Any ideas?
> >>>>>
> >>>>> Cheers
> >>>>> Chris
> >>>>
> >>>>
> >>>
> >>>
> >>> --
> >>> 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
> >>
> >>
> >> ---------------------------------------------------------------------
> >> 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
>
>
> ---------------------------------------------------------------------
> 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
Re: tapestry5-jquery simple sample not working
Posted by Chris Mylonas <ch...@opencsta.org>.
COOOOOOOOOOOOOOOL!!!!!
Is this a common problem with people that don't know jquery/js ? (me)
&
How did you notice - from d/l the src? Or from the log snippet?
Or did you just take a guess?
Thank you so much!
On 04/04/2012, at 7:18 PM, Emmanuel DEMEY wrote:
> Hi
> Your JavaScript code look to be called before the rendering of your page.
> Sourroung your jQuery by a $(document).ready(function(){
> //your mouse handlers
> });
>
> Manu
> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>
>> Manu - you sound like a gentleman! Cheers
>>
>> On the Index page of clean quickstart - ajax increment working
>>
>>
>> [18:47:27.047] Error in parsing value for 'filter'. Declaration dropped.
>> @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>> [18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>> [18:47:27.068] Error in parsing value for 'font'. Declaration dropped. @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>> [18:47:27.075] Error in parsing value for 'filter'. Declaration dropped.
>> @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>> [18:47:27.086] Unknown property 'zoom'. Declaration dropped. @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>
>>
>>
>> And the sample below
>> [18:56:38.326] Error in parsing value for 'filter'. Declaration dropped.
>> @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
>> [18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
>> [18:56:38.332] Error in parsing value for 'font'. Declaration dropped. @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
>> [18:56:38.335] Error in parsing value for 'filter'. Declaration dropped.
>> @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
>> [18:56:38.360] Unknown property 'zoom'. Declaration dropped. @
>> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>>
>>
>>
>> My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip , mvn
>> clean jetty:run should get the same output.
>>
>>
>> Do those errors mean anything to you?
>>
>>
>>
>>
>> On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
>>
>>> Hi
>>>
>>> First, I will ask "Do you have any JavaScript errors ?"
>>>
>>> Manu
>>>
>>> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>>>
>>>> Well if someone could relay this into the google group that would be
>> great.
>>>> I'm logged into google but cannot create a new topic :(
>>>> pfft!
>>>>
>>>> Thanks
>>>> Chris
>>>>
>>>> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
>>>>
>>>>> Hi All,
>>>>>
>>>>> I'll post this in the google groups linked to the tapestry5-jquery
>>>> project as well.
>>>>> To repeat what I have done:
>>>>>
>>>>>
>>>>> 1) Create a package under pages called test.
>>>>> 2) Create class JQuery.java with this in it.
>>>>>
>>>>> package org.example.jquerytest.pages.test;
>>>>>
>>>>> import org.apache.tapestry5.annotations.Import;
>>>>>
>>>>>
>>>>
>> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
>>>>> @ImportJQueryUI("jquery.ui.mouse")
>>>>> public class JQuery {
>>>>>
>>>>> }
>>>>>
>>>>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
>>>>>
>>>>> div.out { width:40%; height:120px; margin:0 15px;
>>>>> background-color:#D6EDFC; float:left; }
>>>>> div.in { width:60%; height:60%;
>>>>> background-color:#FFCC00; margin:10px auto; }
>>>>> p { line-height:1em; margin:0; padding:0; }
>>>>>
>>>>> 4. Create src/main/webapp/js/mouseover.js with this in it.
>>>>>
>>>>> var i = 0;
>>>>> $("div.overout").mouseover(function() {
>>>>> i += 1;
>>>>> $(this).find("span").text( "mouse over x " + i );
>>>>> }).mouseout(function(){
>>>>> $(this).find("span").text("mouse out ");
>>>>> });
>>>>>
>>>>> var n = 0;
>>>>> $("div.enterleave").mouseenter(function() {
>>>>> n += 1;
>>>>> $(this).find("span").text( "mouse enter x " + n );
>>>>> }).mouseleave(function() {
>>>>> $(this).find("span").text("mouse leave");
>>>>> });
>>>>>
>>>>>
>>>>> 5. Create the template for the pages/test/JQuery.java file calling it
>>>> pages/test/JQuery.tml
>>>>>
>>>>> <html t:type="layout" title="Contact org.example"
>>>>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>>>> xmlns:p="tapestry:parameter">
>>>>>
>>>>> <p>JQuery Testing</p>
>>>>>
>>>>> <div class="out overout">
>>>>> <span>move your mouse</span>
>>>>> <div class="in">
>>>>> </div>
>>>>> </div>
>>>>>
>>>>> <div class="out enterleave">
>>>>> <span>move your mouse</span>
>>>>> <div class="in">
>>>>> </div>
>>>>> </div>
>>>>>
>>>>>
>>>>> </html>
>>>>>
>>>>>
>>>>> The css and js files are included in the html source and i can view
>>>> them, so they are there and jquery.ui.mouse.min.js is also included and
>>>> viewable.
>>>>>
>>>>> MouseOver function as per the jquery example
>>>> http://api.jquery.com/mouseover/ does not work though.
>>>>>
>>>>> Any ideas?
>>>>>
>>>>> Cheers
>>>>> Chris
>>>>
>>>>
>>>
>>>
>>> --
>>> 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
>>
>>
>> ---------------------------------------------------------------------
>> 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
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: tapestry5-jquery simple sample not working
Posted by Emmanuel DEMEY <de...@gmail.com>.
Hi
Your JavaScript code look to be called before the rendering of your page.
Sourroung your jQuery by a $(document).ready(function(){
//your mouse handlers
});
Manu
2012/4/4 Chris Mylonas <ch...@opencsta.org>
> Manu - you sound like a gentleman! Cheers
>
> On the Index page of clean quickstart - ajax increment working
>
>
> [18:47:27.047] Error in parsing value for 'filter'. Declaration dropped.
> @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
> [18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
> [18:47:27.068] Error in parsing value for 'font'. Declaration dropped. @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
> [18:47:27.075] Error in parsing value for 'filter'. Declaration dropped.
> @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
> [18:47:27.086] Unknown property 'zoom'. Declaration dropped. @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>
>
>
> And the sample below
> [18:56:38.326] Error in parsing value for 'filter'. Declaration dropped.
> @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
> [18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
> [18:56:38.332] Error in parsing value for 'font'. Declaration dropped. @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
> [18:56:38.335] Error in parsing value for 'filter'. Declaration dropped.
> @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
> [18:56:38.360] Unknown property 'zoom'. Declaration dropped. @
> http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
>
>
>
> My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip , mvn
> clean jetty:run should get the same output.
>
>
> Do those errors mean anything to you?
>
>
>
>
> On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
>
> > Hi
> >
> > First, I will ask "Do you have any JavaScript errors ?"
> >
> > Manu
> >
> > 2012/4/4 Chris Mylonas <ch...@opencsta.org>
> >
> >> Well if someone could relay this into the google group that would be
> great.
> >> I'm logged into google but cannot create a new topic :(
> >> pfft!
> >>
> >> Thanks
> >> Chris
> >>
> >> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
> >>
> >>> Hi All,
> >>>
> >>> I'll post this in the google groups linked to the tapestry5-jquery
> >> project as well.
> >>> To repeat what I have done:
> >>>
> >>>
> >>> 1) Create a package under pages called test.
> >>> 2) Create class JQuery.java with this in it.
> >>>
> >>> package org.example.jquerytest.pages.test;
> >>>
> >>> import org.apache.tapestry5.annotations.Import;
> >>>
> >>>
> >>
> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
> >>> @ImportJQueryUI("jquery.ui.mouse")
> >>> public class JQuery {
> >>>
> >>> }
> >>>
> >>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
> >>>
> >>> div.out { width:40%; height:120px; margin:0 15px;
> >>> background-color:#D6EDFC; float:left; }
> >>> div.in { width:60%; height:60%;
> >>> background-color:#FFCC00; margin:10px auto; }
> >>> p { line-height:1em; margin:0; padding:0; }
> >>>
> >>> 4. Create src/main/webapp/js/mouseover.js with this in it.
> >>>
> >>> var i = 0;
> >>> $("div.overout").mouseover(function() {
> >>> i += 1;
> >>> $(this).find("span").text( "mouse over x " + i );
> >>> }).mouseout(function(){
> >>> $(this).find("span").text("mouse out ");
> >>> });
> >>>
> >>> var n = 0;
> >>> $("div.enterleave").mouseenter(function() {
> >>> n += 1;
> >>> $(this).find("span").text( "mouse enter x " + n );
> >>> }).mouseleave(function() {
> >>> $(this).find("span").text("mouse leave");
> >>> });
> >>>
> >>>
> >>> 5. Create the template for the pages/test/JQuery.java file calling it
> >> pages/test/JQuery.tml
> >>>
> >>> <html t:type="layout" title="Contact org.example"
> >>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> >> xmlns:p="tapestry:parameter">
> >>>
> >>> <p>JQuery Testing</p>
> >>>
> >>> <div class="out overout">
> >>> <span>move your mouse</span>
> >>> <div class="in">
> >>> </div>
> >>> </div>
> >>>
> >>> <div class="out enterleave">
> >>> <span>move your mouse</span>
> >>> <div class="in">
> >>> </div>
> >>> </div>
> >>>
> >>>
> >>> </html>
> >>>
> >>>
> >>> The css and js files are included in the html source and i can view
> >> them, so they are there and jquery.ui.mouse.min.js is also included and
> >> viewable.
> >>>
> >>> MouseOver function as per the jquery example
> >> http://api.jquery.com/mouseover/ does not work though.
> >>>
> >>> Any ideas?
> >>>
> >>> Cheers
> >>> Chris
> >>
> >>
> >
> >
> > --
> > 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
>
>
> ---------------------------------------------------------------------
> 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
Re: tapestry5-jquery simple sample not working
Posted by Chris Mylonas <ch...@opencsta.org>.
Manu - you sound like a gentleman! Cheers
On the Index page of clean quickstart - ajax increment working
[18:47:27.047] Error in parsing value for 'filter'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
[18:47:27.051] Unknown property '-moz-opacity'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
[18:47:27.068] Error in parsing value for 'font'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
[18:47:27.075] Error in parsing value for 'filter'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
[18:47:27.086] Unknown property 'zoom'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
And the sample below
[18:56:38.326] Error in parsing value for 'filter'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:370
[18:56:38.329] Unknown property '-moz-opacity'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:371
[18:56:38.332] Error in parsing value for 'font'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/core/default.css:483
[18:56:38.335] Error in parsing value for 'filter'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:22
[18:56:38.360] Unknown property 'zoom'. Declaration dropped. @ http://localhost:8080/jquerytest/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.15.custom.css:330
My sources are here: http://sandpaper.mrvoip.com.au/jquerytest.zip , mvn clean jetty:run should get the same output.
Do those errors mean anything to you?
On 04/04/2012, at 5:57 PM, Emmanuel DEMEY wrote:
> Hi
>
> First, I will ask "Do you have any JavaScript errors ?"
>
> Manu
>
> 2012/4/4 Chris Mylonas <ch...@opencsta.org>
>
>> Well if someone could relay this into the google group that would be great.
>> I'm logged into google but cannot create a new topic :(
>> pfft!
>>
>> Thanks
>> Chris
>>
>> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
>>
>>> Hi All,
>>>
>>> I'll post this in the google groups linked to the tapestry5-jquery
>> project as well.
>>> To repeat what I have done:
>>>
>>>
>>> 1) Create a package under pages called test.
>>> 2) Create class JQuery.java with this in it.
>>>
>>> package org.example.jquerytest.pages.test;
>>>
>>> import org.apache.tapestry5.annotations.Import;
>>>
>>>
>> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
>>> @ImportJQueryUI("jquery.ui.mouse")
>>> public class JQuery {
>>>
>>> }
>>>
>>> 3. Create src/main/webapp/layout/mouseover.css with this in it.
>>>
>>> div.out { width:40%; height:120px; margin:0 15px;
>>> background-color:#D6EDFC; float:left; }
>>> div.in { width:60%; height:60%;
>>> background-color:#FFCC00; margin:10px auto; }
>>> p { line-height:1em; margin:0; padding:0; }
>>>
>>> 4. Create src/main/webapp/js/mouseover.js with this in it.
>>>
>>> var i = 0;
>>> $("div.overout").mouseover(function() {
>>> i += 1;
>>> $(this).find("span").text( "mouse over x " + i );
>>> }).mouseout(function(){
>>> $(this).find("span").text("mouse out ");
>>> });
>>>
>>> var n = 0;
>>> $("div.enterleave").mouseenter(function() {
>>> n += 1;
>>> $(this).find("span").text( "mouse enter x " + n );
>>> }).mouseleave(function() {
>>> $(this).find("span").text("mouse leave");
>>> });
>>>
>>>
>>> 5. Create the template for the pages/test/JQuery.java file calling it
>> pages/test/JQuery.tml
>>>
>>> <html t:type="layout" title="Contact org.example"
>>> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
>> xmlns:p="tapestry:parameter">
>>>
>>> <p>JQuery Testing</p>
>>>
>>> <div class="out overout">
>>> <span>move your mouse</span>
>>> <div class="in">
>>> </div>
>>> </div>
>>>
>>> <div class="out enterleave">
>>> <span>move your mouse</span>
>>> <div class="in">
>>> </div>
>>> </div>
>>>
>>>
>>> </html>
>>>
>>>
>>> The css and js files are included in the html source and i can view
>> them, so they are there and jquery.ui.mouse.min.js is also included and
>> viewable.
>>>
>>> MouseOver function as per the jquery example
>> http://api.jquery.com/mouseover/ does not work though.
>>>
>>> Any ideas?
>>>
>>> Cheers
>>> Chris
>>
>>
>
>
> --
> 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
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: tapestry5-jquery simple sample not working
Posted by Emmanuel DEMEY <de...@gmail.com>.
Hi
First, I will ask "Do you have any JavaScript errors ?"
Manu
2012/4/4 Chris Mylonas <ch...@opencsta.org>
> Well if someone could relay this into the google group that would be great.
> I'm logged into google but cannot create a new topic :(
> pfft!
>
> Thanks
> Chris
>
> On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
>
> > Hi All,
> >
> > I'll post this in the google groups linked to the tapestry5-jquery
> project as well.
> > To repeat what I have done:
> >
> >
> > 1) Create a package under pages called test.
> > 2) Create class JQuery.java with this in it.
> >
> > package org.example.jquerytest.pages.test;
> >
> > import org.apache.tapestry5.annotations.Import;
> >
> >
> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
> > @ImportJQueryUI("jquery.ui.mouse")
> > public class JQuery {
> >
> > }
> >
> > 3. Create src/main/webapp/layout/mouseover.css with this in it.
> >
> > div.out { width:40%; height:120px; margin:0 15px;
> > background-color:#D6EDFC; float:left; }
> > div.in { width:60%; height:60%;
> > background-color:#FFCC00; margin:10px auto; }
> > p { line-height:1em; margin:0; padding:0; }
> >
> > 4. Create src/main/webapp/js/mouseover.js with this in it.
> >
> > var i = 0;
> > $("div.overout").mouseover(function() {
> > i += 1;
> > $(this).find("span").text( "mouse over x " + i );
> > }).mouseout(function(){
> > $(this).find("span").text("mouse out ");
> > });
> >
> > var n = 0;
> > $("div.enterleave").mouseenter(function() {
> > n += 1;
> > $(this).find("span").text( "mouse enter x " + n );
> > }).mouseleave(function() {
> > $(this).find("span").text("mouse leave");
> > });
> >
> >
> > 5. Create the template for the pages/test/JQuery.java file calling it
> pages/test/JQuery.tml
> >
> > <html t:type="layout" title="Contact org.example"
> > xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd"
> xmlns:p="tapestry:parameter">
> >
> > <p>JQuery Testing</p>
> >
> > <div class="out overout">
> > <span>move your mouse</span>
> > <div class="in">
> > </div>
> > </div>
> >
> > <div class="out enterleave">
> > <span>move your mouse</span>
> > <div class="in">
> > </div>
> > </div>
> >
> >
> > </html>
> >
> >
> > The css and js files are included in the html source and i can view
> them, so they are there and jquery.ui.mouse.min.js is also included and
> viewable.
> >
> > MouseOver function as per the jquery example
> http://api.jquery.com/mouseover/ does not work though.
> >
> > Any ideas?
> >
> > Cheers
> > Chris
>
>
--
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
Re: tapestry5-jquery simple sample not working
Posted by Chris Mylonas <ch...@opencsta.org>.
Well if someone could relay this into the google group that would be great.
I'm logged into google but cannot create a new topic :(
pfft!
Thanks
Chris
On 04/04/2012, at 4:12 PM, Chris Mylonas wrote:
> Hi All,
>
> I'll post this in the google groups linked to the tapestry5-jquery project as well.
> To repeat what I have done:
>
>
> 1) Create a package under pages called test.
> 2) Create class JQuery.java with this in it.
>
> package org.example.jquerytest.pages.test;
>
> import org.apache.tapestry5.annotations.Import;
>
> @Import(stylesheet="context:layout/mouseover.css",library={"context:js/mouseover.js"})
> @ImportJQueryUI("jquery.ui.mouse")
> public class JQuery {
>
> }
>
> 3. Create src/main/webapp/layout/mouseover.css with this in it.
>
> div.out { width:40%; height:120px; margin:0 15px;
> background-color:#D6EDFC; float:left; }
> div.in { width:60%; height:60%;
> background-color:#FFCC00; margin:10px auto; }
> p { line-height:1em; margin:0; padding:0; }
>
> 4. Create src/main/webapp/js/mouseover.js with this in it.
>
> var i = 0;
> $("div.overout").mouseover(function() {
> i += 1;
> $(this).find("span").text( "mouse over x " + i );
> }).mouseout(function(){
> $(this).find("span").text("mouse out ");
> });
>
> var n = 0;
> $("div.enterleave").mouseenter(function() {
> n += 1;
> $(this).find("span").text( "mouse enter x " + n );
> }).mouseleave(function() {
> $(this).find("span").text("mouse leave");
> });
>
>
> 5. Create the template for the pages/test/JQuery.java file calling it pages/test/JQuery.tml
>
> <html t:type="layout" title="Contact org.example"
> xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd" xmlns:p="tapestry:parameter">
>
> <p>JQuery Testing</p>
>
> <div class="out overout">
> <span>move your mouse</span>
> <div class="in">
> </div>
> </div>
>
> <div class="out enterleave">
> <span>move your mouse</span>
> <div class="in">
> </div>
> </div>
>
>
> </html>
>
>
> The css and js files are included in the html source and i can view them, so they are there and jquery.ui.mouse.min.js is also included and viewable.
>
> MouseOver function as per the jquery example http://api.jquery.com/mouseover/ does not work though.
>
> Any ideas?
>
> Cheers
> Chris