Deerua about Coding -> Заметки с тегом «javascript»

Для того что бы конвертить неведомые символы, мы должны их отCharCodить, но функция конвертит всё подряд, поэтому мы предварительно составляем массив наших символов, и если не наши, мы их через ASCII-код выдаём :)

cp1251 = [33,34,35,36,37,38,39,40,41,42,43,44,45,46,48,49,50,51,52,53,54,
	55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,
	76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,93,94,95,96,97,
	98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,
	114,115,116,117,118,119,120,121,122,123,125,126,1025,1028,1030,
	1031,1040,1041,1042,1043,1044,1045,1046,1047,1048,1049,1050,1051,
	1052,1053,1054,1055,1056,1057,1058,1059,1060,1061,1062,1063,1064,
	1065,1066,1067,1068,1069,1070,1071,1072,1073,1074,1075,1076,1077,
	1078,1079,1080,1081,1082,1083,1084,1085,1086,1087,1088,1089,1090,
	1091,1092,1093,1094,1095,1096,1097,1098,1099,1100,1101,1102,1103,
	1108,1110,1111,8470];
function in_array(myValue,myArray){
	function equals(a,b){return (a === b);}
	for (var i in myArray) if (equals(myArray[i],myValue)) return true;
	return false;
}
function fetchAscii(){
	var obj = document.getElementById("converter").value,
  convertedObj = '', converted = document.getElementById("converted");
  var _length = obj.length;
  
  for(i = 0; i < _length; i++)
    convertedObj += (in_array(obj.charCodeAt(i),cp1251) ? '&#' : '&amp;#') 
    	+ obj.charCodeAt(i) + ';';
  converted.innerHTML = convertedObj;
  return false;
}  

• Посмотреть Пример

зы: прикрутил сразу туда же ZeroClipboard :)

var clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.addEventListener('mouseOver', 
	function(clip){
		clip.setText(
			document.getElementById("converted")
			.innerHTML
			.split("&")
			.join("&"))
	}
);
clip.glue("copy");

Особенность в том, что текст, который копируется, постоянно изменяется, то есть динамический %)

var myVar   = "3.14159",  
    str     = ""+ myVar,//  в стринг     (string)
    int     = ~~myVar,  //  в интеджер   (integer)
    float   = 1*myVar,  //  во флоат     (float)
    bool    = !!myVar,  //  в булен - все непустые строки и числа кроме 0 будут true
    array   = [myVar];  //  в массив

• Посмотреть больше

var nums = '1,2,3,4,5,6,7,8,9,10'.split(','); 

С утра твитор порадовал интересной викториной.

Немного подумав над ней, оказалось что решил я её без ошибок \m/, в отличии от многих других ;) (если бы на время, то наверное бы слил)…

По просьбам трудящихся, небольшие объяснения (в комментариях к викторине их можно частями найти)

1. (function(){
     return typeof arguments;
   })();

   Вернёт object, потому что arguments всегда задана, и выводит все переменные которые приходят в функцию

2. var f = function g(){ return 23; };
   typeof g();

   Получим ошибку, фугкция g() не объявлена. Если запустить f() получим «number»

3. (function(x){
   delete x;
   return x;
   })(1);

   Небольшой подвох ;) Delete внутри функций не работает ;) Ответ 1

4. var y = 1, x = y = typeof x;
   x;

   Объявление в «колоне» идёт слева на право, получаем в итоге строку «undefined»

5. (function f(f){ 
   return typeof f(); 
   })(function(){ return 1; });

   функция выполняется вконце, возвращает 1, она же идёт в начало аргументом функции f(), и тип 1 — «number»

6. var foo = { 
   bar: function() { return this.baz; }, 
   baz: 1
   };
   (function(){ 
   return typeof arguments[0]();
   })(foo.bar);

   Есть объект foo с методом bar, и функция которой в качестве аргумента передаём наш метод. Почему в итоге не «function»? this в обжекте ;) Лол! ок!

7. var foo = {
   bar: function(){ return this.baz; },
   baz: 1
   }
   typeof (f = foo.bar)();

   А ну как конструкция, гибкость? :) смотрим выше

8. var f = (function f(){ return "1"; }, function g(){ return 2; })();
   typeof f;

   исполняется последняя в списке функция g() — потому «number»

9. var x = 1;
   if (function f(){}) {
   x += typeof f;
   }
   x;

   Опять функция в условии (смотри 2), в итоге получаем «1undefined»

10. var x = [typeof x, typeof y][1];
    typeof typeof x;

    типоф от типоф всегда стринг ;)))

11. (function(foo){
    return typeof foo.bar;
    })({ foo: { bar: 1 } });

    у нас просто получилось foo.foo.bar = 1, обжект в обжекте — масло масляное, потому «undefined»

12. (function f(){
    function f(){ return 1; }
    return f();
    function f(){ return 2; }
    })();

    Последняя объявленная нижняя, потому получаем 2 %)

13. function f(){ return f; }
    new f() instanceof f;

    инстансоф буллевый оператор, и итог функции f() не может быть в «движении» функции f.

14. with (function(x, undefined){}) length;

    оператор with поиска находит оба аргумента, получаем 2 %)

• Flawless victory.

Math.round(num* 100,2)/100

После 1.4 сразу выходит 1.4.1 и скоро будет 1.4.2 :)
Такая активность подтолкнула много других людишек, и было создано много полезных ресурсов и обновлено старых:

• jQuery souse viewer — каждую функцию теперь быстро и удобно можно найти
 
• jQuery API — теперь в удобном формате
• jQuery UI — скоро 1.8 и новые плюшки
 
• jQuery Documentation — теперь с человеческим лицом
• jQuery Meetups Ukraine — милости просим, вопросы, предложения. Когда будет много людишек, можно будет организовать конференцию

ps: больше инфы о новом Jq тут

Последнее время часто пользуюсь, и так же часто не могу найти рабочие сайты. То домен пропал, то домен украли, то тупо сайт лежит. По этому сделал два зеркала для себя (если кому-то ещё пригодится, я не против ;) + любимый сайт для сжатия скриптов.

• CSS Formatter and Optimiser (csstidy 1.3)

• Dean Edwards p.a.c.k.e.r 3.1

• JS Compressorrater

Всем привет :)

По нужде добавил обработчики мыши (клик, влёт, вылет) и функцию обработки селектора — в простонародье each(). Рание немного модифицировал селектор + расширил обработку параметров, что бы можно было работать с each ;)

Работает each() вот так:

u$("#chars td").each(function(){
	u$(arguments[0]).onmouseover(function(){
		alert(arguments[0].tagName);
	});
});

Обращаться к передаваемому обжекту пока через arguments[0], в планах сделать через this, но там нужно сделать хитрые манипуляции + свой собственный eval() через добавление к заголовку джаваскрипта с контентом самой функции ;)

Для примера прикрутил к предыдущей статье ZeroClipboard, что бы при клике Копировать содержимое ячейки ;) Там всё просто:

• создаём объект типа ZeroClipboard.Client()
• через each() вешаем на onmouseover() обработчик
• дальше уже ZeroClipboard вешает свой флешовый click() по срабатыванию которого и происходит копи-в-буфер

• Посмотреть Пример
• Почитать о minijQuery
• Скачать minijQuery 0.0.2.0a

О, делал УТФ8 проектик, а тут мои скриптики перестали работать + некоторые крохотные правочки.

• Посмотреть minijQuery
• Посмотреть habraAlert

Сделал их в юникс кодировочке, а не дос ;)

ps: новый Джиквери 1.4 шикарен, скорость фантастическая… Вот ещё материальчики

• Много инфы о новом jquery 1.4 (инглиш)
• 15 фенечек нового jQuery

Появилось много нового и интересного.
Главная особенность, он стал ещё быстрее (куда уж больше ;)

Посмотреть списочек нового, можно прям на его сайте.

Почитать удобную шпаргалку по 1.4 можно здесь
Перенёс её себе, а то вдруг сайт помрёт ;)

• Посмотреть шпору

ps: так же, в честь дня рождения и выхода новой версии стартанул проект посвящённый последней, читать здесь