par
AB » 18 févr. 2008, 12:40
Une question assez semblable avait été posée dans ce topic
http://www.phpfrance.com/forums/voir_su ... -asc-0.php
Cela permet de tester l'égalité entre deux champs.
Voici le code entier
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript">
function verifField(value, input, output) {
var id_img = 'conf_'+input;
if (document.getElementById(id_img) == null)
{
var conteneur = document.getElementById(output);
var image = document.createElement('img');
if(value != document.getElementById(input).value)
{
image.setAttribute('src','adrese-photo1.jpg');
image.setAttribute('id',id_img);
image.setAttribute('alt','Mauvaise confirmation');
}
else
{
image.setAttribute('src','adrese-photo2.jpg');
image.setAttribute('id',id_img);
image.setAttribute('alt','Confirmation OK');
}
conteneur.appendChild(image);
}
else
{
if(value != document.getElementById(input).value)
{
document.getElementById(id_img).src='adrese-photo1.jpg';
}
else
{
document.getElementById(id_img).src='adrese-photo2.jpg';
}
}
}
</script>
</head>
<body>
<form>
<input type="text" name = "source" id ="source" value =""/>
<input type="text" name = "compare" id ="compare" value ="" onKeyUp="verifField(this.value, 'source', 'result')"/>
<span id="result"></span>
</form>
<form>
<input type="text" name = "source2" id ="source2" value =""/>
<input type="text" name = "compare" id ="compare" value ="" onKeyUp="verifField(this.value, 'source2', 'result2')"/>
<span id="result2"></span>
</form>
</body>
</html>
Il suffit de remplacer "adrese-photo1.jpg" et "adrese-photo2.jpg" par des bonnes valeurs pour tester le fonctionnement
Une question assez semblable avait été posée dans ce topic http://www.phpfrance.com/forums/voir_sujet-35331-0-asc-0.php
Cela permet de tester l'égalité entre deux champs.
Voici le code entier
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript">
function verifField(value, input, output) {
var id_img = 'conf_'+input;
if (document.getElementById(id_img) == null)
{
var conteneur = document.getElementById(output);
var image = document.createElement('img');
if(value != document.getElementById(input).value)
{
image.setAttribute('src','adrese-photo1.jpg');
image.setAttribute('id',id_img);
image.setAttribute('alt','Mauvaise confirmation');
}
else
{
image.setAttribute('src','adrese-photo2.jpg');
image.setAttribute('id',id_img);
image.setAttribute('alt','Confirmation OK');
}
conteneur.appendChild(image);
}
else
{
if(value != document.getElementById(input).value)
{
document.getElementById(id_img).src='adrese-photo1.jpg';
}
else
{
document.getElementById(id_img).src='adrese-photo2.jpg';
}
}
}
</script>
</head>
<body>
<form>
<input type="text" name = "source" id ="source" value =""/>
<input type="text" name = "compare" id ="compare" value ="" onKeyUp="verifField(this.value, 'source', 'result')"/>
<span id="result"></span>
</form>
<form>
<input type="text" name = "source2" id ="source2" value =""/>
<input type="text" name = "compare" id ="compare" value ="" onKeyUp="verifField(this.value, 'source2', 'result2')"/>
<span id="result2"></span>
</form>
</body>
</html>
[/code]
Il suffit de remplacer "adrese-photo1.jpg" et "adrese-photo2.jpg" par des bonnes valeurs pour tester le fonctionnement