My biggest apology. I edited a wrong html file (the one outside web2py) by removing the {{extend 'layout.html'}}
So with the right file edited, it now works. But I also need the top navbar.... Kind regards On Thursday, April 2, 2020 at 6:07:11 PM UTC+3, Jim S wrote: > > What is your browser console showing for errors? Can you post the entire > .html file with no web2py requirements? > > -Jim > > On Thu, Apr 2, 2020 at 9:55 AM Lovedie JC <lbjc...@gmail.com <javascript:>> > wrote: > >> I did that, without the layout.html but still getting the same effects. >> Regards >> >> On Thu, Apr 2, 2020, 17:42 Jim S <ato....@gmail.com <javascript:>> 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 <mauri...@gmail.com> 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 <ato....@gmail.com> 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 >>>>>>> web...@googlegroups.com. >>>>>>> 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 >>>>>> web...@googlegroups.com. >>>>>> 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 web...@googlegroups.com <javascript:>. >>> 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 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 >> web...@googlegroups.com <javascript:>. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/web2py/CAAcHJF8LLK2TNR%2Bf3G52Ru36Y8PeNCtVni-DNTZe7xe4m38fvw%40mail.gmail.com >> >> <https://groups.google.com/d/msgid/web2py/CAAcHJF8LLK2TNR%2Bf3G52Ru36Y8PeNCtVni-DNTZe7xe4m38fvw%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 web2py+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/web2py/30a99012-045e-46a8-a650-4252439c2e83%40googlegroups.com.