Архив метки: Jquery

Курсор в конец textarea

Например у вас в textarea длинный текст. Вам необходимо отобразить конце скролла.

<?php
echo "<textarea name='ttx' id='ttx' class='span12' rows=20>";
echo "$code";
echo "</textarea>";
?>

<script>
jQuery.fn.putCursorAtEnd = function() {
  return this.each(function() {
    $(this).focus()
    if (this.setSelectionRange) {
      var len = $(this).val().length * 2;
      this.setSelectionRange(len, len);   
    } else {
      $(this).val($(this).val());      
    }
    this.scrollTop = 999999;
  });

};
    $("#ttx").putCursorAtEnd(); 
 </script>

jqgrid маленькие не очевидные хитрости…

1) Кнопка со своей иконкой в панели навигации:

    jQuery("#sbss_tickets").jqGrid('navButtonAdd',"#sbss_tickets_pager",{
        buttonicon: "ui-icon-blank", //или "none"
        caption:"<img src='controller/client/themes/"+theme+"/ico/flag_green.gif'>Об.платеж",                              
        position: "last",
        title: "Абонент взял обещаный платеж",
	onClickButton:function(){
                    var id = jQuery("#list2").jqGrid('getGridParam','selrow');
                        if (id)	{
                            alert(id);
                          //$( "#tposts" ).dialog("open" );                             
                       } else {alert("Выберите пользователя!");};
                } 
    });

2) Разделитель кнопок

    jQuery("#sbss_tickets").jqGrid('navSeparatorAdd',
            "#sbss_tickets_pager",
            {sepclass : 'ui-separator',sepcontent: ''}
        );

TinyMCE и JQuery UI dialog modal

А именно редактор tinymce не корректно обрабатывает «вложенные» модальные окна в открытом модальном окне:

                       $("#pg_add_edit").dialog({autoOpen: false,height: 600,width: 800,modal:true,title: "Добавление новости" });
                       $("#pg_add_edit" ).dialog( "open" );                                   
                       $("#pg_add_edit").load("controller/client/view/news/news.php?step=add");
<form ENCTYPE="multipart/form-data" action="?content_page=news&step=<?php echo "$step&newsid=$id"; ?>" method="post" name="form1" target="_self">
    <input name=dtpost id=dtpost value="<?php echo "$dtpost"; ?>"><br>
    <input name=title  id=title value="<?php echo "$title";?>" class="span8" placeholder="Заголовок"><br>
    <textarea class="span12" id="txt" name=txt  rows="15" placeholder="Введите новость">
        <?php echo "$txt";?>
    </textarea>

</form>

   $('textarea').tinymce({
      script_url : 'js/tinymce/tinymce.min.js',
      theme : "modern",      
      mode: "none",
      'theme_advanced_buttons3_add': 'code',
      plugins: "save fullscreen link emoticons code",
      toolbar: "save fullscreen link emoticons",                    
      save_enablewhendirty: true,
      save_onsavecallback: function() {document.form1.submit();}      
   });

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

На форумах дают совет добавить в код:

      $(document).on('focusin', function(e) {
    if ($(event.target).closest(".mce-window").length) {
		e.stopImmediatePropagation();
	}
});

Однако мне не помогло. Пришлось пока отказаться от модальных окон, до момента «пока не найду решение».