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]
> <javascript:>> 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] <javascript:>> 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] <javascript:>.
>>> 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] <javascript:>.
>> 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/39709140-36d0-4c92-bcbb-e586187b9fc7%40googlegroups.com.
