[image: Screenshot (38).png]
The links in the black box are the results generated when when a user
searches for a service & those are the links that when clicked I need to
display the hidden div next to them to show that the page is loading
On Saturday, November 7, 2020 at 7:49:47 PM UTC+2 Jim S wrote:
> The page that was generated
>
> -Jim
>
> On Saturday, November 7, 2020 at 11:48:37 AM UTC-6, mostwanted wrote:
>>
>> What do you mean the final html Jim? Do you mean the actual code or the
>> page generated?
>>
>> On Saturday, November 7, 2020 at 7:08:36 PM UTC+2 Jim S wrote:
>>
>>> Can you post the final html that is generated by web2py?
>>>
>>> -Jim
>>>
>>>
>>> On Saturday, November 7, 2020 at 10:52:29 AM UTC-6, mostwanted wrote:
>>>>
>>>> Hey Jim I did remove the _onclick function & tried to apply to the end
>>>> of the listener as you've suggested but still nothing is happening, these
>>>> links are not responsive & I dont know why!
>>>>
>>>> On Thursday, November 5, 2020 at 4:33:32 AM UTC+2 Jim S wrote:
>>>>
>>>>> Can you remove the _onclick from that element and add that function
>>>>> call to the end of your listener defined in document ready?
>>>>>
>>>>> -Jim
>>>>>
>>>>>
>>>>> On Wed, Nov 4, 2020 at 8:29 PM mostwanted <godir...@gmail.com> wrote:
>>>>>
>>>>>> _onclick="updatelivesearch(jQuery('#res%s').html())" % c.service_name
>>>>>>
>>>>>> This is a function that displays suggested names through ajax
>>>>>> auto-completion everytime a user types something on the
>>>>>> search-textfield.
>>>>>> When they type, a suggestion-div appears below the search-field with
>>>>>> suggested names as links ofcourse and when the users identifies the name
>>>>>> they were looking for & clicks on it this function populates the
>>>>>> search-textfield with the clicked name & causes the suggestion-div with
>>>>>> names to disappear.
>>>>>>
>>>>>> function updatelivesearch(value){
>>>>>> jQuery("#livesearch").val(value);
>>>>>> jQuery("#livesearchresults").hide();
>>>>>> }
>>>>>>
>>>>>> Thanks alot for your input Jim i'll keep working on it, one way or
>>>>>> the other i'll figure it out.
>>>>>> Gratitude.
>>>>>>
>>>>>>
>>>>>> On Wednesday, November 4, 2020 at 7:34:44 PM UTC+2 Jim S wrote:
>>>>>>
>>>>>>> What is the
>>>>>>>
>>>>>>> _onclick="updatelivesearch(jQuery('#res%s').html())" % c.
>>>>>>> service_name
>>>>>>>
>>>>>>> on your anchor tag inside your span?
>>>>>>>
>>>>>>> Can you try removing that?
>>>>>>>
>>>>>>> Since you have a listener for the click of that element already, I'm
>>>>>>> not sure how it behaves if you have the onclick attribute set as well.
>>>>>>> Maybe there are some stronger javascript people that can jump in.
>>>>>>>
>>>>>>> -Jim
>>>>>>>
>>>>>>>
>>>>>>> On Wednesday, November 4, 2020 at 11:23:45 AM UTC-6, mostwanted
>>>>>>> wrote:
>>>>>>>>
>>>>>>>>
>>>>>>>> *" Are you trying to show the span when the link is clicked 'while'
>>>>>>>> the page is loaded? ": *Yes sir
>>>>>>>>
>>>>>>>> *" I'm guessing you are clicking the link after the page is loaded
>>>>>>>> ": *Yes sir
>>>>>>>>
>>>>>>>> *"Also, where in your javascript did you add the console.log()?": *I
>>>>>>>> added it inside the click function just before initialization of the
>>>>>>>> id
>>>>>>>> variable
>>>>>>>>
>>>>>>>> *<script>*$(document).ready(function(){
>>>>>>>> $('.service').click(function(e) {
>>>>>>>> *console.log( "Hello world!" );*
>>>>>>>> const id = $(this).data('id');
>>>>>>>> $('#' + id).fadeIn();
>>>>>>>> e.preventDefault();
>>>>>>>>
>>>>>>>> });
>>>>>>>> });
>>>>>>>> *</script>*
>>>>>>>> On Wednesday, November 4, 2020 at 4:09:12 PM UTC+2 Jim S wrote:
>>>>>>>>
>>>>>>>>> Ok, trying to better understand your intent.
>>>>>>>>>
>>>>>>>>> You said:
>>>>>>>>>
>>>>>>>>> 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.
>>>>>>>>>
>>>>>>>>> Are you trying to show the span when the link is clicked 'while'
>>>>>>>>> the page is loaded? I'm guessing you are clicking the link after the
>>>>>>>>> page
>>>>>>>>> is loaded. Can you confirm?
>>>>>>>>>
>>>>>>>>> Also, where in your javascript did you add the console.log()?
>>>>>>>>>
>>>>>>>>> -Jim
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On Wednesday, November 4, 2020 at 12:34:02 AM UTC-6, mostwanted
>>>>>>>>> wrote:
>>>>>>>>>>
>>>>>>>>>> I threw in console.log("Hello world!"); but its not printing
>>>>>>>>>> anything on the console! The link events are not being handled!
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> On Tuesday, November 3, 2020 at 11:35:19 PM UTC+2 Jim S wrote:
>>>>>>>>>>
>>>>>>>>>>> Can you put some console.log() statements in your javascript
>>>>>>>>>>> inside your function to see what is/isn't working?
>>>>>>>>>>>
>>>>>>>>>>> -Jim
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> On Tuesday, November 3, 2020 at 12:10:06 PM UTC-6, mostwanted
>>>>>>>>>>> wrote:
>>>>>>>>>>>>
>>>>>>>>>>>> Hey Jim, I have but it shows no errors!
>>>>>>>>>>>>
>>>>>>>>>>>> On Tuesday, November 3, 2020 at 6:02:50 PM UTC+2 Jim S wrote:
>>>>>>>>>>>>
>>>>>>>>>>>>> Have you checked your browser console to see if you have any
>>>>>>>>>>>>> javascript errors?
>>>>>>>>>>>>>
>>>>>>>>>>>>> -Jim
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>> On Tuesday, November 3, 2020 at 3:36:22 AM UTC-6, mostwanted
>>>>>>>>>>>>> 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 a topic in
>>>>>> the Google Groups "web2py-users" group.
>>>>>> To unsubscribe from this topic, visit
>>>>>> https://groups.google.com/d/topic/web2py/O9iXEbdOkFE/unsubscribe.
>>>>>> To unsubscribe from this group and all its topics, send an email to
>>>>>> web2py+un...@googlegroups.com.
>>>>>> To view this discussion on the web visit
>>>>>> https://groups.google.com/d/msgid/web2py/4863b201-a4eb-4f4c-b9bd-edb6ca808acdn%40googlegroups.com
>>>>>>
>>>>>> <https://groups.google.com/d/msgid/web2py/4863b201-a4eb-4f4c-b9bd-edb6ca808acdn%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/bf9d41b1-1f0b-434d-9aeb-cb009d445b30n%40googlegroups.com.
