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
