Hello!
Sorry i´m a absolute beginner with JQuery, therefore this Question
may be somewhat trivial:
My Goal is to make <input type= image> buttons in a row. The first
one is activated. Once u click the first one it is "checked" AND the
next one must be activated.
the work i´ve done so far is:
<script type="text/javascript">
$(document).ready(function() {
$('#desperation input[type=image]').attr('disabled', true).fadeTo
("fast", 0.10);
$('#1').attr('disabled', false).fadeTo("fast", 0.70);
});
$(this).click(function() {
$("#1").fadeTo("slow", 1.00).attr('checked', true);
$("#2").next().attr('disabled', false).fadeTo("fast", 0.70);
});
</script>
<div id="skill">
<form action="javascript:void(null);" method="post"
enctype="application/x-www-form-urlencoded" id="skillplanner"
name="skillplanner" >
<fieldset id="desperation"><legend>Freetrader Skills: Desperation</
legend>
<input type="image" src="files/icons/underdog.png" id="1"
name="underdog"></input>
<input type="image" src="files/icons/dump_guns.png" id="2"
name="dump_guns"></input>
<input type="image" src="files/icons/desperation_fire.png" id="3"></
input>
<input type="image" src="files/icons/rum_ration.png" id="4"></input>
<input type="image" src="files/icons/hasty_fire.png" id="5"></input>
</fieldset>
</form>
</div>
The (document).ready part works it seems but the click function
doesnt.
Please I need HELP !!!!
