VPF::нужна помощь с формами - Форум программистов

olegti

Дата 26.10.2009, 23:23 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.7.2009

Репутация: нет
Всего: нет

Здравстуйте.
Такая проблема.
Есть текстовое поле (readonly) и под ней две кнопки "Edit" и "Preview".
Мне нужно сделать чтобы при нажатии на кнопку "Edit", текстовое поле меняло цвет и становилось активным,
а в место двух кнопок, появлялась только одна "Save"

сейчас код выглядит вот так:

Код



write_table_pvc_top('Fill this form (250 symbols maximum, spaces included)',' ');
echo '
<form name="form1" id="form1" method="post" action="/pvc/update_files/save.php" onChange="alert(\'Hello\');window.count_changes=true;">

<tr>
<td colspan=3 class="archiv_messgae_td_for_text">

    <label>
    <textarea name="msg_about"  cols="85" rows="3" wrap="virtual" class="vc_bold_text" id="archiv_message_textarea">'.$PERSONE->memo_msg_receive.'</textarea>
    </label>

</td></tr>
<tr>
<td colspan=3 style="height:1px;background:#ff9900;font-size:1px;"><table border=0 cellspacing=0 cellpadding=0 height=1><tr><td></td></tr></table></td>
</tr>
</form>
';

write_table_pvc_bottom(write_menubutton("Save",1,"onClick=\"check_acces(); \"",100));

подскажите пожалуйста, а то в JavaScript совсем не силён! ))

bars80080

Дата 27.10.2009, 00:01 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

Цитата(olegti @ 26.10.2009, 22:23

)

подскажите пожалуйста, а то в JavaScript совсем не силён!

и зачем тогда было задавать вопрос в разделе профи?

во-вторых, коли задаёте вопрос по javascript, то и выкладывайте html + javascript, а не php-код. в браузере его нет

кстати, не вижу ни одной кнопки

в общих чертах, поле "readonly", т.е. без возможности правки - имеет атрибут disabled
чтобы его снять достаточно сделать:

Код


document.getElementById('id_field').disabled = false;

чтобы меняло цвет:

Код


document.getElementById('id_field').style.background = '#ffff00'; // фон
document.getElementById('id_field').style.borderColor = '#ff0000'; // рамка

скрыть и показать кнопки можно с помощью:

Код


document.getElementById('id_field').style.display = 'none'; // это скрыть, если block или inline - показать

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »