Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / функция яваскрипт для работы с датой! / 22 сообщений из 22, страница 1 из 1
26.07.2013, 10:49
    #38344782
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Здраствуйте! У меня есть вот такая функция. Она делает так чтобы дата которую пользователь записывает в текстовое поле
автоматически редактировалась. То есть к примеру он пишет 22131232, а функция преобразует в 22/13/1232.Это она делает не плохо, правда если вводить быстро разделители не успевает ставить.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
function checkDate() 
     { var dateText=document.getElementById(''date'').value; 
      if ((dateText.length == 2)||(dateText.length == 5)) 
     { dateText+=''/''; 
      document.getElementById(''date'').value=dateText;
      }
      }


Но проблема в другом:текстовое поле поле стоит в цикле.
вот само поле если надо
Код: html
1.
<td><input type="text" id="date" maxlength="10" onKeyUp="checkDate();" value="'||to_char(base.daten, 'DD/MM/YYYY')||'" ></td>


А функция изменяет только первое поле в цикле. Как сделать так, чтобы функция исполнялась для всех полей?
Надеюсь понятно написал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:04
    #38344810
bazile
bazile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991, заменить id="date" на class="date" к нужным input-ам, заменить getElementById() на getElementsByClassName() и дописать цикл.

На будущее - значения атрибута id должны быть уникальными в пределах страницы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:09
    #38344817
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
На будущее - значения атрибута id должны быть уникальными в пределах страницы.[/quot]
Я больше нигде такое ID не использую
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:10
    #38344819
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Я понимаю что нужен цикл, но не могу никак написать его
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:12
    #38344823
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Да и насчёт Class. Выбивает Строка: 17
Ошибка: Объект не поддерживает свойство или метод "getElementByClassName"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:14
    #38344826
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
хм. сколько в году месяцев?

вообще рекомендую поискать jQuery-плагин для маскирования инпутов или вообще DatePicker
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:15
    #38344830
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991Да и насчёт Class. Выбивает Строка: 17
Ошибка: Объект не поддерживает свойство или метод "getElementByClassName"потому что Вам рекомендовали getElementsByClassName
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:22
    #38344842
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991,

я когда-то брал очень хороший календарь с обработкой нажатий клавиш. (с) ShSerge
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:30
    #38344864
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Паганельпотому что Вам рекомендовали getElementsByClassName
Да понял извените
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:34
    #38344874
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
user89Denis1991,

я когда-то брал очень хороший календарь с обработкой нажатий клавиш. (с) ShSerge
А как узнать его исходник?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:36
    #38344876
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991А как узнать его исходник?как обычно Firebug, закладка Net
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 11:40
    #38344886
bazile
bazile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991Я понимаю что нужен цикл, но не могу никак написать его
Поторопился. Цикл здесь не нужен. Ведь мы обрабатываем всегда один элемент управления.
Код: sql
1.
2.
<input type="text" maxlength="10" onKeyUp="checkDate(this)" value="'||to_char(base.daten, 'DD/MM/YYYY')||'">
<input type="text" maxlength="10" onKeyUp="checkDate(this)" value="'||to_char(base.daten, 'DD/MM/YYYY')||'">


Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
function checkDate(inpDate)
{
	var dateText = inpDate.value; 
	if (dateText.length == 2 || dateText.length == 5) 
	{
		dateText += '/';
		inpDate.value=dateText;
	}
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 12:09
    #38344949
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Что-то не то
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 12:10
    #38344952
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Тот же эффект
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 12:15
    #38344968
bazile
bazile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991Что-то не то
...
Тот же эффект
Если хочешь чтобы тебе помогли, то следует ясно описывать проблему, а не говорить загадками.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 12:19
    #38344974
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991А как узнать его исходник? Паганель предложил лучший способ. Там можно вытащить и скрипты, и стили, и рисунки. Аналогичные инструменты есть и в Опере и в Хромом.
Но можно и по прямой ссылке
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 12:32
    #38345000
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Я исправил код как вы показали и теперь не загружается страница.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 12:51
    #38345051
bazile
bazile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991, у тебя в JS коде были двойные одинарные кавычки, я оставил только одни как это требуется по правилам JavaScript. Возможно дело в этом т.к. ты работаешь с Oracle.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 13:54
    #38345196
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Да я работаю в PL SQL Developer. Но пока с двойными одинарными кавычками не было проблем.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 14:50
    #38345307
ложка дегтя
ложка дегтя
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
А вам не кажется, что вся ваша обработка нажатий клавиш пойдет на смарку, когда пользователь тупо сделает copy paste в браузере при чем не сочитанием клавиш, а через пунты меню браузера? При этом вам в поля ввода будет вставлен текст из обычного notepad.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 15:12
    #38345363
bazile
bazile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
Denis1991пока с двойными одинарными кавычками не было проблем.
Я предлагал _удвоить_ одинарные кавычки в _моем_ примере.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.07.2013, 15:22
    #38345385
Denis1991
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
функция яваскрипт для работы с датой!
[/quot]
Я предлагал _удвоить_ одинарные кавычки в _моем_ примере.[/quot]
Да я так сразу сделал, но ... . Страница не загрузилась вообще
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / функция яваскрипт для работы с датой! / 22 сообщений из 22, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 542ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448074]:
 0ms
get settings:
 10ms
get forum list:
 17ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 197ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 58ms
get tp. blocked users:
 1ms
others: 237ms
total:  542ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]