Hi guys,
Thanks for all the advice - especially TheBagbournes for reminding me
the .style bit was wrong.
BTW you also said... "Avoid multiple calls to functions just for
efficiency." - groovy, how would you go about this mission - i.e.
changing the style of all input boxes called 'ship_owner[]'?
Richard Cornford said that calling the function from the href wasn't
really the thing to do, so I've gone back to the classic <a href="#"
onClick="change_class('block')" >Block mode</a> - is this still
considered ok?
Now, I've done all you have suggested and I still can't get this to
work..... below is my page in it's entirety, if you good people would
cast your eye over it and tell me what daftness I've come up with I
would be most appreciative! :-)
Thanks :-)
Amy - getting rather annoyed with herself and this page!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style>
<!--
input_to_text {
background: pink;
}
-->
</style>
<script>
function change_class(var_type)
{
// both of these alerts give me 7
alert('dom = '+document.getElementsByName('ship_owner[]').length);
alert('js = '+document.forms[0].elements['ship_owner[]'].length);
if (var_type == 'block')
{
alert('proof I get to here')
var inputs = document.getElementsByName("ship_owner[]");
for (var i = 0; i < inputs.length; i++)
{
inputs[i].className = "input_to_text";
}
}
else if (var_type == 'prop')
{
// not yet implemented, but will turn the boxes back to boxes
alert('place-holder');
}
}
</script>
</head>
<body>
<form name="ship_reords" action="block_action.php" method="post">
<table border="1">
<tr>
<th rowspan=1>Ship Name</th>
<th>Ship Owner</th>
</tr>
<tr>
<td>Alone Hammerhead</td>
<td><input name="ship_owner[]" class="" value="Amy" /></td>
</tr>
<tr>
<td>Ambitious Bluegill</td>
<td><input name="ship_owner[]" value="Kate" /></td>
</tr>
<tr>
<td>Dear Angelfish</td>
<td><input name="ship_owner[]" value="Kate" /></td>
</tr>
<tr>
<td>Decent Bullhead</td>
<td><input name="ship_owner[]" value="Crew boat?" /></td>
</tr>
<tr>
<td>Fat Carp</td>
<td><input name="ship_owner[]" value="Amy" /></td>
</tr>
<tr>
<td>Fatty Eel</td>
<td><input name="ship_owner[]" value="Kate (& shop coffers?)"
/></td>
</tr>
<tr>
<td>Free Sprat</td>
<td><input name="ship_owner[]" value="Flag Fleet" /></td>
</tr>
</table>
<a href="#" onClick="change_class('block')" >Block mode</a>
<input type="submit" value="submit"/>
</form>
</body>
</html>
