Javascript : exemples avec le code source

J - Modification d'un calque

Redimensionnement

 

Code

<html>
<head>
<script language="javascript">
function changeTaille(dl) {
document.getElementById('image').style.width =
  Math.max(parseInt(document.getElementById('image').style.width)+dl,20)+'px';
document.getElementById('image').style.height =
  Math.max(parseInt(document.getElementById('image').style.height)+dl,20)+'px';
}
</script>
</head>
<body style="text-align:center">
<p>
<input type="button" value="&ndash;" onClick="changeTaille(-5)">
<input type="button" value="+" onClick="changeTaille(5)">
</p>
<p><img id="image" src = "bleu.jpg" style="height:50px; width:50px"></p>
</body>
</html>
Validé XHTML 1.1    Validé CSS