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