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/ca9624d8-4b9b-4f70-a9d9-602b43e53e50o%40googlegroups.com.
