Computer tools >
javascript
Javascript
Examples:
Summary
make_form.htm
To create a form like the following:
|
|
../images/part0_1_part1.png
|
Code:
<!DOCTYPE html>
<head>
<meta charset=utf-8>
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA4CAYAAADth5acAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAK2SURBVHhe7ZxLTsMwEECdHqAL9qwQF4ALwBIkuAfiEpwJpLKke8QeCbHqnl6gSckUTFOTZGJ77IzjSVZVGjt5L/NJ+im29aJkCUqgqqrO8YuiUIVICMofHXyz2agZ+i55Q1ACEglB8e4Hv7h6+3uxXJwpVacgvZRlKekopAeotpfXewF6ruXz+cG0ko4CWmgT0DadSCCUUKr92kxB2BTSHWGEHLb3CTBTEQwvkeAAuW8XWwEwlkQCkQQs/bRFgJ5aIoFAAibgZfHTDXU9m5BI8JSACeiLAIkET/iwO4UAuVnzEOFSgNumAwlSExxEUAmQdOQAH0tBQ/K/3DE7gte7UUeARIKlkBAC9Odp0qIiMig6oL4ppDCPLEBPL5HQISJ0BDSnlRa1RUJMAfIAz1KAawuK9QASCQ1CITogTABsFwm/lMYSIBIYCMi+JsQuwF2pKdt0xEVAtumIk4As75i5CciqJnCC36wN2UQCVwHZPMrmLmDyhTkFAZOtCRh8OPFQz4GGPKYwa8LkHmVjArjA1yImV5hTEzCpD3Uw+JzSj5muJvHlL0wAt/Rz8njzr2wkWxMw+GNd/W2QsWKdnIQh8GMIcIHdJSMZCWPBp4SdrISh8Kmu/hjQTRlsIyEG/DGAf94+HThg1x3ZgLe98mMBNyFjRZmFBFvwQ+DHAG4Lu0vGaBJcwOuTaOv7Q0OnAm6KWK/Xaj6fx/v1JhX4VIGPEgk+0PUBr+4esJTqvX3oVf51fOo9FwxwtPoIV5gpoMPRhQT/ev9OAtJ3kKYI75rAGTwX4G3CnCRsVb1Wxe7H0LP6m0rwdz2+AqiveM7QTRG4hBo0QId/pNLL7nW9NhdbCVTQU4KNRQFs90pHQyT4gucE3CyovnVB7+8lAQYxRUAPb9NCYpBDnTgVQIpxvCVQHETuY4CEb/hxtTrhsRdEAAAAAElFTkSuQmCC">
<title>title</title>
</head>
<body>
<form name="form1">var1:
<input type="radio" name="choix" value="1" onchange="change_var1('1')" checked>1
<input type="radio" name="choix" value="2" onchange="change_var1('2')" >2
<input type="radio" name="choix" value="3" onchange="change_var1('3')" >3
</form>
<form name="form2">var2:
<input type="radio" name="choix" value="1" onchange="change_var2('')" checked>
<input type="radio" name="choix" value="2" onchange="change_var2('_10')" >_10
<input type="radio" name="choix" value="3" onchange="change_var2('_20')" >_20
</form>
<table>
<tr>
<td align="center">
<img id="img1" src='../images/part0_1_part1.png' >
</td>
</tr>
<tr>
<td id="file" align="center">
../images/part0_1_part1.png
</td>
</tr>
</table>
<script>
fixed0='../images/part0_'
var1='1'
fixed1='_part1'
var2=''
fixed2='.png'
function change_var1(valeur) {
var1=valeur
changeSource()
}
function change_var2(valeur) {
var2=valeur
changeSource()
}
function changeSource() {
document.getElementById("img1").src=fixed0 + var1 + fixed1 + var2 + fixed2;
document.getElementById("file").innerHTML=fixed0 + var1 + fixed1 + var2 + fixed2;
}
</script>
</html>
To generate such a form automatically, wrap this html/javascript form into a bash script:
make_form