Archive for category Java Script

JS файл засобами РНР

Підключити 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

Дуже специфічне завдання :) Суть – є дата в форматі “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 і далекі мрії про спокійну веб-розробку

Що може так підняти настрій в похмурий день як  написання коду на  Java Script? Напевно, тільки пошук помилок в Java Script :)  Зовсім не заздрю тим веб-розробникам, робота яких тісно пов’язана з цією веб-технологією. З іншої сторони, безумовно, вся справа в професійності та знаннях.  Якщо ти добре розбираєшся в конкретній технології, то робота з нею справді може приносити задоволення…

Як не важко здогадатись, JS  не входить в перелік моїх “улюбленців”, і тільки існування таких цікавих методик як Аякс і прекрасних бібліотек як jQuery змушує мене час від час використовувати цю технологію. В цьому пості подаю першу “порцію” рецептів, які в свій час мені знадобились…

Кілька способів перевірки на число в JS

Можна так:

parseInt(value) > 0

або так:

if (!isNaN(value)) 

Лапки в тексті

У функціях document.write, .innerHTML інколи треба здійснити передачу тексту з одинарними лапками, в такому випадку виникає помилка, яка до того ж ще й ніде не відображається.
В цьому випадку в тексті потрібно замінити всі одинарні лапки на їх код: &#039
Або використати старий добрий РНР:

$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…

Коментарів немає