Помогите создать скрипт

Тема в разделе "JavaScript", создана пользователем karen12, 20 сен 2014.

Модераторы: ZiX
  1. karen12

    karen12 Постоялец Нарушитель

    Регистр.:
    26 фев 2012
    Сообщения:
    80
    Симпатии:
    1
    Есть <input type=chekboc>

    и <texatarea></textarea>

    Нужно чтобы если в текстареа появляется буква то автоматом выделялось чекбокс, как можно реолизовать на java?
     
  2. bat

    bat

    Регистр.:
    24 сен 2009
    Сообщения:
    984
    Симпатии:
    277
    сначала "помагите", потом "chekboc", "texatarea" и "реолизовать"... если дам ответ он реально поможет?

    Код:
    <input type="text"  />
    <input type="checkbox"  />
    <script>
    checkbox=document.getElementsByTagName('input')[1]
    input=document.getElementsByTagName('input')[0]
    function handler(){
       if(input.value.length>0){
       checkbox.checked=true  
       }else{
       checkbox.checked=false   
       
       }
       
    }
    if(input.addEventListener){
       input.addEventListener('keyup',handler,false)
       
    }
    else{
       input.attachEvent('onkeyup',handler)
         
       }
    </script>
     
  3. karen12

    karen12 Постоялец Нарушитель

    Регистр.:
    26 фев 2012
    Сообщения:
    80
    Симпатии:
    1
    Здравствуйте, не могли бы Вы помочь мне еще 1 раз :((

    Вот у меня есть
    <input type="checkbox" id="iamcheckbox">
    и
    <textarea rows="4" cols="100%" id="input" onfocus="onFocusTextArea();" onblur="onBlurTextArea();" ></textarea>

    и

    Java

    <script type="text/javascript">

    function onFocusTextArea(){
    document.getElementById("iamcheckbox").checked = true;
    }
    function onBlurTextArea(){
    if(document.getElementById("input").value==""){
    document.getElementById("iamcheckbox").checked = false;
    }
    }
    </script>


    При вводе данных в textarea появляется галочка в чекбоксе- это то что мне надо, но если я textarea превращаю в wysiwyg редактор, то при вводе туда текста ничего не происходит, как можно исправить? Вот сам скрипт
    PHP:

    <!DOCTYPE html>
    <
    html>
    <
    head>
       <
    meta charset="utf-8" />
       <!--[if 
    lt IE 9]><script src="http://ie7-js.googlecode.com/svn/trunk/lib/IE9.js"></script><![endif]-->
       <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
        
       <meta name="keywords" content="" />
       <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="jquery.cleditor.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
      <script type="text/javascript" src="jquery.cleditor.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function () { $("#input").cleditor(); });
      </script>
    </head>

    <body>
         <input type="checkbox"  id="iamcheckbox">
        
          <textarea rows="4" cols="100%" id="input" onfocus="onFocusTextArea();" onblur="onBlurTextArea();" ></textarea>

          <script type="text/javascript">

    function onFocusTextArea(){
    document.getElementById("iamcheckbox").checked = true;
    }
    function onBlurTextArea(){
      if(document.getElementById("input5").value==""){
      document.getElementById("iamcheckbox").checked = false;
      }
    }
    </script>

    </body>
    </html>
    и архив плагинов и стилей
     

    Вложения:

    • cleditor.zip
      Размер файла:
      52,8 КБ
      Просмотров:
      0
  4. Nikita_Sp

    Nikita_Sp Создатель

    Регистр.:
    28 мар 2013
    Сообщения:
    15
    Симпатии:
    3
    Смотри, постараюсь объяснить в двух словах на пальцах:
    редактор, который ты подключаешь, не работает на прямую с твоим полем <textarea>. Он создает копию состоящую из div'ов. И ты можешь посмотреть его структуру через инспектор кода (Правой кнопкой мыши на объекте, и потом в Chrome: "просмотр кода элемента", в FF: "Исследовать элемент", в опере: "проинспектировать элемент", вроде).
    Дальше находишь div с текстом и смотришь его class || id, чтобы его идентифицировать в скрипте. А потом в скрипте отслеживаешь ввод в этот див, а не в textarea.

    Как отследить изменение эл-та: http://stackoverflow.com/questions/17908002/fire-event-when-inner-html-in-div-changed