Oh ok, that makes sense, that could've worked

On Monday, November 9, 2020 at 4:37:52 PM UTC+2 roge...@gmail.com wrote:

> That was a long thread which I didn't read fully. But what I did read made 
> me think that maybe the original problem was that you needed a slight delay 
> between when you showed the span and when you made the ajax call. I do that 
> by putting the ajax call in a setTimeout function. If I don't, the screen 
> doesn't update until the ajax call is completed. 
>
> On Tue, 3 Nov 2020, 7:36 pm mostwanted, <godir...@gmail.com> wrote:
>
>> I have a hidden span that i want displayed when a link is clisked while 
>> waiting for the page to load but this is not working! I dont know where I 
>> am going wrong but thought I had it right, please assist me.
>>
>> *CSS:*
>> .link_loader
>> {
>>     display: none;
>> }
>>
>> *CONTROLLER*
>> *#The yellow line is the hidden span that has the loader I want to 
>> display*
>> def ajaxlivesearch():
>>     keywords = request.vars.keywords
>>     print "Keywords: " + str(keywords)
>>
>>     if keywords:
>>         query = reduce(lambda 
>> a,b:a&b,[db.services.service_name.contains(k) for k in keywords.split()])
>>     services = db(query).select()
>>     items = []
>>
>> if services:
>>         for c in services: 
>>             items.append(DIV*(SPAN("loading ...", SPAN(_class="fa 
>> fa-spinner fa-spin"), _class="link_loader", 
>> data={'id':"res%s"%c.service_name})*, A(c.service_name, 
>> _class="service", _style="font-weight: bold;", _href=URL('companies', args=
>> c.id), _id="res%s"%c.service_name, 
>> _onclick="updatelivesearch(jQuery('#res%s').html())" % c.service_name)))
>>
>> *VIEW*
>> *#This jQuery script attempts to display the hidden span*
>>
>> *<script>*$(document).ready(function(){
>>             $('.service').click(function(e) {
>>         const id = $(this).data('id'); 
>>         $('#' + id).fadeIn(); 
>>         e.preventDefault();
>>
>>             });
>>             });
>>
>> *</script>*
>>
>> Regards;
>>
>> Mostwanted
>>
>> -- 
>>
> 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+un...@googlegroups.com.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/web2py/3b8a175c-ecdc-47e5-a157-45e7fe260f9fn%40googlegroups.com
>>  
>> <https://groups.google.com/d/msgid/web2py/3b8a175c-ecdc-47e5-a157-45e7fe260f9fn%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 web2py+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/web2py/2db8f2a3-9c4d-44cf-b466-b70b84b761b4n%40googlegroups.com.

Reply via email to