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 <[email protected]>
>>>>>>>>> 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 [email protected].
>>>>>>>>>> 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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/8cf14d8f-73ec-4b7e-a522-9a6b4dd51b9an%40googlegroups.com.
