Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Синхронизация textarea и checkbox (https://javascript.ru/forum/dom-window/35274-sinkhronizaciya-textarea-i-checkbox.html)

georg 05.02.2013 21:03

Синхронизация textarea и checkbox
 
Доброго времени суток!

Мне нужно реализовать связь между textarea и checkbox

чекбокс должен быть неактивен, пока текст не промотан донизу (нельзя поставить галочку).

Скажите, пожалуйста, в какую сторону смотреть. Я никогда подобного эффекта не реализовывал, поэтому пребываю в растерянности.

Спасибо.

Deff 05.02.2013 21:19

Выложите минимальный HTML
И jQuery можно использовать ?

georg 05.02.2013 21:32

Вот минимальный код
<form action="">
    <div class="verification-form-wrap sign">
   
        <textarea id="txt-sign" name="txt-sign" cols="70" rows="10">
        
        TEMPORARY REGISTRATION AGREEMENT
        
        1. I have read andagree to Siberian Health Compensation Plan and Siberian Health products andservices as set forth in official
        Siberian Health literature .....................................................................
                                        
        </textarea>
    <div class="chb-wrapper">
        <input type="checkbox" id="chb-agree" name="chb-agree" />
        <label for="chb-agree" class="lb-agree">I accept all terms and conditions of the contact (please read contract)</label>
    </div>
</form>


jQuery можно использовать, вопрос - на какое событие вешать? Если вешать на потерю фокуса textarea, то это, очевидно, неправильно. А тогда как лучше?

Deff 05.02.2013 21:43

Цитата:

Сообщение от georg
пока текст не промотан донизу

Промотана вся страница до конца или текст в textarea ?
Странно, - что инфа в textarea

georg 05.02.2013 21:57

должен быть промотан текст в textarea.
Инфу в textarea разместили по желанию заказчика.

А вообще как правильно оформить эту страницу, сделать текст в див со скроллом?

Тогда я услышу, что скроллы на пиксель отличаются от дефолтных. Ведь если, например, я размещу текст в div, то надо будет прикручивать полосу прокрутки ScrollPane-ом.

Deff 05.02.2013 22:06

Цитата:

Сообщение от georg
А вообще как правильно оформить эту страницу, сделать текст в див со скроллом?

Ну можно и так ... типо нижний скроллбокс http://mjacksoninfo.userforum.ru/register.php

Хотя имхо - если не через чур длинный текст - просто div без скролла (фиксируем промотку страницы

Deff 05.02.2013 22:14

:lol: При промотки скроллdivа можно вставить checkbox в конец скроллируемого блока с парой <br /> после него ЫЫ

georg 05.02.2013 22:18

Думаете, нет более красивого решения?
Я думал посмотреть в исходниках регистрационных форм годе-то в интеренет-магазинах, но пока почему-то ни одной подобной не нашел, а раньше попадались же на глаза.

Deff 05.02.2013 22:21

Лан - делаем по первичному плану ?

georg 05.02.2013 22:37

да, буду пробовать, потом отпишу


Часовой пояс GMT +3, время: 17:28.