How to Call multiple time function in java scrip

Hi Mukesh,

Try this code, you can call the same function multiple times using same function call.

<script language="javascript">
function enbrow() {
alert("enable first row");
document.getElementById("firstrw").style.display = "block";
}
script>
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">

If you want Each button should have different function call , use this below code

<script language="javascript">
function enbrow() {
alert("enable first row");
document.getElementById("firstrw").style.display = "block";
}
function One() {
alert("You clicked One");
document.getElementById("firstrw").style.display = "block";
}
function Two() {
alert("You clicked Two");
document.getElementById("firstrw").style.display = "block";
}
function Three() {
alert("You clicked Three");
document.getElementById("firstrw").style.display = "block";
}
script>
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="One();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="Two();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="Three();">

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Ramesh Palanivel9y ago
Hi Mukesh,

Try this code, you can call the same function multiple times using same function call.
<script language="javascript">
function enbrow() {
alert("enable first row");
document.getElementById("firstrw").style.display = "block";
}
script>
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
If you want Each button should have different function call , use this below code
<script language="javascript">
function enbrow() {
alert("enable first row");
document.getElementById("firstrw").style.display = "block";
}
function One() {
alert("You clicked One");
document.getElementById("firstrw").style.display = "block";
}
function Two() {
alert("You clicked Two");
document.getElementById("firstrw").style.display = "block";
}
function Three() {
alert("You clicked Three");
document.getElementById("firstrw").style.display = "block";
}
script>
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="enbrow();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="One();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="Two();">
<img src="http://findicons.com/files/icons/1007/crystal_like/128/plus.png" width="25" height="25" style="margin-top:5px;" onclick="Three();">