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

Установка курсора в позицию поля input или textarea на JavaScript

Кроссплатформенное решение, не требующее Jquery:

function getCaretPosition(ctrl) {
    if (document.selection) {
        ctrl.focus();
        var range = document.selection.createRange();
        var rangelen = range.text.length;
        range.moveStart('character', -ctrl.value.length);
        var start = range.text.length - rangelen;
        return {
            'start': start,
            'end': start + rangelen
        };
    } else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
        return {
            'start': ctrl.selectionStart,
            'end': ctrl.selectionEnd
        };
    } else {
        return {
            'start': 0,
            'end': 0
        };
    }
}


function setCaretPosition(ctrl, start, end) {
    if (ctrl.setSelectionRange) {
        ctrl.focus();
        ctrl.setSelectionRange(start, end);
    } else if (ctrl.createTextRange) {
        var range = ctrl.createTextRange();
        range.collapse(true);
        range.moveEnd('character', end);
        range.moveStart('character', start);
        range.select();
    }
};    

Использование:

//прочитаем позицию с выделеним
outpz = getCaretPosition(document.getElementById('summpayme'));
//установим позицию с выделением
setCaretPosition(document.getElementById('summpayme'),outpz.start, outpz.end);

Установка атрибута readpnly в поле input при помощи Jquery

        <form id="myForm" class="well"  ENCTYPE="multipart/form-data" action="controller/saveimei.php" method="post" name="myForm" target="_self">
            <label>Название маячка</label>
            <input name="dvname" id="dvname" type="text" class="span12" placeholder="Как будем его называть?">
            <label>Его IMEI</label>
            <input name="imeicode" id="imeicode" type="text" class="span12" placeholder="IMEI код устройства">            
            <input name="modeedit" id="modeedit" type="hidden" value="add">            
            <p align="center">
            <button type="submit" class="btn">Сохранить</button>
            </p>
        </form>

Переключение:

$("#imeicode").attr('readonly', true);
$("#imeicode").attr('readonly', false);