Still learning jQuery on the go..
I looked at your concept and tried the code below
<div class="readmore">
<a href="#" id="{{=image.id}}-show" class="showLink"
style="font-size:24px;"onclick="showHide('{{=image.id}}');return
false;">Read more</a>
<div id="{{=image.id}}" class="more">
<div id="text-content"style=
"width:100%;color:red;font-family:'Josefin Slab';font-size:
22px;">{{=image.caption}}</div>
<p>
<a href="#" id="{{=image.id}}-hide"
class="hideLink" style="font-size:24px;"
onclick="showHide('{{=image.id}}');return
false;">Hide</a>
</p>
</div>
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 <[email protected]> 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...
>
> <button id='b1'>B1 Show/Hide</button>
> <div id="note_b1">test div1</div>
> <br>
> <button id='b2'>B2 Show/Hide</button>
> <div id="note_b2">test div2</div>
> <br>
> <button id='b3'>B3 Show/Hide</button>
> <div id="note_b3">test div3</div>
>
> $(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 <[email protected]> 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
>>> [email protected].
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/web2py/7900aa00-fc3b-486f-b3d0-cdb49c589020%40googlegroups.com
>>> <https://groups.google.com/d/msgid/web2py/7900aa00-fc3b-486f-b3d0-cdb49c589020%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 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
> [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/web2py/0f787f71-6bb4-4f5d-85f3-304caea165b6%40googlegroups.com
> <https://groups.google.com/d/msgid/web2py/0f787f71-6bb4-4f5d-85f3-304caea165b6%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/CALkNK54C5KnuZ4Fn9BqPCQxLpW7L_uwWPsHiE6faiMOkqvvCOg%40mail.gmail.com.
