On click of image button

JavaScript
1

Dear All,
I have found a javascript for datepicker at this site http://javascriptcalendar.org/javascript-date-picker.php. My only problem now I dont want the datepicker to appear when I click in the input box but beside that I want to have a small calendar image and upon clicking only I want the the pop-up to appear. What must I modify to make it work? Thank you.

I tried someting below
<body>

&lt;input type="text" size="12" id="inputField" /&gt;&lt;img src="pick.jpg" onSelect="pickDate"&gt;

</body>
function pickDate()
{
gDate =new JsDatePick{
useMode:2,
target:“inputField”,
dateFormat:“%d-%M-%Y”
/selectedDate:{ This is an example of what the full configuration offers.
day:5, For full documentation about these settings please see the full version of the code.
month:9,
year:2006
},
yearsRange:[1978,2020],
limitToToday:false,
cellColorScheme:“beige”,
dateFormat:“%m-%d-%Y”,
imgPath:“img/”,
weekStartDay:1/
};
};

2

I don’t think <img> has an onselect event.

try


<img src="pick.jpg" alt="" onclick="pickDate();" />
3

Dear Kalon,
Below is my codes. The problem now the image is not appearing one thing secondly I get this error missing ; before statement gDate =new JsDatePick{

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>

<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title>jsDatePick Javascript example</title>

<link rel=“stylesheet” type=“text/css” media=“all” href=“jsDatePick_ltr.min.css” />

<script type=“text/javascript” src=“jsDatePick.min.1.3.js”></script>

<script type=“text/javascript”>
function pickDate()
{
gDate =new JsDatePick{
useMode:2,
target:“inputField”,
dateFormat:“%d-%M-%Y”
/selectedDate:{ This is an example of what the full configuration offers.
day:5, For full documentation about these settings please see the full version of the code.
month:9,
year:2006
},
yearsRange:[1978,2020],
limitToToday:false,
cellColorScheme:“beige”,
dateFormat:“%m-%d-%Y”,
imgPath:“img/”,
weekStartDay:1/
};
};
</script>
</head>
<body>

&lt;input type="text" size="12" id="inputField" /&gt;&lt;img src="btn.png" onClick="pickDate"&gt;

</body>
</html>