I'm confused by this: $(data('id') == id).fadeIn(); // Select the contact with that id.
What is data('id') supposed to return? Or is this some jquery thing I'm not aware of? -Jim On Saturday, November 7, 2020 at 1:57:01 PM UTC-6, mostwanted wrote: > > Yah there is more ot it, is there something specific you were looking for? > Some javascript functions I have saved seperately like the one being called > by the function in the controller > *( _onclick="updatelivesearch(jQuery('#res%s').html())" % c.service_name )* > On Saturday, November 7, 2020 at 9:38:42 PM UTC+2 Jim S wrote: > >> There is more to it, right? I see lots of javascript functions in there >> with no definition. >> >> -Jim >> >> >> On Saturday, November 7, 2020 at 1:23:26 PM UTC-6, mostwanted wrote: >>> >>> <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/76746f63-8191-43f6-8609-6dfe37d54774o%40googlegroups.com.