Re: [web2py] Re: Displaying content based on the id attribute
So Jim i've decided to take a different approach with my code because my initial approach is giving me a headache. I got rid of this function below: *$(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(); });});* & decided to have every link display a loading image upon clicking them so that my PWA application can have a way of showing the user that the link they clicked is in the progress of opening a new page so I implemented this function below: ** *$(function(){ $('#loading').css('display', 'none'); $("a:not([href*='#'])").on('click', function(e) { var link =$(this).attr('href'); $('#loading').css('display', 'inline'); window.location.href=link; e.preventDefault(); }); });* ** *{{=SPAN("loading ...", SPAN(_class="fa fa-spinner fa-spin"), _id="loading-image")}} Can you test that? > > Jim > > > On Sat, Nov 7, 2020, 10:30 PM mostwanted wrote: > >> I dont think i wrote this *$(data('id') == id)* properly but data('id') >> is supposed to return the data-id attribute of the hidden span i'm trying >> to show >> >> On Saturday, November 7, 2020 at 10:32:53 PM UTC+2 Jim S wrote: >> >>> 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: >> >> >> >> SESOA™ >> Kgolagano Ya Kgwebo™ >> >> >> >> >> >> $(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(); >> >> }); >> }); >> >> > onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" >> data-placement="bottom" title="" data-original-title="Search by service >> or >> product"> >> loading ...> class="service" href="/init/default/companies/4" id="rescaww" >> onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: >> bold;">Carpentry and Wood Work> data-id="resCab">loading ...> href="/init/default/companies/20" >> id="rescab" onclick="updatesearch(jQuery('#rescab').html())" >> style="font-weight: bold;">Cab> data-id="resCar Electricity">loading ...> href="/init/default/companies/21" >> id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" >> style="font-weight: bold;">Car Electricity> class="link_loader" data-id="resPrivate Clinics Health >> Care">loading >> ...> href="/init/default/companies/29" id="resprvtclncs" >> onclick="updatesearch(jQuery('#resprvtclncs').html())" >> style="font-weight: >> bold;">Private Clinics Health Care> class="link_loader" data-id="resFood Catering">loading ...> class="fa >> fa-spinner fa-spin">> href="/init/default/companies/30" id="resfdctrng" >> onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: >> bold;">Food Catering> data-id="resElectrical Installation">loading ...> href="/init/default/companies/38" >> id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" >> style="font-weight: bold;">Electrical Installation> class="link_loader" data-id="resAcademic Tutoring">loading ...> class="fa fa-spinner fa-spin">> href="/init/default/companies/41" id="resadmcttrn" >> onclick="updatesearch(jQuery('#resadmcttrn').html())" >> style="font-weight: >> bold;">Academic Tutoring> data-id="resLandscaping and Gardening">loading ...> href="/init/default/companies/56" id="reslnscpngdng" >> onclick="updatesearch(jQuery('#reslnscpngdng').html())" >> style="font-weight: >> bold;">Landscaping and Gardening> data-id="resInternet Cafe">loading ...> href="/init/default/companies/73" >> id="resintcf"
Re: [web2py] Re: Displaying content based on the id attribute
Can you test that? Jim On Sat, Nov 7, 2020, 10:30 PM mostwanted wrote: > I dont think i wrote this *$(data('id') == id)* properly but data('id') > is supposed to return the data-id attribute of the hidden span i'm trying > to show > > On Saturday, November 7, 2020 at 10:32:53 PM UTC+2 Jim S wrote: > >> 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: > > > > SESOA™ > Kgolagano Ya Kgwebo™ > > > > > > $(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(); > > }); > }); > > onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" > data-placement="bottom" title="" data-original-title="Search by service or > product"> > loading ... class="service" href="/init/default/companies/4" id="rescaww" > onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: > bold;">Carpentry and Wood Work data-id="resCab">loading ... href="/init/default/companies/20" > id="rescab" onclick="updatesearch(jQuery('#rescab').html())" > style="font-weight: bold;">Cab data-id="resCar Electricity">loading ... href="/init/default/companies/21" > id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" > style="font-weight: bold;">Car Electricity class="link_loader" data-id="resPrivate Clinics Health Care">loading > ... href="/init/default/companies/29" id="resprvtclncs" > onclick="updatesearch(jQuery('#resprvtclncs').html())" style="font-weight: > bold;">Private Clinics Health Care class="link_loader" data-id="resFood Catering">loading ... href="/init/default/companies/30" id="resfdctrng" > onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: > bold;">Food Catering data-id="resElectrical Installation">loading ... href="/init/default/companies/38" > id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" > style="font-weight: bold;">Electrical Installation class="link_loader" data-id="resAcademic Tutoring">loading ... class="fa fa-spinner fa-spin"> href="/init/default/companies/41" id="resadmcttrn" > onclick="updatesearch(jQuery('#resadmcttrn').html())" style="font-weight: > bold;">Academic Tutoring data-id="resLandscaping and Gardening">loading ... href="/init/default/companies/56" id="reslnscpngdng" > onclick="updatesearch(jQuery('#reslnscpngdng').html())" > style="font-weight: > bold;">Landscaping and Gardening data-id="resInternet Cafe">loading ... href="/init/default/companies/73" > id="resintcf" onclick="updatesearch(jQuery('#resintcf').html())" > style="font-weight: bold;">Internet Cafe class="link_loader" data-id="resCalligrapher">loading ... href="/init/default/companies/76" id="resclgrph" > onclick="updatesearch(jQuery('#resclgrph').html())" style="font-weight: > bold;">Calligrapher data-id="resPre-school, Day Care Center, Creche">loading ... class="fa > fa-spinner fa-spin"> href="/init/default/companies/79" id="rescreche" > onclick="updatesearch(jQuery('#rescreche').html())" style="font-weight: > bold;">Pre-school, Day Care Center, Creche class="link_loader" data-id="resCar, Mats and Sofa Washes">loading > ... class="fa fa-spinner fa-spin"> href="/init/default/companies/80" id="rescmw" > onclick="updatesearch(jQuery('#rescmw').html())" style="font-weight: > bold;">Car, Mats and Sofa Washes data-id="resCattle Breeding">loading ... href="/init/default/companies/91" > id="rescbrdn" onclick="updatesearch(jQuery('#rescbrdn').html())" > style="font-weight: bold;">Cattle Breeding class="link_loader" data-id="resCattle Trailer Hiring">loading ... class="fa fa-spinner fa-spin"> href="/init/default/companies/98" id="resctrhrn" > onclick="updatesearch(jQuery('#resctrhrn').html())" style="font-weight: > bold;">Cattle Trailer Hiring
Re: [web2py] Re: Displaying content based on the id attribute
I dont think i wrote this *$(data('id') == id)* properly but data('id') is supposed to return the data-id attribute of the hidden span i'm trying to show On Saturday, November 7, 2020 at 10:32:53 PM UTC+2 Jim S wrote: > 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: SESOA™ Kgolagano Ya Kgwebo™ $(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(); }); }); >>> onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Search by service or product"> loading ...>>> class="service" href="/init/default/companies/4" id="rescaww" onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: bold;">Carpentry and Wood Work>>> data-id="resCab">loading ...>>> href="/init/default/companies/20" id="rescab" onclick="updatesearch(jQuery('#rescab').html())" style="font-weight: bold;">Cab>>> data-id="resCar Electricity">loading ...>>> href="/init/default/companies/21" id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" style="font-weight: bold;">Car Electricity>>> class="link_loader" data-id="resPrivate Clinics Health Care">loading ...>>> href="/init/default/companies/29" id="resprvtclncs" onclick="updatesearch(jQuery('#resprvtclncs').html())" style="font-weight: bold;">Private Clinics Health Care>>> class="link_loader" data-id="resFood Catering">loading ...>>> href="/init/default/companies/30" id="resfdctrng" onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: bold;">Food Catering>>> data-id="resElectrical Installation">loading ...>>> href="/init/default/companies/38" id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" style="font-weight: bold;">Electrical Installation>>> class="link_loader" data-id="resAcademic Tutoring">loading ...>>> class="fa fa-spinner fa-spin" href="/init/default/companies/41" id="resadmcttrn" onclick="updatesearch(jQuery('#resadmcttrn').html())" style="font-weight: bold;">Academic Tutoring>>> data-id="resLandscaping and Gardening">loading ...>>> href="/init/default/companies/56" id="reslnscpngdng" onclick="updatesearch(jQuery('#reslnscpngdng').html())" style="font-weight: bold;">Landscaping and Gardening>>> data-id="resInternet Cafe">loading ...>>> href="/init/default/companies/73" id="resintcf" onclick="updatesearch(jQuery('#resintcf').html())" style="font-weight: bold;">Internet Cafe>>> class="link_loader" data-id="resCalligrapher">loading ...>>> href="/init/default/companies/76" id="resclgrph" onclick="updatesearch(jQuery('#resclgrph').html())" style="font-weight: bold;">Calligrapher>>> data-id="resPre-school, Day Care Center, Creche">loading ...>>> class="fa fa-spinner fa-spin" href="/init/default/companies/79" id="rescreche" onclick="updatesearch(jQuery('#rescreche').html())" style="font-weight: bold;">Pre-school, Day Care Center, Creche>>> class="link_loader" data-id="resCar, Mats and Sofa Washes">loading ...>>> class="fa fa-spinner fa-spin" href="/init/default/companies/80" id="rescmw" onclick="updatesearch(jQuery('#rescmw').html())" style="font-weight: bold;">Car, Mats and Sofa Washes>>> data-id="resCattle Breeding">loading ...>>> href="/init/default/companies/91" id="rescbrdn" onclick="updatesearch(jQuery('#rescbrdn').html())" style="font-weight: bold;">Cattle Breeding>>> class="link_loader" data-id="resCattle Trailer Hiring">loading ...>>> class="fa fa-spinner fa-spin" href="/init/default/companies/98" id="resctrhrn" onclick="updatesearch(jQuery('#resctrhrn').html())" style="font-weight: bold;">Cattle Trailer Hiring>>> data-id="resScaffold Structure Hiring">loading ...>>> href="/init/default/companies/101" id="resssh" onclick="updatesearch(jQuery('#resssh').html())"
Re: [web2py] Re: Displaying content based on the id attribute
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: >>> >>> >>> >>> SESOA™ >>> Kgolagano Ya Kgwebo™ >>> >>> >>> >>> >>> >>> $(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(); >>> >>> }); >>> }); >>> >>> >> onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" >>> data-placement="bottom" title="" data-original-title="Search by service or >>> product"> >>> >> class="link_loader" data-id="resCarpentry and Wood Work">loading ...>> class="fa fa-spinner fa-spin">>> href="/init/default/companies/4" id="rescaww" >>> onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: >>> bold;">Carpentry and Wood Work>> data-id="resCab">loading ...>> id="rescab" onclick="updatesearch(jQuery('#rescab').html())" >>> style="font-weight: bold;">Cab>> data-id="resCar Electricity">loading ...>> id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" >>> style="font-weight: bold;">Car Electricity>> class="link_loader" data-id="resPrivate Clinics Health Care">loading >>> ...>> href="/init/default/companies/29" id="resprvtclncs" >>> onclick="updatesearch(jQuery('#resprvtclncs').html())" style="font-weight: >>> bold;">Private Clinics Health Care>> class="link_loader" data-id="resFood Catering">loading ...>> href="/init/default/companies/30" id="resfdctrng" >>> onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: >>> bold;">Food Catering>> data-id="resElectrical Installation">loading ...>> id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" >>> style="font-weight: bold;">Electrical Installation>> class="link_loader" data-id="resAcademic Tutoring">loading ...>> class="fa fa-spinner fa-spin">>> href="/init/default/companies/41" id="resadmcttrn" >>> onclick="updatesearch(jQuery('#resadmcttrn').html())" style="font-weight: >>> bold;">Academic Tutoring>> data-id="resLandscaping and Gardening">loading ...>> href="/init/default/companies/56" id="reslnscpngdng" >>> onclick="updatesearch(jQuery('#reslnscpngdng').html())" style="font-weight: >>> bold;">Landscaping and Gardening>> data-id="resInternet Cafe">loading ...>> id="resintcf" onclick="updatesearch(jQuery('#resintcf').html())" >>> style="font-weight: bold;">Internet Cafe>> class="link_loader" data-id="resCalligrapher">loading ...>> href="/init/default/companies/76" id="resclgrph" >>> onclick="updatesearch(jQuery('#resclgrph').html())" style="font-weight: >>> bold;">Calligrapher>> data-id="resPre-school, Day Care Center, Creche">loading ...>> href="/init/default/companies/79" id="rescreche" >>> onclick="updatesearch(jQuery('#rescreche').html())" style="font-weight: >>> bold;">Pre-school, Day Care Center, Creche>> class="link_loader" data-id="resCar, Mats and Sofa Washes">loading ...>> class="fa fa-spinner fa-spin">>> href="/init/default/companies/80" id="rescmw" >>> onclick="updatesearch(jQuery('#rescmw').html())" style="font-weight: >>> bold;">Car, Mats and Sofa Washes>> data-id="resCattle Breeding">loading ...>> id="rescbrdn" onclick="updatesearch(jQuery('#rescbrdn').html())" >>> style="font-weight: bold;">Cattle Breeding>> class="link_loader" data-id="resCattle Trailer Hiring">loading ...>> class="fa fa-spinner fa-spin">>> href="/init/default/companies/98" id="resctrhrn" >>> onclick="updatesearch(jQuery('#resctrhrn').html())" style="font-weight: >>> bold;">Cattle Trailer Hiring>> data-id="resScaffold Structure Hiring">loading ...>> href="/init/default/companies/101" id="resssh" >>> onclick="updatesearch(jQuery('#resssh').html())" style="font-weight: >>> bold;">Scaffold Structure Hiring>> data-id="resCar Parts Components">loading ...>> href="/init/default/companies/106" id="rescpac" >>> onclick="updatesearch(jQuery('#rescpac').html())" style="font-weight: >>> bold;">Car Parts Components>> data-id="resElectrical Parts Components">loading ...>> href="/init/default/companies/107" id="resepac" >>> onclick="updatesearch(jQuery('#resepac').html())" style="font-weight: >>> bold;">Electrical Parts Components>> class="product"
Re: [web2py] Re: Displaying content based on the id attribute
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: >> >> >> >> SESOA™ >> Kgolagano Ya Kgwebo™ >> >> >> >> >> >> $(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(); >> >> }); >> }); >> >> > onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" >> data-placement="bottom" title="" data-original-title="Search by service or >> product"> >> > class="link_loader" data-id="resCarpentry and Wood Work">loading ...> class="fa fa-spinner fa-spin">> href="/init/default/companies/4" id="rescaww" >> onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: >> bold;">Carpentry and Wood Work> data-id="resCab">loading ...> id="rescab" onclick="updatesearch(jQuery('#rescab').html())" >> style="font-weight: bold;">Cab> data-id="resCar Electricity">loading ...> id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" >> style="font-weight: bold;">Car Electricity> class="link_loader" data-id="resPrivate Clinics Health Care">loading >> ...> href="/init/default/companies/29" id="resprvtclncs" >> onclick="updatesearch(jQuery('#resprvtclncs').html())" style="font-weight: >> bold;">Private Clinics Health Care> class="link_loader" data-id="resFood Catering">loading ...> href="/init/default/companies/30" id="resfdctrng" >> onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: >> bold;">Food Catering> data-id="resElectrical Installation">loading ...> id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" >> style="font-weight: bold;">Electrical Installation> class="link_loader" data-id="resAcademic Tutoring">loading ...> class="fa fa-spinner fa-spin">> href="/init/default/companies/41" id="resadmcttrn" >> onclick="updatesearch(jQuery('#resadmcttrn').html())" style="font-weight: >> bold;">Academic Tutoring> data-id="resLandscaping and Gardening">loading ...> href="/init/default/companies/56" id="reslnscpngdng" >> onclick="updatesearch(jQuery('#reslnscpngdng').html())" style="font-weight: >> bold;">Landscaping and Gardening> data-id="resInternet Cafe">loading ...> id="resintcf" onclick="updatesearch(jQuery('#resintcf').html())" >> style="font-weight: bold;">Internet Cafe> class="link_loader" data-id="resCalligrapher">loading ...> href="/init/default/companies/76" id="resclgrph" >> onclick="updatesearch(jQuery('#resclgrph').html())" style="font-weight: >> bold;">Calligrapher> data-id="resPre-school, Day Care Center, Creche">loading ...> href="/init/default/companies/79" id="rescreche" >> onclick="updatesearch(jQuery('#rescreche').html())" style="font-weight: >> bold;">Pre-school, Day Care Center, Creche> class="link_loader" data-id="resCar, Mats and Sofa Washes">loading ...> class="fa fa-spinner fa-spin">> href="/init/default/companies/80" id="rescmw" >> onclick="updatesearch(jQuery('#rescmw').html())" style="font-weight: >> bold;">Car, Mats and Sofa Washes> data-id="resCattle Breeding">loading ...> id="rescbrdn" onclick="updatesearch(jQuery('#rescbrdn').html())" >> style="font-weight: bold;">Cattle Breeding> class="link_loader" data-id="resCattle Trailer Hiring">loading ...> class="fa fa-spinner fa-spin">> href="/init/default/companies/98" id="resctrhrn" >> onclick="updatesearch(jQuery('#resctrhrn').html())" style="font-weight: >> bold;">Cattle Trailer Hiring> data-id="resScaffold Structure Hiring">loading ...> href="/init/default/companies/101" id="resssh" >> onclick="updatesearch(jQuery('#resssh').html())" style="font-weight: >> bold;">Scaffold Structure Hiring> data-id="resCar Parts Components">loading ...> href="/init/default/companies/106" id="rescpac" >> onclick="updatesearch(jQuery('#rescpac').html())" style="font-weight: >> bold;">Car Parts Components> data-id="resElectrical Parts Components">loading ...> href="/init/default/companies/107" id="resepac" >> onclick="updatesearch(jQuery('#resepac').html())" style="font-weight: >> bold;">Electrical Parts Components> class="product" href="/init/default/companies2/1" id="rescabp" >> onclick="updatesearch(jQuery('#rescabp').html())" style="font-weight: >> bold;">Cakes and Bakery Products> href="/init/default/companies2/10" id="resbcaf" >> onclick="updatesearch(jQuery('#resbcaf').html())" style="font-weight: >> bold;">Business Cards and Flyers> href="/init/default/companies2/14" id="resbc" >>
Re: [web2py] Re: Displaying content based on the id attribute
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: > > > > SESOA™ > Kgolagano Ya Kgwebo™ > > > > > > $(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(); > > }); > }); > > onkeyup="livesearch(this.value);" autofocus="" data-toggle="tooltip" > data-placement="bottom" title="" data-original-title="Search by service or > product"> > class="link_loader" data-id="resCarpentry and Wood Work">loading ... class="fa fa-spinner fa-spin"> href="/init/default/companies/4" id="rescaww" > onclick="updatesearch(jQuery('#rescaww').html())" style="font-weight: > bold;">Carpentry and Wood Work data-id="resCab">loading ... id="rescab" onclick="updatesearch(jQuery('#rescab').html())" > style="font-weight: bold;">Cab data-id="resCar Electricity">loading ... id="rescaeltcty" onclick="updatesearch(jQuery('#rescaeltcty').html())" > style="font-weight: bold;">Car Electricity class="link_loader" data-id="resPrivate Clinics Health Care">loading > ... href="/init/default/companies/29" id="resprvtclncs" > onclick="updatesearch(jQuery('#resprvtclncs').html())" style="font-weight: > bold;">Private Clinics Health Care class="link_loader" data-id="resFood Catering">loading ... href="/init/default/companies/30" id="resfdctrng" > onclick="updatesearch(jQuery('#resfdctrng').html())" style="font-weight: > bold;">Food Catering data-id="resElectrical Installation">loading ... id="reselctrcn" onclick="updatesearch(jQuery('#reselctrcn').html())" > style="font-weight: bold;">Electrical Installation class="link_loader" data-id="resAcademic Tutoring">loading ... class="fa fa-spinner fa-spin"> href="/init/default/companies/41" id="resadmcttrn" > onclick="updatesearch(jQuery('#resadmcttrn').html())" style="font-weight: > bold;">Academic Tutoring data-id="resLandscaping and Gardening">loading ... href="/init/default/companies/56" id="reslnscpngdng" > onclick="updatesearch(jQuery('#reslnscpngdng').html())" style="font-weight: > bold;">Landscaping and Gardening data-id="resInternet Cafe">loading ... id="resintcf" onclick="updatesearch(jQuery('#resintcf').html())" > style="font-weight: bold;">Internet Cafe class="link_loader" data-id="resCalligrapher">loading ... href="/init/default/companies/76" id="resclgrph" > onclick="updatesearch(jQuery('#resclgrph').html())" style="font-weight: > bold;">Calligrapher data-id="resPre-school, Day Care Center, Creche">loading ... href="/init/default/companies/79" id="rescreche" > onclick="updatesearch(jQuery('#rescreche').html())" style="font-weight: > bold;">Pre-school, Day Care Center, Creche class="link_loader" data-id="resCar, Mats and Sofa Washes">loading ... class="fa fa-spinner fa-spin"> href="/init/default/companies/80" id="rescmw" > onclick="updatesearch(jQuery('#rescmw').html())" style="font-weight: > bold;">Car, Mats and Sofa Washes data-id="resCattle Breeding">loading ... id="rescbrdn" onclick="updatesearch(jQuery('#rescbrdn').html())" > style="font-weight: bold;">Cattle Breeding class="link_loader" data-id="resCattle Trailer Hiring">loading ... class="fa fa-spinner fa-spin"> href="/init/default/companies/98" id="resctrhrn" > onclick="updatesearch(jQuery('#resctrhrn').html())" style="font-weight: > bold;">Cattle Trailer Hiring data-id="resScaffold Structure Hiring">loading ... href="/init/default/companies/101" id="resssh" > onclick="updatesearch(jQuery('#resssh').html())" style="font-weight: > bold;">Scaffold Structure Hiring data-id="resCar Parts Components">loading ... href="/init/default/companies/106" id="rescpac" > onclick="updatesearch(jQuery('#rescpac').html())" style="font-weight: > bold;">Car Parts Components data-id="resElectrical Parts Components">loading ... href="/init/default/companies/107" id="resepac" > onclick="updatesearch(jQuery('#resepac').html())" style="font-weight: > bold;">Electrical Parts Components class="product" href="/init/default/companies2/1" id="rescabp" > onclick="updatesearch(jQuery('#rescabp').html())" style="font-weight: > bold;">Cakes and Bakery Products href="/init/default/companies2/10" id="resbcaf" > onclick="updatesearch(jQuery('#resbcaf').html())" style="font-weight: > bold;">Business Cards and Flyers href="/init/default/companies2/14" id="resbc" > onclick="updatesearch(jQuery('#resbc').html())" style="font-weight: > bold;">Brahman Cattle href="/init/default/companies2/21" id="resllcf" > onclick="updatesearch(jQuery('#resllcf').html())" style="font-weight: > bold;">Lab-Lab Cattle Feed href="/init/default/companies2/22" id="resngcf" > onclick="updatesearch(jQuery('#resngcf').html())" style="font-weight: > bold;">Nupia Grass Cattle Feed href="/init/default/companies2/23" id="resymcf" >
Re: [web2py] Re: Displaying content based on the id attribute
SESOA™ Kgolagano Ya Kgwebo™ $(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(); }); }); loading ...Carpentry and Wood Workloading ...Cabloading ...Car Electricityloading ...Private Clinics Health Careloading ...Food Cateringloading ...Electrical Installationloading ...Academic Tutoringloading ...Landscaping and Gardeningloading ...Internet Cafeloading ...Calligrapherloading ...Pre-school, Day Care Center, Crecheloading ...Car, Mats and Sofa Washesloading ...Cattle Breedingloading ...Cattle Trailer Hiringloading ...Scaffold Structure Hiringloading ...Car Parts Componentsloading ...Electrical Parts ComponentsCakes and Bakery ProductsBusiness Cards and FlyersBrahman CattleLab-Lab Cattle FeedNupia Grass Cattle FeedYellow Maize Cattle FeedNO RESULTS IN PRIVATE SELLERS! 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 >>> 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 >> >>
Re: [web2py] Re: Displaying content based on the id attribute
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 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 > > **$(document).ready(function(){ > $('.service').click(function(e) { > *console.log( "Hello world!" );* > const id = $(this).data('id'); > $('#' + id).fadeIn(); > e.preventDefault(); > > }); > }); > ** > 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
Re: [web2py] Re: Displaying content based on the id attribute
[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 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 **$(document).ready(function(){ $('.service').click(function(e) { *console.log( "Hello world!" );* const id = $(this).data('id'); $('#' + id).fadeIn(); e.preventDefault(); }); }); ** 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
Re: [web2py] Re: Displaying content based on the id attribute
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 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 >>> >>> **$(document).ready(function(){ >>> $('.service').click(function(e) { >>> *console.log( "Hello world!" );* >>> const id = $(this).data('id'); >>> $('#' + id).fadeIn(); >>> e.preventDefault(); >>> >>> }); >>> }); >>> ** >>> 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
Re: [web2py] Re: Displaying content based on the id attribute
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 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 >> >> **$(document).ready(function(){ >> $('.service').click(function(e) { >> *console.log( "Hello world!" );* >> const id = $(this).data('id'); >> $('#' + id).fadeIn(); >> e.preventDefault(); >> >> }); >> }); >> ** >> 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.
Re: [web2py] Re: Displaying content based on the id attribute
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 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 > > **$(document).ready(function(){ > $('.service').click(function(e) { > *console.log( "Hello world!" );* > const id = $(this).data('id'); > $('#' + id).fadeIn(); > e.preventDefault(); > > }); > }); > ** > 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 =
Re: [web2py] Re: Displaying content based on the id attribute
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 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 **$(document).ready(function(){ $('.service').click(function(e) { *console.log( "Hello world!" );* const id = $(this).data('id'); $('#' + id).fadeIn(); e.preventDefault(); }); }); ** 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,[db.services.service_name.contains(k) for k in >> keywords.split()]) >> services = db(query).select() >> items = []
Re: [web2py] Re: Displaying content based on the id attribute
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 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 >>> >>> **$(document).ready(function(){ >>> $('.service').click(function(e) { >>> *console.log( "Hello world!" );* >>> const id = $(this).data('id'); >>> $('#' + id).fadeIn(); >>> e.preventDefault(); >>> >>> }); >>> }); >>> ** >>> 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,[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, >
[web2py] Re: Displaying content based on the id attribute
_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 >> >> **$(document).ready(function(){ >> $('.service').click(function(e) { >> *console.log( "Hello world!" );* >> const id = $(this).data('id'); >> $('#' + id).fadeIn(); >> e.preventDefault(); >> >> }); >> }); >> ** >> 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,[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* **$(document).ready(function(){ $('.service').click(function(e) { const id =
[web2py] Re: Displaying content based on the id attribute
_onclick="updatelivesearch(jQuery('#res%s').html())" % c.service_name this is a function that displays suggested names through ajax auto-completion evrytime the user types something on the textfield. 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 >> >> **$(document).ready(function(){ >> $('.service').click(function(e) { >> *console.log( "Hello world!" );* >> const id = $(this).data('id'); >> $('#' + id).fadeIn(); >> e.preventDefault(); >> >> }); >> }); >> ** >> 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,[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* **$(document).ready(function(){ $('.service').click(function(e) { const id = $(this).data('id'); $('#' + id).fadeIn(); e.preventDefault(); }); }); ** 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
[web2py] Re: Displaying content based on the id attribute
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 > > **$(document).ready(function(){ > $('.service').click(function(e) { > *console.log( "Hello world!" );* > const id = $(this).data('id'); > $('#' + id).fadeIn(); > e.preventDefault(); > > }); > }); > ** > 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,[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* >>> >>> **$(document).ready(function(){ >>> $('.service').click(function(e) { >>> const id = $(this).data('id'); >>> $('#' + id).fadeIn(); >>> e.preventDefault(); >>> >>> }); >>> }); >>> >>> ** >>> >>> 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/15391475-c018-4707-82f5-128744d75387o%40googlegroups.com.
[web2py] Re: Displaying content based on the id attribute
*" 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 **$(document).ready(function(){ $('.service').click(function(e) { *console.log( "Hello world!" );* const id = $(this).data('id'); $('#' + id).fadeIn(); e.preventDefault(); }); }); ** 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,[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* >> >> **$(document).ready(function(){ >> $('.service').click(function(e) { >> const id = $(this).data('id'); >> $('#' + id).fadeIn(); >> e.preventDefault(); >> >> }); >> }); >> >> ** >> >> 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/5a8ef760-5106-4bdc-b1bc-c9feb44177f6n%40googlegroups.com.
[web2py] Re: Displaying content based on the id attribute
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,[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* > > **$(document).ready(function(){ > $('.service').click(function(e) { > const id = $(this).data('id'); > $('#' + id).fadeIn(); > e.preventDefault(); > > }); > }); > > ** > > 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/95265768-81b7-4a61-a3fa-26fb9f8b0067o%40googlegroups.com.
[web2py] Re: Displaying content based on the id attribute
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,[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* **$(document).ready(function(){ $('.service').click(function(e) { const id = $(this).data('id'); $('#' + id).fadeIn(); e.preventDefault(); }); }); ** 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/61e48a96-f5d5-46e2-9522-f5aeb92b9112n%40googlegroups.com.
[web2py] Re: Displaying content based on the id attribute
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,[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* >>> >>> **$(document).ready(function(){ >>> $('.service').click(function(e) { >>> const id = $(this).data('id'); >>> $('#' + id).fadeIn(); >>> e.preventDefault(); >>> >>> }); >>> }); >>> >>> ** >>> >>> 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/84fe8a86-5756-468f-8fe2-e53e10e08792o%40googlegroups.com.
[web2py] Re: Displaying content based on the id attribute
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,[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* >> >> **$(document).ready(function(){ >> $('.service').click(function(e) { >> const id = $(this).data('id'); >> $('#' + id).fadeIn(); >> e.preventDefault(); >> >> }); >> }); >> >> ** >> >> 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/2d15fd90-4ee4-4ad9-a0e7-8c898a58bccan%40googlegroups.com.
[web2py] Re: Displaying content based on the id attribute
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,[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* > > **$(document).ready(function(){ > $('.service').click(function(e) { > const id = $(this).data('id'); > $('#' + id).fadeIn(); > e.preventDefault(); > > }); > }); > > ** > > 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/3af2fae7-9764-4fab-a8e4-6c45e743f99fo%40googlegroups.com.