Close calendar if clicks on page

Suite and Optimus Suite 5
#1

Hello,



How to hide calendar control if clicked outside calendar control only?



I’m trying out this sample:

…

dhtmlxEvent(document.body,“click”,function(){ .hide(); });

…

In this case the calendar control hides away always when clicked on the page but it hides even if calendar picture is clicked (!) How to hide a calendar control only when clicked outside calendar?

#2

dhtmlxEvent(document.body,“click”,function(){ .hide(); }); 
//hide calendar onclick
dhtmlxEvent(.cont,“click”,function(e){ (e||event).cancelBubble=true; }); 
//block click events inside calendar object

#3


Hello,



I’m trying out this sample:



dhtmlxEvent(document.body,“click”,function(){ .hide(); });  //hide calendar onclick
dhtmlxEvent(.cont,“click”,function(e){ (e||event).cancelBubble=true; });  //block click events inside calendar object



In this case the code produces the following error:



‘addEventListener’ is null or not an object.



Thanks.




 

#4

Such error can occur when
a) first parameter of dhtmlxEvent is not a valid object ( in your case document.body not rendered yet, or calendar container not exist yet )
b) you are using not supported browser

#5


probably calendar container not exist yet(.cont), how to create it?



Thanks.

#6

Actually the code of dhtmlxcalendar doens’t use such property as calendar.cont at all, you probably need to use .con

#7

I have done everything like you described in this post, thank you very much for the answer. Everything works except one thing. There is one more problem. I use dhtmlxGrid on my page. When I click on it, the calendar does not disappear. How can I fix it?

#8

You need to add one more line of code
dhtmlxEvent(mygrid.obj,“click”,function(){ .hide(); });

where mygrid - reference to the grid object

#9

Many thanks!