XPages -- Show/hide a div using a button.

HCL Notes/Domino 8.5 Forum (includes Notes Traveler)

Subject: XPages -- Show/hide a div using a button.

Feedback Type: Question

Product Area: Domino Designer on Eclipse (DDE)

Technical Area: Functionality

Platform: ALL

Release: 8.5.1

Reproducible: -Reproducibility-

It has been very frustrating running into issues like showing/hiding a div based on a button click in an xPage.

I have this code in the onclick of my button (have tried both lines) and get

-- Object doesn't support this property or method. --

dijit.byId('p1').hide();
//dijit.byId('#id:pic_main1').hide();

the generated html code for that section of the page is:

<div id="view:_id1:panelTitlePics">
<div id="p1">
<div id="view:_id1:pic_main1">
Pic1
</div>
</div>
<div id="view:_id1:pic_main2">
Pic2
</div>
<div id="view:_id1:pic_main3">
Pic3
</div>
</div>

My ultimate goal, of course is to be able to toggle the 3 pic_main divs without using wrapper divs at all (using the commented version of the code as is illustrated in the designer help).

Can someone point me to what I'm doing wrong here? Also, a decent guide to xpages that covers everything would be nice, but I understand that no such books are available yet.

Is there any word on an official developers guide for xPages? I have a lot of questions about this topic.

Feedback number WEBB83JMNK created by ~Pippy Minfreeterynds on 03/14/2010

Status: Open
Comments: