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.emman...@gmail.com
>>>>> http://emmanueldemey.fr
>>>>> 
>>>>> Twitter : @gillespie59
>>>> 
>>>> 
>>>> ---------------------------------------------------------------------
>>>> To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
>>>> For additional commands, e-mail: users-h...@tapestry.apache.org
>>>> 
>>>> 
>>> 
>>> 
>>> --
>>> Emmanuel DEMEY
>>> Ingénieur Etude et Développement
>>> ATOS Worldline
>>> +33 (0)6 47 47 42 02
>>> demey.emman...@gmail.com
>>> http://emmanueldemey.fr
>>> 
>>> Twitter : @gillespie59
>> 
>> 
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
>> For additional commands, e-mail: users-h...@tapestry.apache.org
>> 
>> 
> 
> 
> -- 
> Emmanuel DEMEY
> Ingénieur Etude et Développement
> ATOS Worldline
> +33 (0)6 47 47 42 02
> demey.emman...@gmail.com
> http://emmanueldemey.fr
> 
> Twitter : @gillespie59


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org

Reply via email to