>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