Javascript-форум

Есть хтмл код -
</head>

<body>

<div id="content">
<form name="profile">
<p>
<label for="firstname">First Name:
<input type="text" readonly="readonly" name="firstname" id="firstname" value="Vasily" /></label>
</p>
<p>
<label for="lastname">Last Name:
<input type="text" readonly="readonly" name="lastname" id="lastname" value="Pupkoff" /></label>
</p>
<p>
<input type="button" name="showAll" value="Show All" id="showAll">
</p>
</form>
</div>
<div id="inputs">
</div>
</body>
</html>

нужно сделать - что-бы
1. При щелчке по лейблу и при помещении фокуса в поле нужно:
a. сделать поле редактируемым,
b. поменять класс поля на «edit».

При щелчке по кнопке «Show All»:
a. проверить, нет ли пустых свойств у объекта inputData.
i. Если есть — открыть окно «alert» с сообщением: «Please
fill all fields!»,
ii. иначе — записать содержимое объекта inputData в
переменную и вывести в окно «alert» в таком виде:
firstname = Vasily
lastname = Pupkoff.

буду благодарен , можно попросить после зачета финансов