Sorry, I was looking for the actual html code that is generated.  

-Jim


On Saturday, November 7, 2020 at 12:06:32 PM UTC-6, mostwanted wrote:
>
> [image: Screenshot (38).png]
> The links in the black box are the results generated when when a user 
> searches for a service & those are the links that when clicked I need to 
> display the hidden div next to them to show that the page is loading
> On Saturday, November 7, 2020 at 7:49:47 PM UTC+2 Jim S wrote:
>
>> The page that was generated
>>
>> -Jim
>>
>> On Saturday, November 7, 2020 at 11:48:37 AM UTC-6, mostwanted wrote:
>>>
>>> What do you mean the final html Jim? Do you mean the actual code or the 
>>> page generated?
>>>
>>> On Saturday, November 7, 2020 at 7:08:36 PM UTC+2 Jim S wrote:
>>>
>>>> Can you post the final html that is generated by web2py?
>>>>
>>>> -Jim
>>>>
>>>>
>>>> On Saturday, November 7, 2020 at 10:52:29 AM UTC-6, mostwanted wrote:
>>>>>
>>>>> Hey Jim I did remove the _onclick function & tried to apply to the end 
>>>>> of the listener as you've suggested but still nothing is happening, these 
>>>>> links are not responsive & I dont know why!
>>>>>
>>>>> On Thursday, November 5, 2020 at 4:33:32 AM UTC+2 Jim S wrote:
>>>>>
>>>>>> Can you remove the _onclick from that element and add that function 
>>>>>> call to the end of your listener defined in document ready?
>>>>>>
>>>>>> -Jim
>>>>>>
>>>>>>
>>>>>> On Wed, Nov 4, 2020 at 8:29 PM mostwanted <godir...@gmail.com> wrote:
>>>>>>
>>>>>>> _onclick="updatelivesearch(jQuery('#res%s').html())" % c.
>>>>>>> service_name
>>>>>>>
>>>>>>> This is a function that displays suggested names through ajax 
>>>>>>> auto-completion everytime a user types something on the 
>>>>>>> search-textfield. 
>>>>>>> When they type, a suggestion-div appears below the search-field with 
>>>>>>> suggested names as links ofcourse and when the users identifies the 
>>>>>>> name 
>>>>>>> they were looking for & clicks on it this function populates the 
>>>>>>> search-textfield with the clicked name & causes the suggestion-div with 
>>>>>>> names to disappear.
>>>>>>>
>>>>>>> function updatelivesearch(value){
>>>>>>> jQuery("#livesearch").val(value);
>>>>>>> jQuery("#livesearchresults").hide();
>>>>>>> }
>>>>>>>
>>>>>>> Thanks alot for your input Jim i'll keep working on it, one way or 
>>>>>>> the other i'll figure it out.
>>>>>>> Gratitude.
>>>>>>>
>>>>>>>
>>>>>>> On Wednesday, November 4, 2020 at 7:34:44 PM UTC+2 Jim S wrote:
>>>>>>>
>>>>>>>> What is the 
>>>>>>>>
>>>>>>>> _onclick="updatelivesearch(jQuery('#res%s').html())" % c.
>>>>>>>> service_name
>>>>>>>>
>>>>>>>> on your anchor tag inside your span?
>>>>>>>>
>>>>>>>> Can you try removing that?
>>>>>>>>
>>>>>>>> Since you have a listener for the click of that element already, 
>>>>>>>> I'm not sure how it behaves if you have the onclick attribute set as 
>>>>>>>> well.  
>>>>>>>> Maybe there are some stronger javascript people that can jump in.
>>>>>>>>
>>>>>>>> -Jim
>>>>>>>>
>>>>>>>>
>>>>>>>> On Wednesday, November 4, 2020 at 11:23:45 AM UTC-6, mostwanted 
>>>>>>>> wrote:
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> *" Are you trying to show the span when the link is clicked 
>>>>>>>>> 'while' the page is loaded?  ":  *Yes sir
>>>>>>>>>
>>>>>>>>> *" I'm guessing you are clicking the link after the page is loaded 
>>>>>>>>> ": *Yes sir
>>>>>>>>>
>>>>>>>>> *"Also, where in your javascript did you add the console.log()?":  
>>>>>>>>> *I added it inside the click function just before initialization 
>>>>>>>>> of the id variable
>>>>>>>>>
>>>>>>>>> *<script>*$(document).ready(function(){
>>>>>>>>>             $('.service').click(function(e) {
>>>>>>>>> *console.log( "Hello world!" );*
>>>>>>>>>         const id = $(this).data('id'); 
>>>>>>>>>         $('#' + id).fadeIn(); 
>>>>>>>>>         e.preventDefault();
>>>>>>>>>
>>>>>>>>>             });
>>>>>>>>>             });
>>>>>>>>> *</script>* 
>>>>>>>>> On Wednesday, November 4, 2020 at 4:09:12 PM UTC+2 Jim S wrote:
>>>>>>>>>
>>>>>>>>>> Ok, trying to better understand your intent.
>>>>>>>>>>
>>>>>>>>>> You said:
>>>>>>>>>>
>>>>>>>>>> I have a hidden span that i want displayed when a link is 
>>>>>>>>>> clisked while waiting for the page to load but this is not 
>>>>>>>>>> working! I dont know where I am going wrong but thought I had it 
>>>>>>>>>> right, 
>>>>>>>>>> please assist me.
>>>>>>>>>>
>>>>>>>>>> Are you trying to show the span when the link is clicked 'while' 
>>>>>>>>>> the page is loaded?  I'm guessing you are clicking the link after 
>>>>>>>>>> the page 
>>>>>>>>>> is loaded.  Can you confirm?
>>>>>>>>>>
>>>>>>>>>> Also, where in your javascript did you add the console.log()?
>>>>>>>>>>
>>>>>>>>>> -Jim
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> On Wednesday, November 4, 2020 at 12:34:02 AM UTC-6, mostwanted 
>>>>>>>>>> wrote:
>>>>>>>>>>>
>>>>>>>>>>> I threw in  console.log("Hello world!");  but its not printing 
>>>>>>>>>>> anything on the console! The link events are not being handled!
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> On Tuesday, November 3, 2020 at 11:35:19 PM UTC+2 Jim S wrote:
>>>>>>>>>>>
>>>>>>>>>>>> Can you put some console.log() statements in your javascript 
>>>>>>>>>>>> inside your function to see what is/isn't working?
>>>>>>>>>>>>
>>>>>>>>>>>> -Jim
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> On Tuesday, November 3, 2020 at 12:10:06 PM UTC-6, mostwanted 
>>>>>>>>>>>> wrote:
>>>>>>>>>>>>>
>>>>>>>>>>>>> Hey Jim, I have but it shows no errors!
>>>>>>>>>>>>>
>>>>>>>>>>>>> On Tuesday, November 3, 2020 at 6:02:50 PM UTC+2 Jim S wrote:
>>>>>>>>>>>>>
>>>>>>>>>>>>>> Have you checked your browser console to see if you have any 
>>>>>>>>>>>>>> javascript errors?
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> -Jim
>>>>>>>>>>>>>>
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> On Tuesday, November 3, 2020 at 3:36:22 AM UTC-6, mostwanted 
>>>>>>>>>>>>>> wrote:
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> I have a hidden span that i want displayed when a link is 
>>>>>>>>>>>>>>> clisked while waiting for the page to load but this is not 
>>>>>>>>>>>>>>> working! I dont 
>>>>>>>>>>>>>>> know where I am going wrong but thought I had it right, please 
>>>>>>>>>>>>>>> assist me.
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> *CSS:*
>>>>>>>>>>>>>>> .link_loader
>>>>>>>>>>>>>>> {
>>>>>>>>>>>>>>>     display: none;
>>>>>>>>>>>>>>> }
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> *CONTROLLER*
>>>>>>>>>>>>>>> *#The yellow line is the hidden span that has the loader I 
>>>>>>>>>>>>>>> want to display*
>>>>>>>>>>>>>>> def ajaxlivesearch():
>>>>>>>>>>>>>>>     keywords = request.vars.keywords
>>>>>>>>>>>>>>>     print "Keywords: " + str(keywords)
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>     if keywords:
>>>>>>>>>>>>>>>         query = reduce(lambda 
>>>>>>>>>>>>>>> a,b:a&b,[db.services.service_name.contains(k) for k in 
>>>>>>>>>>>>>>> keywords.split()])
>>>>>>>>>>>>>>>     services = db(query).select()
>>>>>>>>>>>>>>>     items = []
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> if services:
>>>>>>>>>>>>>>>         for c in services: 
>>>>>>>>>>>>>>>             items.append(DIV*(SPAN("loading ...", 
>>>>>>>>>>>>>>> SPAN(_class="fa fa-spinner fa-spin"), _class="link_loader", 
>>>>>>>>>>>>>>> data={'id':"res%s"%c.service_name})*, A(c.service_name, 
>>>>>>>>>>>>>>> _class="service", _style="font-weight: bold;", 
>>>>>>>>>>>>>>> _href=URL('companies', args=
>>>>>>>>>>>>>>> c.id), _id="res%s"%c.service_name, 
>>>>>>>>>>>>>>> _onclick="updatelivesearch(jQuery('#res%s').html())" % 
>>>>>>>>>>>>>>> c.service_name)))
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> *VIEW*
>>>>>>>>>>>>>>> *#This jQuery script attempts to display the hidden span*
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> *<script>*$(document).ready(function(){
>>>>>>>>>>>>>>>             $('.service').click(function(e) {
>>>>>>>>>>>>>>>         const id = $(this).data('id'); 
>>>>>>>>>>>>>>>         $('#' + id).fadeIn(); 
>>>>>>>>>>>>>>>         e.preventDefault();
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>             });
>>>>>>>>>>>>>>>             });
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> *</script>*
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> Regards;
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> Mostwanted
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>> -- 
>>>>>>> Resources:
>>>>>>> - http://web2py.com
>>>>>>> - http://web2py.com/book (Documentation)
>>>>>>> - http://github.com/web2py/web2py (Source code)
>>>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>>>> --- 
>>>>>>> You received this message because you are subscribed to a topic in 
>>>>>>> the Google Groups "web2py-users" group.
>>>>>>> To unsubscribe from this topic, visit 
>>>>>>> https://groups.google.com/d/topic/web2py/O9iXEbdOkFE/unsubscribe.
>>>>>>> To unsubscribe from this group and all its topics, send an email to 
>>>>>>> web2py+un...@googlegroups.com.
>>>>>>> To view this discussion on the web visit 
>>>>>>> https://groups.google.com/d/msgid/web2py/4863b201-a4eb-4f4c-b9bd-edb6ca808acdn%40googlegroups.com
>>>>>>>  
>>>>>>> <https://groups.google.com/d/msgid/web2py/4863b201-a4eb-4f4c-b9bd-edb6ca808acdn%40googlegroups.com?utm_medium=email&utm_source=footer>
>>>>>>> .
>>>>>>>
>>>>>>

-- 
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
--- 
You received this message because you are subscribed to the Google Groups 
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to web2py+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/web2py/107ff4c9-6e66-430e-9346-ba0efaac2556o%40googlegroups.com.

Reply via email to