Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > нужна помощь с формами


Автор: olegti 26.10.2009, 23:23
Здравстуйте.
Такая проблема.
Есть текстовое поле (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
Цитата(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 - показать

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)