Sorry, I was looking for the actual html code that is generated. -Jim
On Saturday, November 7, 2020 at 12:06:32 PM UTC-6, mostwanted wrote: > > [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/107ff4c9-6e66-430e-9346-ba0efaac2556o%40googlegroups.com.