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
