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 web2py+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/91e9fdda-76d6-4dcd-8d63-07cf110fccb4%40googlegroups.com.
