Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: PDF JavaScript: как вписать текущую дату в текстовое поле?

Как добраться до созданного текстового поля и вписать туда текущие дату или время?

Добавлено через 2 часа 41 минуту
Или где можно почитать про объектную модель документа и про свойства элементов управления?
Ответ:
Сообщение от CharlyChaplin
Или где можно почитать про объектную модель документа и про свойства элементов управления?
1.
2. Книга "PDF Explained" - John Whitington
Вопрос: Не передает value из input-а в input

Всем Добрый день!
Имеется:
<input type="file" name="uploadfile" onchange="newFilename(this.value);">
<input type="text" id="fileName">
... и функция ...
<script type="text/javascript">
function newFilename(fileName){
var pos = fileName.lastIndexOf("\\");
if(fileName.lastIndexOf("\\") != -1) {document.getElementById("fileName").value=fileNam e.substr(pos+1);}
}
</script>

После выбора файла, его имя "копируется" в инпут id="fileName", при этом я обрезаю путь, чтобы оставить только имя файла.

Работает в Опере и Хроме последних версийи и в IE(версии 11), а в FF не хочет. Подскажите, как заставить лисичку работать, буду очень признателен.
Ответ:
Сообщение от kostyanet Посмотреть сообщение
Нашел у себя, вот так смахивайте:
elem.value = files[id].value.split('\\').pop(); // get rid of fakepath
Т.К. функция принимает в параметр(fileName) value из инпута, сделал вот так:
function newFilename(fileName{
    document.getElementById("fileName").value=fileName.split("\\").pop();
}

ВСЁ ЗАРАБОТАЛО! СПАСИБО КОСТЯН!
Тавтология конечно у меня: параметр 'fileName' и id='fileName'

P.S. А затеял это все я для того чтобы заменить стандартный <input type="file"> на стилизованый (собранный из других элементов).
Вопрос: Значение из input

Здравствуйте. Прошу помощи. Не пойму, почему не заностся данные из инпата в переменную:

Часть оттуда:
var $form_input = $('#subs_email').val();
var $form_input2 = document.getElementById("subs_email").value;


Почему у меня $form_input и $form_input2 пустые?
Но при
console.log($('#subs_email').val());

В консоли правильно выводит значение из input.
Ответ:
Сообщение от рони
а откуда в них данные то возьмутся ??? если у вас при загрузке в инпуте пусто

ну так введите туда данные
Или Вы имеете ввиду, что даже если их туда вписать - он считает, что там пусто?


Все, понял. Простите.
Просто надо присваивание в функцию для click внести.
Вопрос: как сделать маску телефона в input c +7(___) без jQuery

на чистом javascript нашел только такую маску
<html>
<head>
<script type="text/javascript">
  function mask(inputName, mask, evt) {
    try {
      var text = document.getElementById(inputName);
      var value = text.value;

      // If user pressed DEL or BACK SPACE, clean the value
      try {
        var e = (evt.which) ? evt.which : event.keyCode;
        if ( e == 46 || e == 8 ) {
          text.value = "";
          return;
        }
      } catch (e1) {}

      var literalPattern=/[0\*]/;
      var numberPattern=/[0-9]/;
      var newValue = "";

      for (var vId = 0, mId = 0 ; mId < mask.length ; ) {
        if (mId >= value.length)
          break;

        // Number expected but got a different value, store only the valid portion
        if (mask[mId] == '0' && value[vId].match(numberPattern) == null) {
          break;
        }

        // Found a literal
        while (mask[mId].match(literalPattern) == null) {
          if (value[vId] == mask[mId])
            break;

        newValue += mask[mId++];
      }

      newValue += value[vId++];
      mId++;
    }

    text.value = newValue;
  } catch(e) {}
}
</script>
</head>
<body>
<form id="form1">
<input type="text" id="zipCode" onkeyup="javascript:mask('zipCode', '+7(000)000-00-00', event);" value="+7(___)___-____" >
</form>
</html>



но нужно сделать так, чтобы скобки не пропадали, когда начинаешь вводить телефон и при очистке делитом скобки и подчеркивания тоже должны оставаться. Нужно обязательно без jQuery.
Ответ: Крутотень, но я вот смотрю на колбеки и заказы в БД, как народ вводит - как хочет, так и вводит, кому как удобно и всем по-моему поссать на эти паттерны. Проблематика видимо в том, что когда у одного есть свистелка, ее надо прикрутить всем, а то видишь ли, опмтимизаторы набегут и все равно заставят. )))
Вопрос: Изменение содержимого input.

Здравствуйте, нужна ваша помощь.

<input name="time" class="date" type="text" style="width:143px;" required>


Имею поле Date с js календарем для выбора(это не важно).
Дата сохраняется в формате 01-02-2014 .
В моем случае нужно динамически изменять поле на 01-Feb-2014 и так далее (для других месяцев).

Что-то наподобие этого:
if ( содержимое == -02-) поле== -Feb-
и так далее.

Спасибо!
Ответ:
Сообщение от Alex_63
Выложите один из скриптов
Плагинов календарей с возможностью указания формата даты полно, стоит только гугл спросить.
Вопрос: Вставить в Input данные из других input'ов

Помогите вставить данные из 3 input в 1 input главный.
Как такое реализовать через class'ы.

Сделал через onkeydown, работает, но вставляет только данные из текущего input, а мне надо что бы оно проходило по всем input и вставляло данные из них в главный input и разделяло их через +

Вот как сделал я :
<input type="text" value="" id="main">

<input type="text" value="" class="child" onkeyup="document.getElementById('main').value=this.value;">
<input type="text" value="" class="child" onkeyup="document.getElementById('main').value=this.value;">
<input type="text" value="" class="child" onkeyup="document.getElementById('main').value=this.value;">
Ответ:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.rawgit.com/finom/balalaika/master/balalaika.min.js"></script>
    <script>
        $(function() {
          $.index=function(elem){var i=0;while(elem=elem.previousSibling){elem.nodeType==1&&i++}return i}
            var data = {},
                output;
            $('.child').on('keyup', function() {
                data['input' + $.index(this)] = this.value;
                output = Object.keys(data).map(function(e) {
                    return data[e];
                });
                main.value = output.join(' ');
            });
        });
    </script>
</head>

<body>
    <input type="text" value="" id="main" />
    <input type="text" value="" class="child" />
    <input type="text" value="" class="child" />
    <input type="text" value="" class="child" />

</body>

</html>

вместо разделителя +, поставил пробел.
Вопрос: Автоматический вывод суммы значений в input-ах

Здравствуйте, нужна помощь, Нашел нужный js-скрипт, который выводит сумму значений value в input, но хотелось бы что бы он выводил результат не по нажатию на кнопку, а автоматически.
При этом остальной функционал скрипта нужно оставить неизменным!

Скрипт который нужно переделать:
<html>
<head>
<script language="JavaScript">
function sums()
{
 sum=0;
 for(i=1;i<13;i++)
 { 
  var elem=document.getElementById("r"+i);
  if(elem.checked)sum=sum+parseInt(elem.value);
 }
 document.formText.sumOut.value=sum;
}
</script>
</head>
<body>
<form name="formText">
<input type="radio" name="aa" id="r1" value="12">text 1
<input type="radio" name="aa" id="r2" value="24">text 2
<input type="radio" name="aa" id="r3" value="32">text 3
<input type="radio" name="aa" id="r4" value="43">text 4
<input type="radio" name="aa" id="r5" value="45">text 5<BR><BR>
<input type="radio" name="bb" id="r6" value="+24">text 16
<input type="radio" name="bb" id="r7" value="+10">text 17
<input type="radio" name="bb" id="r8" value="+7">text 18<BR><BR>
<input type="radio" name="сс" id="r9" value="+13">text 17
<input type="radio" name="сс" id="r10" value="+9">text 17
<input type="radio" name="сс" id="r11" value="+54">text 17
<input type="radio" name="сс" id="r12" value="+30">text 17
<input type="button" onclick="sums()" value="Подсчитать">
<br>Сумма:<br>
<input type="text" name="sumOut" disabled="false" value="">
</form>
</body>
</html>
Ответ: Спасибо, это почти то что я хотел, единственное, в старом скрипте выводилась сумма только цифирных значений, даже при наличии в value какого либо текста (если текст после подсчитываемых чисел), можно ли это реализовать как-то в ваших скриптах?
Что бы было понятней и больше никого не мучить:
Нужно отправлять value импутов в которых суммируемые числа (цена), и кратное название товара (текст)
Пример:
<input type="radio" name="cpu" id="r3" value="41 $ i7-3770">

То есть нужно что бы даже при таком value число 41 подсчитывалось.
Вопрос: Проверка input[text] + input[checkbox]

Добрый день, уважаемые участники сообщества. Помогите, пожалуйста, новичку JS, но опытному верстальщику, решить проблему.

Суть: есть 4 (n) чекбокса input[checkbox], которые активируют поля для ввода input[text]. В поля для ввода вносится число от 0 до 100 (проверка проходит отдельно, для решения вопроса не требуется).

Необходимо: сосчитать количество активных чекбоксов из n доступных, сосчитать сумму чисел активных полей для ввода, высчитать среднее арифметическое и вывести в отдельную переменную.

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

<ul>
	<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
	<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
	<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
	<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
</ul>
Ответ: avdotion,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  [type="checkbox"]+input{
    display: none;
  }
   :checked+input{
     display: inline;
   }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
 function calc() {
        var sum = [0,0,0];
        $(":checked+input").val(function(i, v) {
            var num = +v || 0;
            num > 100 && (num = 100);
            num < 0 && (num = 0);
            sum[0] += num;
            sum[1] = ++i;
            sum[2] = (sum[0]/sum[1]).toFixed(2)
            return num||""
        });
        $(".res").html(sum.join(" "))
    }
   $('[type="text"]').on("input", calc)
   $('[type="checkbox"]').on("click", calc)
});
  </script>
</head>

<body>
<ul>
  <li><input type="checkbox" /><input type="text" maxlength="3"/></li>
  <li><input type="checkbox" /><input type="text" maxlength="3"/></li>
  <li><input type="checkbox" /><input type="text" maxlength="3"/></li>
  <li><input type="checkbox" /><input type="text" maxlength="3"/></li>
</ul>
<div class="res"></div>

</body>
</html>
Вопрос: Активирование одновременное двух input[type=radio]

Привет.

Есть 2 формы, одна доставку выбирает, вторая оплату.
Задача сделать чтобы для доставки_1 автоматически выбиралась оплата_1, соответственно если выбирается доставка_2 чтобы была выбрана оплата_2

<h2>Доставка</h2>
<form action="">  
<input type="radio" id="deliveri_1" name="deliveri" value="1">
<input type="radio" id="deliveri_2" name="deliveri" value="2">
<input type="radio" id="deliveri_3" name="deliveri" value="3">
<input type="radio" id="deliveri_4" name="deliveri" value="4">
</form>

<h2>Оплата</h2>
<form action="">  
<input type="radio" id="payment_1" name="payment" value="1">
<input type="radio" id="payment_2" name="payment" value="2">
<input type="radio" id="payment_3" name="payment" value="3">
<input type="radio" id="payment_4" name="payment" value="4">
</form>
<script>

Как посоветуете реализовать взаимодействие форм?
Ответ: corton,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">


</head>

<body>
<form action="">
<h2>Доставка</h2>
<input type="radio" id="deliveri_1" name="deliveri" value="1">
<input type="radio" id="deliveri_2" name="deliveri" value="2">
<input type="radio" id="deliveri_3" name="deliveri" value="3">
<input type="radio" id="deliveri_4" name="deliveri" value="4">
<h2>Оплата</h2>
<input type="radio" id="payment_1" name="payment" value="1">
<input type="radio" id="payment_2" name="payment" value="2">
<input type="radio" id="payment_3" name="payment" value="3">
<input type="radio" id="payment_4" name="payment" value="4">
</form>



  <script>
window.addEventListener("DOMContentLoaded", function() {
    var form = document.querySelector("form"), obj = {deliveri : 'payment',payment : 'deliveri'};
        form.addEventListener("change", function(event) {
            var inp = event.target, name = obj[inp.name];
            if (name) form.querySelector('[name="'+name+'"][value="' + inp.value + '"]').checked = true
        })

});
  </script>

</body>
</html>
Вопрос: Сравнение значений текстового поля input text со значениями radio

Прошу помочь сам новичок в языке java script, буду благодарен
есть текстовое поле:
<input type="text" value="first" id="" name ="but_1" />

так же есть 5 radio:
<input type="Radio" name="v1" value="year">
    <input type="Radio" name="v1" value="apple">
    <input type="Radio" name="v1" value="first">
    <input type="Radio" name="v1" value="wer">
    <input type="Radio" name="v1" value="treck">

необходимо сделать проверку на совпадение значения текстового поля со всеми radio, и включить значение true у того radio, у которого значение совпало со значением текст. поля.
заранее спасибо
Ответ:
Сообщение от Алекс_
необходимо сделать проверку на совпадение значения текстового поля со всеми radio, и включить значение true у того radio, у которого значение совпало со значением текст. поля.
а вот код который соответсвует вашему описанию - вводите ваши слова если такое слово есть среди radio произойдёт отметка

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Тест</title>
</head>
<script>
window.addEventListener("load", function() {
    var inpElems = document.getElementsByName('v1'),
        inpTxt = document.getElementById('bb');
    inpTxt.addEventListener("input", function() {
        var value = this.value;
        Array.prototype.forEach.call(inpElems, function(item) {
            {
                item.checked = item.value == value;
            }
        });
    })

});
</script>
<body>
    <input type="text" value="" id="bb" name ="but_1" />
    <input type="Radio" name="v1" value="year">
    <input type="Radio" name="v1" value="apple">
    <input type="Radio" name="v1" value="first">
    <input type="Radio" name="v1" value="wer">
    <input type="Radio" name="v1" value="treck">
    <output id="result"></output>
</body>
</html>