Strangler
Legacy Member
Code:
<html>
<head>
<script type="text/javascript">
function transform(test){
if(test == 'test' || test == 'test2'){
document.getElementById(test).style.height = '1px';
}else{
document.getElementById(test).style.width = '1px';
}
}
</script>
</head>
<body>
<input type="checkbox" onclick="javascript:transform('test');">
<input type="checkbox" onclick="javascript:transform('test1');">
<input type="checkbox" onclick="javascript:transform('test2');">
<input type="checkbox" onclick="javascript:transform('test3');">
<div style="padding: 0; margin: 0; width: 100px; height: 50px;">
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 100%; border: 1px solid #000000; padding: 0; spacing: 0;">
<tr>
<td></td>
<td id="test" style="height: 10px;"></td>
<td></td>
</tr>
<tr>
<td id="test1" style="width: 10px;"></td>
<td style="background: #000000;"> </td>
<td id="test3" style="width: 10px;"></td>
</tr>
<tr>
<td></td>
<td id="test2" style="height: 10px;"></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>dit is mijn code, in FF doet deze het alleszins goed.
de bedoeling is om dit werkende te krijgen in Safari.
Als er iemand een andere oplossing weet, geef maar gerust.
In Safari is het probleem hetvolgende:
Die eerste knop (checkbox) doet het niet.
is gewoon een klein gadgetje dat ik wil toevoegen aan een bestelformulier.
Code is ietwat rommelig, maar das bijzaak nu.
Alvast bedankt,
Jelle