Archive for category Java Script
JS файл засобами РНР
Posted by Цінитель in Java Script on 17.11.2009
Підключити JS файл з розширенням *.рнр в документі досить просто. Нещодавно дізнався про простий та ефективний рецепт: :
<script type="text/javascript" src="myscript.php"></script>
або навіть так:
<script type="text/javascript" src="myscript.php?id=3&name=george"></script>
Сам файл myscript.php може бути цілком звичайним. Потрібно лише незабути наділити його коректним РНР-хідером, щоб браузер знав що перед ним саме js-файл:
<? Header(”content-type: application/x-javascript”); ?>
Ігри з датою за допомогою плагіна Datapicker для jQuery
Posted by Цінитель in Java Script on 12.11.2009
Дуже специфічне завдання :) Суть – є дата в форматі “2009-05-05″ потрібно до неї додати один рік. Робив двома способами
Старий варіант(рік додаю через перевід в Юнікс стемп і додавання мілісекунд):
onchange='var old_date=jQuery.datepicker.parseDate("yy-mm-dd", this.value);
temp=parseInt(jQuery.datepicker.formatDate("@", old_date))+parseInt(31556926000);
new_date=jQuery.datepicker.parseDate("@", temp);
jQuery("#date_end<?echo $v['catalog_firm_id']; ?>").val(jQuery.datepicker.formatDate("yy-mm-dd", new_date));'
Остаточний варіант (рік додається шляхом маніпуляцій з отриманим об’єктом Date):
onchange='var m_date=jQuery.datepicker.parseDate("yy-mm-dd", this.value);
m_date.setFullYear(m_date.getFullYear()+1);
jQuery("#date_end<?echo $v['catalog_firm_id']; ?>").val(jQuery.datepicker.formatDate("yy-mm-dd", m_date));'
В обох випадках для парсингу використовується функція jQuery.datepicker.parseDate, оскільки стандартний метод parse для дати виду “2009-05-05″ НЕ ПРАЦЮЄ
Java Script і далекі мрії про спокійну веб-розробку
Posted by Цінитель in Java Script on 16.09.2009
Що може так підняти настрій в похмурий день як написання коду на Java Script? Напевно, тільки пошук помилок в Java Script :) Зовсім не заздрю тим веб-розробникам, робота яких тісно пов’язана з цією веб-технологією. З іншої сторони, безумовно, вся справа в професійності та знаннях. Якщо ти добре розбираєшся в конкретній технології, то робота з нею справді може приносити задоволення…
Як не важко здогадатись, JS не входить в перелік моїх “улюбленців”, і тільки існування таких цікавих методик як Аякс і прекрасних бібліотек як jQuery змушує мене час від час використовувати цю технологію. В цьому пості подаю першу “порцію” рецептів, які в свій час мені знадобились…
Кілька способів перевірки на число в JS
Можна так:
parseInt(value) > 0
або так:
if (!isNaN(value))
Лапки в тексті
У функціях document.write, .innerHTML інколи треба здійснити передачу тексту з одинарними лапками, в такому випадку виникає помилка, яка до того ж ще й ніде не відображається.
В цьому випадку в тексті потрібно замінити всі одинарні лапки на їх код: '
Або використати старий добрий РНР:
$result_of_query=addslashes($result_of_query);
Зробити лінком якийсь об’єкт
Наскільки просто, настільки і ефективно:
<input type="button" onclick="document.location='somedocument.html'"> <div style="cursor:pointer;" onclick="document.location='somedocument.html'">Link</div>
Виринаюче вікно на JS
… відчувається запах епохи 90-х :)
function popup()
{
window.open("popup.htm",null,
"height=200,width=400,status=no,toolbar=no,menubar=no,location=no");
}
Підтвердження дії на сторінці
<a href=http://google.com onclick='if(confirm("Are you sure?")){return true;}else{return false;}'> Push</a>
Якщо користувач натисне “Ок”, то перехід на сторінку google.com відбудеться, якщо ні – подія кліку проігнорується.
Ну і порада на завершення: не варто винаходити велосипед на JS. Значно простіше підключити бібліотеку типу Prototype чи jQuery, аніж вчергове шукати в інтернеті як, скажімо, все-таки створюється те знамените виринаюче віконце на JS…