JavaScript

О клубе

31 января 2008 года, 21:12

JavaScript — скриптовый язык, чаще всего использующийся при создании сценариев поведения браузера, встраиваемых в веб-страницы. Является одной из реализаций языка ECMAScript.

Также находит применение в качестве скриптового языка доступа к объектам приложений (является встраиваемым языком). Среди сторонних продуктов, например, Java, начиная с версии 6, содержит встроенный интерпретатор JavaScript. Сценарии JavaScript поддерживаются в приложениях Adobe Creative Suite, а также Windows Scripting Host, платформе Mozilla, и многих других приложениях.

JavaScript обладает рядом свойств объектно-ориентированного языка, но благодаря прототипированию поддержка объектов в нём отличается от традиционных ОО языков. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого уровня, объекты как списки, карринг, анонимные функции, замыкания — что придаёт языку уникальную гибкость и расширяемость.

Синтаксическое подмножество JavaScript, JSON, последнее время набирает популярность в качестве формата обмена данными между объектно-ориентированными средами.

Подробности см. в Википедии.

Правила клуба

function isMyQuestionRightForThisClub(myParameters) {
  if (!(myParameters.topic is JavaScriptTopic)) return false;
  if (myParameters.topic.theme in JavaScriptStandard)
    throw new Exception('Go read standard, stupid!');
  if (previousSearchWasSuccessfull(myParameters.topic)) return false;
  if (isBadTheme(myParameters.topic.theme)) return false;
  if (isBadDescription(myParameters.question.text)) return false;
  if (myParameters.question.programCode.replace(/(^\s*)|(\s*$)/g, '') == '') return false;
  return true;
}

Депутат Госдумы поделился ссылкой в ответ на запись в дневнике Депутата Госдумы

29 декабря 2011 года, 18:36

jquery

Играемся с историей броузера, используя плагин BBQ для jQuery

( читать дальше )
( код (эксперимент) )
<h1>BBQ #1</h1>
<a href="bbq.test2.html">goto bbq #2</a>
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/cowboy/jquery-bbq/raw/master/jquery.ba-bbq.min.js"></script>

<script type="text/javascript">
function logState() {
console.log(jQuery.bbq.getState());
}
jQuery(document).ready(function logState() {
jQuery(window).bind( 'hashchange', function( event ) {
var hash_str = event.fragment,
param_obj = event.getState(),
param_val = event.getState( 'param_name' );
console.log('hash_str:' + hash_str);
// console.log('param_obj:' + param_obj);
// console.log('param_val:' + param_val);

if(hash_str == '')
jQuery.bbq.pushState({'000':''});
}).trigger('hashchange');
});
</script>

<a href="#111">goto #111</a>
<a href="#222">goto #222</a>
<a href="bbq.test1.html">goto nohash</a>
<a href="javascript:logState()">show log</a>
<h1>BBQ #2</h1>
<a href="bbq.test1.html">goto bbq #1</a>
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/cowboy/jquery-bbq/raw/master/jquery.ba-bbq.min.js"></script>

<script type="text/javascript">
function logState() {
console.log(jQuery.bbq.getState());
}
jQuery(document).ready(function logState() {
jQuery.bbq.pushState({'zzz':''},2);
jQuery.bbq.pushState({'000':''},2);
jQuery(window).bind( 'hashchange', function( event ) {
var hash_str = event.fragment,
param_obj = event.getState(),
param_val = event.getState( 'param_name' );
console.log('hash_str:' + hash_str);
// console.log('param_obj:' + param_obj);
// console.log('param_val:' + param_val);

if((/^zzz/).test(hash_str)) {
console.log('"back to prev site" intercepted!');
}
}).trigger('hashchange');
});
</script>

<a href="#111">goto #111</a>
<a href="#222">goto #222</a>
<a href="bbq.test2.html">goto nohash</a>
<a href="javascript:logState()">show log</a>
Этот эксперимент показывает ограничения и неуклюжести с которыми приходится сталкиваться наворачивая историю броузера.
===============
Воркэраунд перенаправляющий нажатие "Back" в броузере на мою кнопку. Не работает в IE7.
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/cowboy/jquery-bbq/raw/master/jquery.ba-bbq.min.js"></script>
<script type="text/javascript">
//[CDATA[

// intercept back button

jQuery(document).ready(function logState() {
jQuery.bbq.pushState({'AaAaAa':''},2);
jQuery.bbq.pushState({'b':''},2);
jQuery(window).bind( 'hashchange', function( event ) {
var hash_str = event.fragment;
console.log('hash_str:' + hash_str);

if((/^AaAaAa=/).test(hash_str)) {
console.log('"back to prev location" intercepted!');
jQuery('.backButton').get(0).click();
}
});
});
// ]]>
</script>

<input type="submit" value="my back" class="button backButton" />

#Death_Enemy# поделился ссылкой

2 июня 2011 года, 17:48

Doom, Web, canvas, game, javascript, игра

Разработчики Mozilla создали вариант игры Doom на языке JavaScript

Я в экстазе!! Такая ностольгия после 2-х минутной игры... Аж до дрожи. А само осознвание как это всё реализованно... Чорт побери, это круто!)

Nyamo написала

29 мая 2011 года, 17:23

Пользовательский курсор в Опере

Нужно заменить курсор в опере картинкой, привязав замену к определенному блоку.

Подскажите, как это правильно реализовать (хотя бы в общих чертах).

Для тех, кто не любит читать спецификации, - css-свойство cursor:url Оперой не поддерживается.

Проксима написала

16 мая 2011 года, 22:51

ТУПОЙ вопрос

Не пойму, что с тегом NOSCRIPT в Opera

Почему-то в Opera не отображается содержимое страницы между тегами <noscript>...</noscript>. Проверяла сегодня свой файл и обратила внимание. Посмотреть можно на примере страницы http://enable-javascript.com/ru/ (там при отключении скрипта пропадает текст в рамочке, хотя в других браузерах он отображается).

Если это действительно глюк Opera, а не мой, то как его обычно обходят?

Проксима написала

19 февраля 2011 года, 22:46

вопрос

Как поменять значение цвета?

Задача такая: при наступлении заданного события хочется поменять цвет в стиле, но так, чтобы (к примеру) значения green и blue оставались прежними, а изменялось только red (например, #000000 на #FF0000 или rgb(0,0,0) на rgb(255,0,0) ).
Не подскажете, как это можно сделать? В общих чертах я представляю, но в синтаксисе где-то делаю ошибку.

Хатимцов Никита написал

25 июня 2010 года, 18:07

Вопрос ГУРУ

Уважаемые знатоки, чему равна переменная
var test = ['0'] != false;

Это переменная равна false, что меня очень удивило – ищу причину сего явления

www.psy-land.ru написал

28 апреля 2010 года, 16:44

как определить позицию курсора при скролинге

подскажите как определить позицию мыши при скролинге

известно

весь экран Высота - (может меняться от страницы) - (document.body.scrollHeight>=windowHeight) ? document.body.scrollHeight : windowHeight;

видимый экран window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;

как определить в какой инервал должен войти видимые координаты

к примеру весь экран 1920, видимая часть 500, как определить начало и конец видимых координат курсора

www.psy-land.ru написал

26 апреля 2010 года, 19:28

подскажите по размеру картники

есть ссылка такого вида <a href "ссылка на что-то" rel "КАРТИНКА">что-то</a>

Вопрос как узнать размер "КАРТИНКА"?

www.psy-land.ru написал

22 апреля 2010 года, 00:57

Нужна помощь с ajax

подскажите где копать! нужен скрипт ajax подгрузки страницы
чтобы в него можно было вывести что-то типа

где cmsmodeles('left2'); - это позиция в шаблоне, по-умолчанию ее невидно на сайте,
нужно чтобы при нажатии на ссылку подгражалось содержимое этой позиции, и так для нескольких позиций

вот кодподгрузки контента, только он для страниц и не получается туда вывести модуль

( код скрипта ) <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; Charset=UTF-8">
<script>

function showContent(link) {
        var cont =
document.getElementById('contentBody');
        var loading =
document.getElementById('loading');
        cont.innerHTML =
loading.innerHTML;
        var http = createRequestObject();

if( http )
        { http.open('get', link);

http.onreadystatechange = function ()
            {
if(http.readyState == 4)
                {   cont.innerHTML =
http.responseText; }    }
            http.send(null); }

else
        { document.location = link;   }   }
    //
ajax объект
    function createRequestObject()
    { try {
return new XMLHttpRequest() }
        catch(e)
        { try
{ return new ActiveXObject('Msxml2.XMLHTTP') }

catch(e)
            {   try { return new
ActiveXObject('Microsoft.XMLHTTP') }
                catch(e) {
return null; }   } } }
</script>
</head>

<body>

<p>Какой модуль показывать</p>
<a href="#"
onClick="showContent('page1.html')">Страница 1</a>
<a
href="#" onClick="showContent('page2.html')">Страница 2</a>

<div id="contentBody">
    
</div>

    <div id="loading" style="display: none">
    Идет
загрузка...
    </div>
<script>
showContent('page1.html')
</script>
</body>
</html>

Konstantn поделился ссылкой

13 апреля 2010 года, 19:23

Plugin, jquery

FlexiGrid

А какой ты какой DataGrid пользуешь для отображения табличных данных, %username%?

Ещё записи


	Отписаться от комментарев к записи
	Получать уведомления только о тех ответах в этом обсуждении, которые адресованы лично вам. Форма не заполнена

премодерируемый клуб

выделить все / снять выделение

===============