Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Joel on Jul 31, 2008 08:31
open dhtmlx forum
I Need Close with img button

I have this



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>For demo purpose only :: &1</title>
    <link rel='STYLESHEET' type='text/css' href='codebase/dhtmlxcalendar.css'>
<script>
window.dhx_globalImgPath="codebase/imgs/";
</script>
<script src='codebase/dhtmlxcommon.js'></script>
<script src='codebase/dhtmlxcalendar.js'></script>
    <script>
    window.onload = function () {
        
    
    var mDCal;
        mDCal = new dhtmlxDblCalendarObject('dhtmlxDblCalendar', false, {isMonthEditable: true, isYearEditable: true});
        mDCal.setYearsRange(1980, 2020);
        mDCal.setDateFormat("%d/%m/%Y");
                    
        mDCal.leftCalendar.setOnClickHandler(function(date){
                document.getElementById('data1').value=this.getFormatedDate(null,date);
                mDCal.rightCalendar.setSensitive(date,null)
                

                return true;
        });
        mDCal.rightCalendar.setOnClickHandler(function(date){
                document.getElementById('data2').value=this.getFormatedDate(null,date);
                mDCal.leftCalendar.setSensitive(null,date)
                return true;
        });
        mDCal.setDate(document.getElementById('data1').value,document.getElementById('data2').value)
        mDCal.draw();
    
    }

    
function showCalendar(k) {
        document.getElementById('dhtmlxDblCalendar').style.display = 'block';
    }

    
    
    </script>

<body >
    <h1>Initialize object on page</h1>
    <p>This sample illustrates initialization of the double calendar object</p>
    <input type="text" name="text1" value="31/07/2008" id="data1">
    <input type="text" name="text1" value="31/07/2008" id="data2">
    
    <img style="cursor:pointer;" onClick="showCalendar(1)" src="codebase/imgs/calendar.gif" align="absmiddle"><div id="dhtmlxDblCalendar"></div></div>

<hr>

<br>

</body>
</html>




I need the calendar begin hide and with the person click on image see the calendar and if the person click again on image the calendar hide again

Is this Posible?'

Excuse me for my english
Answer posted by Support on Aug 01, 2008 00:58

Just update your code in next way

var status=false;
function showCalendar(k) {
  document.getElementById('dhtmlxDblCalendar').style.display = status?'hidden':'block';
  status=!status;
  }