_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 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/4863b201-a4eb-4f4c-b9bd-edb6ca808acdn%40googlegroups.com.