Problem in Accessing HTML ID element from JAVASCRIPT
For Calendar , we are unable to access the value of the Calender elements from javascript
Example
--------
HTML code
---------------
<td width="25%" NOWRAP style="text-align:left" class="dataLabelStyle">Request Date<font style="padding-left: 5px; color: red;font-weight: bold;">*</font></td>
<td width="50%" style="padding-left: 5px" >
{ScanDate input Date-Calendar}
</td>
We are Unable to access the element ScanDate from JavaScript by using document.getElementById(ScanDate).
As a temporary solution we are using the following method
-----
Right Click on the element at run time-->View Source and we are taking ID at the run time ID.
eg::
document.getElementById("cal$PpyPortal$pScanDateField").value;
Pegasystems Inc.
US
Hi Anoop,
Does anything discussed in this post help?
How can I get a custom button's id in Pega 7?
Thanks.
B.
Pegasystems Inc.
US
OK. Sorry to hear that. I'll work on finding someone who might be able to help with this. In the meantime, maybe someone else with more knowledge in the community will see this and respond.
Thanks.
B.
Pegasystems Inc.
US
Can we get more of the html mark up in this example. I have two questions, first is in the example i don't actually see an element with the id="ScanDate" so i'm not sure what you would find if that attribute is not on the element of interest. The second question is do you know if your in an iframe? If your code and element are in different frame you will need to dig into the frame by getting the iframe element and doing a iframeElement.contentDocument.document.getElementById("IdHere").
Another thing worth trying is doing a document.querySelector("cssSelectorHere"). Much like getElementByID, it will return an element to you, however you can use a css selector to find the element. This may be easier in some scenarios, however this might only work in IE9+/Chrome/Firefox/Safari and may have trouble on older browsers (namely ie8 and below).
-Thanks
Sean