Hi ,

I am using p elements to show messages and to hide them I am using hide function. Everything works fine but I see empty space when there is no message to show. looks like the para element is ocupiying some space. I did make lot of changes to hide them and could bring down the empty space but not able to eliminate it completely.

Please let me know if you have any thoughts.


<p id="IDMMessage" style="color:red; font-weight: normal; padding-top:2px; padding-left:2px; padding-right:2px;padding-bottom:0px;"> <%= tools.getRequestor ().getRequestorPage ().getProperty ("IDMFlagMessage").getStringValue () %></p>



<p id="dncMessage" style="color:red; font-weight: normal; padding-top:0px; padding-left:0px; padding-right:0px;padding-bottom:5px;"> <%= tools.getRequestor ().getRequestorPage ().getProperty ("DNCFlagMessage").getStringValue () %></p>


To hide

   function hide()
          {
             var temp = <%= tools.getRequestor().getRequestorPage().getProperty("IDMFlagMessage").getStringValue() %>
               
                 if(typeof temp === "undefined")
             {
               
                document.getElementById("IDMMessage").style.display = "none";
             }
             
          }
          window.onload = hide;
         
        function hide()
          {
             var temp = <%= tools.getRequestor().getRequestorPage().getProperty("DNCFlagMessage").getStringValue() %>
               
                 if(typeof temp === "undefined")
             {
               
                document.getElementById("dncMessage").style.display = "none";
             }
             
          }
          window.onload = hide;