Re: [web2py] Re: How do I configure reading text for all images using Hide/Readmore code?

2019-10-08 Thread Maurice Waka 
Solved.
Did some CSS work.
Thanks for the
 help.
God bless

On Tue, Oct 8, 2019, 15:51 Maurice Waka  wrote:

> Still learning jQuery on the go..
> I looked at your concept and tried the code below
>
> 
>  style="font-size:24px;"onclick="showHide('{{=image.id}}');return
> false;">Read more
> 
>  "width:100%;color:red;font-family:'Josefin Slab';font-size:
> 22px;">{{=image.caption}}
> 
>  class="hideLink" style="font-size:24px;" 
> onclick="showHide('{{=image.id}}');return
> false;">Hide
> 
> 
>
> I replaced 'example' with the {{=image.id}}.
> It works
> But all text comes unhidden but on individual clicks, they hide. I have to
> click twice..to hide the 'readmore', then the text itself.
> What I need is a default "Hidden" text where the user can click to open.
>
> Is there anything different that I can do on  the jQuery code?
> Kind regards
>
> On Tue, Oct 8, 2019 at 2:46 PM villas  wrote:
>
>> It seems that you need to learn some jQuery.
>>
>> You can include the image.id of each record to create a unique id for
>> each element.
>>
>> This example may help, just add it to your html view...
>>
>> B1 Show/Hide
>> test div1
>> 
>> B2 Show/Hide
>> test div2
>> 
>> B3 Show/Hide
>> test div3
>>
>> $(document).ready(function () {
>> $('button').click(function () {
>> var id = $(this).attr("id");
>> $("#note_"+ id ).toggle();
>> });
>> });
>>
>>
>> On Monday, 7 October 2019 16:29:10 UTC+1, Maurice Waka wrote:
>>>
>>> Thanks for the reply. I have a controller for this view already. My
>>> biggest issue is the way to display the image and message.
>>> Do you have an example of how I can do it?
>>> Regards
>>>
>>> On Mon, 7 Oct 2019, 18:09 villas  wrote:
>>>
 The HTML elements in your loop should be given *unique *ids and then
 you can address them individually.

 *Also, optionally...*

 I would advise you to only access your DB in the controller, (rather
 than the view).
 Create a list (or even 2 lists) containing your image links and
 associated data.
 Once you are happy with the structure, then create the HTML

 --
 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/yGYmy3BKbJk/unsubscribe.
 To unsubscribe from this group and all its topics, send an email to
 web...@googlegroups.com.
 To view this discussion on the web visit
 https://groups.google.com/d/msgid/web2py/7900aa00-fc3b-486f-b3d0-cdb49c589020%40googlegroups.com
 
 .

>>> --
>> 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/yGYmy3BKbJk/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to
>> web2py+unsubscr...@googlegroups.com.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/web2py/0f787f71-6bb4-4f5d-85f3-304caea165b6%40googlegroups.com
>> 
>> .
>>
>

-- 
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/CALkNK56VwroY%2BOEbtL6JVxvWRcF-YnE%3DQUYRVs9qqLaqDsSFMQ%40mail.gmail.com.

Re: [web2py] Re: How do I configure reading text for all images using Hide/Readmore code?

2019-10-08 Thread Maurice Waka 
Still learning jQuery on the go..
I looked at your concept and tried the code below


Read more

{{=image.caption}}

Hide



I replaced 'example' with the {{=image.id}}.
It works
But all text comes unhidden but on individual clicks, they hide. I have to
click twice..to hide the 'readmore', then the text itself.
What I need is a default "Hidden" text where the user can click to open.

Is there anything different that I can do on  the jQuery code?
Kind regards

On Tue, Oct 8, 2019 at 2:46 PM villas  wrote:

> It seems that you need to learn some jQuery.
>
> You can include the image.id of each record to create a unique id for
> each element.
>
> This example may help, just add it to your html view...
>
> B1 Show/Hide
> test div1
> 
> B2 Show/Hide
> test div2
> 
> B3 Show/Hide
> test div3
>
> $(document).ready(function () {
> $('button').click(function () {
> var id = $(this).attr("id");
> $("#note_"+ id ).toggle();
> });
> });
>
>
> On Monday, 7 October 2019 16:29:10 UTC+1, Maurice Waka wrote:
>>
>> Thanks for the reply. I have a controller for this view already. My
>> biggest issue is the way to display the image and message.
>> Do you have an example of how I can do it?
>> Regards
>>
>> On Mon, 7 Oct 2019, 18:09 villas  wrote:
>>
>>> The HTML elements in your loop should be given *unique *ids and then
>>> you can address them individually.
>>>
>>> *Also, optionally...*
>>>
>>> I would advise you to only access your DB in the controller, (rather
>>> than the view).
>>> Create a list (or even 2 lists) containing your image links and
>>> associated data.
>>> Once you are happy with the structure, then create the HTML
>>>
>>> --
>>> 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/yGYmy3BKbJk/unsubscribe.
>>> To unsubscribe from this group and all its topics, send an email to
>>> web...@googlegroups.com.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/web2py/7900aa00-fc3b-486f-b3d0-cdb49c589020%40googlegroups.com
>>> 
>>> .
>>>
>> --
> 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/yGYmy3BKbJk/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> web2py+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/web2py/0f787f71-6bb4-4f5d-85f3-304caea165b6%40googlegroups.com
> 
> .
>

-- 
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/CALkNK54C5KnuZ4Fn9BqPCQxLpW7L_uwWPsHiE6faiMOkqvvCOg%40mail.gmail.com.

Re: [web2py] Re: How do I configure reading text for all images using Hide/Readmore code?

2019-10-08 Thread villas 
It seems that you need to learn some jQuery.

You can include the image.id of each record to create a unique id for each 
element.

This example may help, just add it to your html view...

B1 Show/Hide
test div1

B2 Show/Hide
test div2

B3 Show/Hide
test div3

$(document).ready(function () {
$('button').click(function () { 
var id = $(this).attr("id");
$("#note_"+ id ).toggle();
});
});


On Monday, 7 October 2019 16:29:10 UTC+1, Maurice Waka wrote:
>
> Thanks for the reply. I have a controller for this view already. My 
> biggest issue is the way to display the image and message.
> Do you have an example of how I can do it?
> Regards 
>
> On Mon, 7 Oct 2019, 18:09 villas > wrote:
>
>> The HTML elements in your loop should be given *unique *ids and then you 
>> can address them individually.
>>
>> *Also, optionally...*
>>
>> I would advise you to only access your DB in the controller, (rather than 
>> the view). 
>> Create a list (or even 2 lists) containing your image links and 
>> associated data.  
>> Once you are happy with the structure, then create the HTML
>>
>> -- 
>> 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/yGYmy3BKbJk/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to 
>> web...@googlegroups.com .
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/web2py/7900aa00-fc3b-486f-b3d0-cdb49c589020%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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/0f787f71-6bb4-4f5d-85f3-304caea165b6%40googlegroups.com.

Re: [web2py] Re: How do I configure reading text for all images using Hide/Readmore code?

2019-10-07 Thread Maurice Waka 
Thanks for the reply. I have a controller for this view already. My biggest
issue is the way to display the image and message.
Do you have an example of how I can do it?
Regards

On Mon, 7 Oct 2019, 18:09 villas  wrote:

> The HTML elements in your loop should be given *unique *ids and then you
> can address them individually.
>
> *Also, optionally...*
>
> I would advise you to only access your DB in the controller, (rather than
> the view).
> Create a list (or even 2 lists) containing your image links and associated
> data.
> Once you are happy with the structure, then create the HTML
>
> --
> 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/yGYmy3BKbJk/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> web2py+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/web2py/7900aa00-fc3b-486f-b3d0-cdb49c589020%40googlegroups.com
> 
> .
>

-- 
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/CALkNK56-1HrYo1fNYsCd8T1p-Mv4j%3DOk2UGnyLqVqwGxCQqmUQ%40mail.gmail.com.

[web2py] Re: How do I configure reading text for all images using Hide/Readmore code?

2019-10-07 Thread villas 
The HTML elements in your loop should be given *unique *ids and then you 
can address them individually.

*Also, optionally...*

I would advise you to only access your DB in the controller, (rather than 
the view). 
Create a list (or even 2 lists) containing your image links and associated 
data.  
Once you are happy with the structure, then create the HTML

-- 
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/7900aa00-fc3b-486f-b3d0-cdb49c589020%40googlegroups.com.