Thanks team.
Take care
Regards
On Thu, Apr 2, 2020, 19:59 Maurice Waka <[email protected]> wrote:
> 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 <[email protected]> wrote:
>>
>>> 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 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/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 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/30a99012-045e-46a8-a650-4252439c2e83%40googlegroups.com
> <https://groups.google.com/d/msgid/web2py/30a99012-045e-46a8-a650-4252439c2e83%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/CALkNK54-fpruGX6_8mpNv8yVvbkWG1w2s%2BnXqdnTw03%2Bfj9ogw%40mail.gmail.com.
