Solved.
Did some CSS work.
Thanks for the
help.
God bless
On Tue, Oct 8, 2019, 15:51 Maurice Waka <[email protected]> wrote:
> 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/CALkNK56VwroY%2BOEbtL6JVxvWRcF-YnE%3DQUYRVs9qqLaqDsSFMQ%40mail.gmail.com.
