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/7ca9a59b-1fbd-4f78-8e11-440da42e6cfcn%40googlegroups.com.
