input value met onclick veranderen
Code (php)
1
<input type="text" name="naam" value="waarde" onclick="if(this.value=='waarde'){this.value='';}{elseif(this.value==''){this.value='waarde';}" />
Niet getest, zo even uit mijn hoofd maar zoiets is het wel..
Zoiets tenminste als dit werkt, zo uit mijn hoofd?
Code (php)
1
2
3
2
3
<?php
<input type="text" name="code" class="style" value="WAARDE" onclick="input leegmaken" />
?>
<input type="text" name="code" class="style" value="WAARDE" onclick="input leegmaken" />
?>
Bon, voorbeeld om de waarde van een input veld te veranderen bij onClick:
index.php (twee methodes)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?
echo
'<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 TRADITIONAL //NL">
<html>
<script src="js.js" language="javascript" type="text/javascript"></script>
<head>
<title>on click</title>
<link REL=stylesheet HREF="style.css" TYPE="text/css" />
<link REL="SHORTCUT ICON" HREF="images/ico.ico" />
</head>
<body>
<input type="text" name="code" id="leeg_te_maken_input" value="met this" onclick="input_leegmaken(this);" />
<input type="text" name="code2" id="leeg_te_maken_input2" value="met getElementById" onclick="input_leegmaken2();" />
</body>
</html>';
?>
echo
'<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 TRADITIONAL //NL">
<html>
<script src="js.js" language="javascript" type="text/javascript"></script>
<head>
<title>on click</title>
<link REL=stylesheet HREF="style.css" TYPE="text/css" />
<link REL="SHORTCUT ICON" HREF="images/ico.ico" />
</head>
<body>
<input type="text" name="code" id="leeg_te_maken_input" value="met this" onclick="input_leegmaken(this);" />
<input type="text" name="code2" id="leeg_te_maken_input2" value="met getElementById" onclick="input_leegmaken2();" />
</body>
</html>';
?>
js.js
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
function input_leegmaken(input_veld)
{
input_veld.value = '';
}
function input_leegmaken2()
{
document.getElementById('leeg_te_maken_input2').value = '';
}
{
input_veld.value = '';
}
function input_leegmaken2()
{
document.getElementById('leeg_te_maken_input2').value = '';
}
Gewijzigd op 01/01/1970 01:00:00 door Emmanuel Delay