I did that, without the layout.html but still getting the same effects. Regards
On Thu, Apr 2, 2020, 17:42 Jim S <[email protected]> wrote: > You are including layout.html at the top of your code snippet. > > I would suggest that you test this all by itself (remove the include of > layout.html) before trying to integrate with web2py. Create one html file > with the code you need, get that working and then take what you learned > there and pull it in to your web2py application. > > Does that make sense? > > -Jim > > On Wednesday, April 1, 2020 at 10:26:27 PM UTC-5, Maurice Waka wrote: >> >> I don't have firefox but on opera & chrome it gives this: >> >> web2py-bootstrap3.js:2 Uncaught TypeError: Cannot set property >> 'ajax_fields' of undefined >> at web2py-bootstrap3.js:2 >> at web2py-bootstrap3.js:82 >> >> On Thursday, April 2, 2020 at 6:17:36 AM UTC+3, Jim S wrote: >>> >>> But have you looked at the browser JavaScript console to see what it is >>> telling you? >>> >>> In Firefox press F12 and then click on the console tab. That will tell >>> you what JavaScript errors are occurring in the browser. >>> >>> Jim >>> >>> >>> On Wed, Apr 1, 2020, 9:35 PM Maurice Waka <[email protected]> wrote: >>> >>>> On page reload it should ; >>>> ... Slide to testimonials then after 3 seconds >>>> .... Slide to contact. >>>> >>>> In Web2py nothing happens. >>>> When I do it from the folder it works. >>>> Do the error is that it doesn't slide as normal >>>> Regards >>>> >>>> On Thu, Apr 2, 2020, 03:54 Jim S <[email protected]> wrote: >>>> >>>>> What errors are you seeing in your browser console? >>>>> >>>>> -Jim >>>>> >>>>> >>>>> On Wednesday, April 1, 2020 at 4:56:07 PM UTC-5, Maurice Waka wrote: >>>>>> >>>>>> Any help on this? >>>>>> I can't get the code to work with jQuery >>>>>> >>>>>> {{extend 'layout.html'}} >>>>>> >>>>>> >>>>>> <!DOCTYPE html> >>>>>> >>>>>> >>>>>> <html><head><meta http-equiv="Content-Type" content="text/html; >>>>>> charset=UTF-8"> >>>>>> >>>>>> >>>>>> <meta name="viewport" content="width=device-width, initial-scale=1" >>>>>> > >>>>>> >>>>>> >>>>>> <script src="{{=URL('static','js/jquery-1.10.1.js')}}"></script> >>>>>> >>>>>> >>>>>> <style id="compiled-css" type="text/css"> >>>>>> /*QuickReset*/ >>>>>> *{margin:0;box-sizing:border-box;} html,body{height:100%;font:14px/ >>>>>> 1.4 sans-serif;} >>>>>> >>>>>> >>>>>> article { >>>>>> height: 150vh; >>>>>> } >>>>>> </style> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> <body style=""> >>>>>> <article style="background:#0bf;" id="top">WELCOME (wait 3 sec)</ >>>>>> article> >>>>>> <article style="background:#f0b;" id="about">ABOUT</article> >>>>>> <article style="background:#b0f;" id="work">OUR WORK</article> >>>>>> <article style="background:#0fb;" id="testimonials">TESTIMONIALS<br> >>>>>> Going to #contact in 3sec!</article> >>>>>> <article style="background:#fb0;" id="contact"> >>>>>> CONTACT <a href="#top">TO TOP</a> >>>>>> </article> >>>>>> >>>>>> >>>>>> <script type="text/javascript" src= >>>>>> "{{=URL('static','js/jquery-1.10.1.js')}}"> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> function goTo(selector, timeout, cb) { >>>>>> var $el = $(selector); >>>>>> if (!$el[0]) return; >>>>>> var $par = $el.parent(); >>>>>> if ($par.is("body")) $par = $("html, body"); >>>>>> setTimeout(() => { >>>>>> $par.stop().animate({scrollTop: $el.offset().top}, 500, cb && cb. >>>>>> call($el[0])); >>>>>> }, timeout || 0); >>>>>> } >>>>>> >>>>>> >>>>>> // USE LIKE: >>>>>> goTo("#testimonials", 3000, function() { >>>>>> // You can use `this` to reference #testimonials! yey >>>>>> $(this).append("<br>Going to #contact in 3sec!"); >>>>>> goTo("#contact", 3500); >>>>>> }); >>>>>> // Alternatively, without using callbacks you can do >>>>>> // goTo("#testimonials", 3000); >>>>>> // goTo("#contact", 6000); >>>>>> // Reuse function for elements click! >>>>>> $("[href^='#']").on("click", function(e) { >>>>>> e.preventDefault(); >>>>>> goTo($(this).attr("href")); >>>>>> }); >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> </script> >>>>>> >>>>>> >>>>>> </body></html> >>>>>> >>>>>> >>>>>> On Wednesday, April 1, 2020 at 4:14:24 AM UTC+3, Maurice Waka wrote: >>>>>>> >>>>>>> I have this code below that works well on the demo site: >>>>>>> http://jsfiddle.net/Lhg914dc/ >>>>>>> >>>>>>> >>>>>>> {{extend 'layout.html'}} >>>>>>> <html> >>>>>>> <head> >>>>>>> <script src="// >>>>>>> ajax.googleapis.com/ajax/libs/jqueryui/3.4.1/jquery-ui.min.js"></ >>>>>>> script> >>>>>>> <link rel="stylesheet" href="// >>>>>>> ajax.googleapis.com/ajax/libs/jqueryui/3.4.1/themes/base/jquery-ui.css >>>>>>> " type="text/css"> >>>>>>> <style> >>>>>>> /*QuickReset*/ >>>>>>> *{margin:0;box-sizing:border-box;} html,body{height:100%;font:14px/ >>>>>>> 1.4 sans-serif;} >>>>>>> >>>>>>> >>>>>>> article { >>>>>>> height: 150vh; >>>>>>> } >>>>>>> </style> >>>>>>> </head> >>>>>>> <!--button onclick="goTo(selector, timeout, cb)">Click me< >>>>>>> /button--> >>>>>>> <body> >>>>>>> <article style="background:#0bf;" id="top">WELCOME (waits 3 sec)</ >>>>>>> article> >>>>>>> <article style="background:#f0b;" id="about">{{=me}}</article> >>>>>>> <article style="background:#b0f;" id="work">{{=work}}</article> >>>>>>> <article style="background:#0fb;" id="testimonials">{{=love}}</ >>>>>>> article> >>>>>>> <article style="background:#fb0;" id="contact"> >>>>>>> CONTACT <a href="#top">TO TOP</a> >>>>>>> </article> >>>>>>> >>>>>>> >>>>>>> >>>>>>> <script type="text/javascript" src="https://code.jquery-3.4.1.min.js >>>>>>> "> >>>>>>> >>>>>>> >>>>>>> function goTo(selector, timeout, cb) { >>>>>>> var $el = $(selector); >>>>>>> if (!$el[0]) return; >>>>>>> var $par = $el.parent(); >>>>>>> if ($par.is("body")) $par = $("html, body"); >>>>>>> setTimeout(() => { >>>>>>> $par.stop().animate({scrollTop: $el.offset().top}, 1000, cb && cb. >>>>>>> call($el[0])); >>>>>>> }, timeout || 0); >>>>>>> } >>>>>>> >>>>>>> >>>>>>> // USE LIKE: >>>>>>> goTo("#testimonials", 3000, function() { >>>>>>> // You can use `this` to reference #testimonials! yey >>>>>>> $(this).append("<br>Going to #contact in 3sec!"); >>>>>>> goTo("#contact", 3000); >>>>>>> }); >>>>>>> // Alternatively, without using callbacks you can do >>>>>>> //goTo("#testimonials", 3000); >>>>>>> >>>>>>> >>>>>>> //goTo("#contact", 6000); >>>>>>> // Reuse function for elements click! >>>>>>> $("[href^='#']").on("click", function(e) { >>>>>>> e.preventDefault(); >>>>>>> goTo($(this).attr("href")); >>>>>>> }); >>>>>>> </script> >>>>>>> </body> >>>>>>> </html> >>>>>>> >>>>>>> >>>>>>> When I try it on web2py I don't see any js/jQuery effects. >>>>>>> >>>>>>> I want to see the page scroll in stages down to specific DIVs, how >>>>>>> can I do this? where could the error be? >>>>>>> >>>>>>> Kind regards >>>>>>> >>>>>> -- >>>>> Resources: >>>>> - http://web2py.com >>>>> - http://web2py.com/book (Documentation) >>>>> - http://github.com/web2py/web2py (Source code) >>>>> - https://code.google.com/p/web2py/issues/list (Report Issues) >>>>> --- >>>>> You received this message because you are subscribed to a topic in the >>>>> Google Groups "web2py-users" group. >>>>> To unsubscribe from this topic, visit >>>>> https://groups.google.com/d/topic/web2py/AE0mb8FtMM4/unsubscribe. >>>>> To unsubscribe from this group and all its topics, send an email to >>>>> [email protected]. >>>>> To view this discussion on the web visit >>>>> https://groups.google.com/d/msgid/web2py/7972be54-f400-42f0-83a7-46b7b8fee63f%40googlegroups.com >>>>> <https://groups.google.com/d/msgid/web2py/7972be54-f400-42f0-83a7-46b7b8fee63f%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>> . >>>>> >>>> -- >>>> Resources: >>>> - http://web2py.com >>>> - http://web2py.com/book (Documentation) >>>> - http://github.com/web2py/web2py (Source code) >>>> - https://code.google.com/p/web2py/issues/list (Report Issues) >>>> --- >>>> You received this message because you are subscribed to a topic in the >>>> Google Groups "web2py-users" group. >>>> To unsubscribe from this topic, visit >>>> https://groups.google.com/d/topic/web2py/AE0mb8FtMM4/unsubscribe. >>>> To unsubscribe from this group and all its topics, send an email to >>>> [email protected]. >>>> To view this discussion on the web visit >>>> https://groups.google.com/d/msgid/web2py/CALkNK55hRxAk%3DkTua3Pi-JC_Ac0ZSS%2BDp6SpSFGsAD4MzAjk9Q%40mail.gmail.com >>>> <https://groups.google.com/d/msgid/web2py/CALkNK55hRxAk%3DkTua3Pi-JC_Ac0ZSS%2BDp6SpSFGsAD4MzAjk9Q%40mail.gmail.com?utm_medium=email&utm_source=footer> >>>> . >>>> >>> -- > Resources: > - http://web2py.com > - http://web2py.com/book (Documentation) > - http://github.com/web2py/web2py (Source code) > - https://code.google.com/p/web2py/issues/list (Report Issues) > --- > You received this message because you are subscribed to the Google Groups > "web2py-users" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/web2py/91e9fdda-76d6-4dcd-8d63-07cf110fccb4%40googlegroups.com > <https://groups.google.com/d/msgid/web2py/91e9fdda-76d6-4dcd-8d63-07cf110fccb4%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- Resources: - http://web2py.com - http://web2py.com/book (Documentation) - http://github.com/web2py/web2py (Source code) - https://code.google.com/p/web2py/issues/list (Report Issues) --- You received this message because you are subscribed to the Google Groups "web2py-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/web2py/CAAcHJF8LLK2TNR%2Bf3G52Ru36Y8PeNCtVni-DNTZe7xe4m38fvw%40mail.gmail.com.
