<div id="find"> <div id="titles"> <div id="alheader">SESOA<span style="font-size: 20px;">™</span><br> <span id="alsubheader">Kgolagano Ya Kgwebo™</span><br> </div> </div> <br> <br> <script> $(document).ready(function(){ $('a.service').on("click",function() { const id = $(this).attr('id'); // Extract the data-id attribute of the link.
$(data('id')==id).fadeIn(); // Select the contact with that id. //e.preventDefault(); }); }); </script> <input type="text" id="livesearch" autocomplete="off" onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Search by service or product"><br> <div id="livesearchresults" style="display: block;"><div><div><div><span class="link_loader" data-id="resCarpentry and Wood Work">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/4" id="rescaww" onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: bold;">Carpentry and Wood Work</a></div><div><span class="link_loader" data-id="resCab">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/20" id="rescab" onclick="updatesearch(jQuery('#rescab').html())" style="font-weight: bold;">Cab</a></div><div><span class="link_loader" data-id="resCar Electricity">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/21" id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" style="font-weight: bold;">Car Electricity</a></div><div><span class="link_loader" data-id="resPrivate Clinics & Health Care">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/29" id="resprvtclncs" onclick="updatesearch(jQuery('#resprvtclncs').html())" style="font-weight: bold;">Private Clinics & Health Care</a></div><div><span class="link_loader" data-id="resFood Catering">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/30" id="resfdctrng" onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: bold;">Food Catering</a></div><div><span class="link_loader" data-id="resElectrical Installation">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/38" id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" style="font-weight: bold;">Electrical Installation</a></div><div><span class="link_loader" data-id="resAcademic Tutoring">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/41" id="resadmcttrn" onclick="updatesearch(jQuery('#resadmcttrn').html())" style="font-weight: bold;">Academic Tutoring</a></div><div><span class="link_loader" data-id="resLandscaping and Gardening">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/56" id="reslnscpngdng" onclick="updatesearch(jQuery('#reslnscpngdng').html())" style="font-weight: bold;">Landscaping and Gardening</a></div><div><span class="link_loader" data-id="resInternet Cafe">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/73" id="resintcf" onclick="updatesearch(jQuery('#resintcf').html())" style="font-weight: bold;">Internet Cafe</a></div><div><span class="link_loader" data-id="resCalligrapher">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/76" id="resclgrph" onclick="updatesearch(jQuery('#resclgrph').html())" style="font-weight: bold;">Calligrapher</a></div><div><span class="link_loader" data-id="resPre-school, Day Care Center, Creche">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/79" id="rescreche" onclick="updatesearch(jQuery('#rescreche').html())" style="font-weight: bold;">Pre-school, Day Care Center, Creche</a></div><div><span class="link_loader" data-id="resCar, Mats and Sofa Washes">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/80" id="rescmw" onclick="updatesearch(jQuery('#rescmw').html())" style="font-weight: bold;">Car, Mats and Sofa Washes</a></div><div><span class="link_loader" data-id="resCattle Breeding">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/91" id="rescbrdn" onclick="updatesearch(jQuery('#rescbrdn').html())" style="font-weight: bold;">Cattle Breeding</a></div><div><span class="link_loader" data-id="resCattle Trailer Hiring">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/98" id="resctrhrn" onclick="updatesearch(jQuery('#resctrhrn').html())" style="font-weight: bold;">Cattle Trailer Hiring</a></div><div><span class="link_loader" data-id="resScaffold Structure Hiring">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/101" id="resssh" onclick="updatesearch(jQuery('#resssh').html())" style="font-weight: bold;">Scaffold Structure Hiring</a></div><div><span class="link_loader" data-id="resCar Parts & Components">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/106" id="rescpac" onclick="updatesearch(jQuery('#rescpac').html())" style="font-weight: bold;">Car Parts & Components</a></div><div><span class="link_loader" data-id="resElectrical Parts & Components">loading ...<span class="fa fa-spinner fa-spin"></span></span><a class="service" href="/init/default/companies/107" id="resepac" onclick="updatesearch(jQuery('#resepac').html())" style="font-weight: bold;">Electrical Parts & Components</a></div></div><div><div><a class="product" href="/init/default/companies2/1" id="rescabp" onclick="updatesearch(jQuery('#rescabp').html())" style="font-weight: bold;">Cakes and Bakery Products</a></div><div><a class="product" href="/init/default/companies2/10" id="resbcaf" onclick="updatesearch(jQuery('#resbcaf').html())" style="font-weight: bold;">Business Cards and Flyers</a></div><div><a class="product" href="/init/default/companies2/14" id="resbc" onclick="updatesearch(jQuery('#resbc').html())" style="font-weight: bold;">Brahman Cattle</a></div><div><a class="product" href="/init/default/companies2/21" id="resllcf" onclick="updatesearch(jQuery('#resllcf').html())" style="font-weight: bold;">Lab-Lab Cattle Feed</a></div><div><a class="product" href="/init/default/companies2/22" id="resngcf" onclick="updatesearch(jQuery('#resngcf').html())" style="font-weight: bold;">Nupia Grass Cattle Feed</a></div><div><a class="product" href="/init/default/companies2/23" id="resymcf" onclick="updatesearch(jQuery('#resymcf').html())" style="font-weight: bold;">Yellow Maize Cattle Feed</a></div></div><div><div style="color: red; font-weight: bold;"><span class="fa fa-exclamation-triangle"></span>NO RESULTS IN PRIVATE SELLERS!</div></div></div></div> </div> I'm not sure if this is what you are looking for but that is what is generated for the above screenshot i sent earlier. Sorry i couldnt format the code in editor text, ever since the platform changed I never know how to format the code to look like the code with all the necessary color coding! On Saturday, November 7, 2020 at 8:09:47 PM UTC+2 Jim S wrote: > 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/16dc56f9-9abb-4798-af07-c16dafebee26n%40googlegroups.com.