Javascript

Javascript

Posted on by

Instruction for safari:

1. Open google.com.

2. Right click somewhere and select “Inspect Element”.

3. Select “Console”
Open Console in safari

4. copy and paste:

1
javascript:document.cookie="PREF=ID=e66a207a51ceefd8:U=936bafc98b2a9121:FF=0:LD=en:NR=10:CR=2:TM=1378808351:LM=1379592992:SG=1:S=OXyq0fqClYB66VuV ; path=/; domain=google.com";window.location.reload();

If you using not google.com, then change domain on your default google address.

Chrome deviceorientation event in javascript

Posted on by


Video:

Continue reading →

Use Matrix of rotate +MozOrientation

Posted on by

Previous post is simple example of usage MozOrientation. But now i use Matrix of rotate and i have nice animation.

You can read many information about Matrix of rotate here. These methods are used in game development, make animations and many others.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var context = drawingCanvas.getContext('2d');

var xc = 75;
var yc = 75;
var xi = 0;
var yi = 0;

var myImage = new Image();

var angle = (Math.PI/2)*-o.x;
myImage.onload = function() {
     context.clearRect(0,0,150,150);
     context.save();
     
     xi = xi*Math.cos(angle)-yi*Math.sin(angle)-xc;
     yi = yi*Math.sin(angle)+yi*Math.cos(angle)-yc;
     
     
     context.translate( xc , yc);
     
     context.rotate(angle);
     context.scale(1+o.y,1+o.y);
     context.drawImage(myImage, xi, yi);
     
     context.restore();
}
myImage.src = "feedme.png";

Result:

Your browser doesn’t support canvas.


Continue reading →

JavaScript examples for MozOrientation of FireFox 3.6

Posted on by

Today i present new feature of FireFox 3.6 – MozOrientation

With Canvas and MozOrientaion you will get nice web site!

Please look on my icons of Feed and Twitter! :)

My twitter source:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function init() {
additional_load(null);
 window.addEventListener("MozOrientation", additional_load, true);
}

function additional_load(o) {
var drawingCanvasTwitter = document.getElementById('myDrawingTwetter');    
     // Check the element is in the DOM and the browser supports canvas
     if(drawingCanvasTwitter && drawingCanvasTwitter.getContext) {
          // Initaliase a 2-dimensional drawing context
          var context = drawingCanvasTwitter.getContext('2d');
     
               var myImage = new Image();
               myImage.onload = function() {
                    context.clearRect(0,0,150,150);
                    context.save();
                    if(o) {
                         if(o.x > 0)
                              context.translate(0, 134*o.x);
                         else
                              context.translate(-134*o.x, 0);
                    }    

                    if(o)
                         context.rotate((Math.PI/2)*-o.x);
                    context.drawImage(myImage, 0, 40);
                    context.restore();
               }
               myImage.src = "https://developers-life.com/wp-content/uploads/2009/12/tw.jpg";         
     }
}
1
<body onload="init()"></body>

Example for handle orientation:
Continue reading →

Using jQuery thickbox built in WordPress

Posted on by

To cite an example of how to use the built-in thickbox wordpress when you write a plug-in.

First step: Create a folder “wp_plugin” in the folder “plugins”

Second step: Create a file with the following code ajax.php

1
2
3
4
5
6
7
8
9
10
11
12
13

     define("VP","wp_plugin");
     define("ABSPATH", str_replace("wp-content/plugins/".VP, "", dirname(__FILE__)));

        //The inclusion of these files allows full use of all functions of wordpress
     require_once(ABSPATH.'wp-load.php');
     require_once(ABSPATH.'wp-admin/includes/admin.php');

    if($_GET['options'])
    {
        echo $_GET['options'];
    }
?>

Go next step
Continue reading →

Yandex тИЦ в статус баре FireFox`a

Posted on by

Искал расширение(extention) для Firefox которое показывает в статус баре(status bar) один Yandex тИЦ. Нашел, но оно уже не работает в новом FireFox 3. Пришлось написать своё :)

Пару часов лазанья по интернету и экспериментов и результат на лицо:

Человек я добрый :)

Поделюсь своей работай Yandex тИЦ

Будут вопросы, пишите.

Пример перехвата сообщений в Javasctipt

Posted on by

Когда нужно отделить javascript от HTML это лучший вариант. Возникала проблема с перехватом сообщений. В разных браузерах одни функции работали а в других нет. Пришел к выводу что так лучше. Может кто-то посоветует что-то получше.

Пример:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
  <head>
    <title></title>
    <meta content="">
    <style></style>
  </head>
  <body>

<form name="myForm">
<input type="button" name="myButton">
</form>

<script language="JavaScript">
document.myForm.myButton.onclick= message;

function message() {
  alert(''Click event occured!'');
}

</script>

</body>
</html>

FAQ – часто задаваемые вопросы по jQuery

Posted on by

Эта статья является чуть-чуть вольным переводом аналогичного раздела на сайте разработчиков библиотеки jQuery. Речь пойдет о казалось бы совсем простых вещах, но не всегда очевидных с первого взгляда, поэтому эта информация наверняка может кому-то пригодится.
Как выбирать элементы, используя class или id?

Этот код выбирает элемент с id “myDivId”. Поскольку id является уникальным, это выражение всегда выбирает один элемент. Или ничего не выбирает, если элемента с таким id не существует.

1
$('#myDivId');

Следующий код выбирает элемент(ы) с классом “myCssClass”. Поскольку любое количество элементов может иметь этот класс, это выражение будет выбирать любое количество элементов.

1
$('.myCssClass');

Выбранный элемент может быть присвоен переменной javascript, например так:

1
var myDivElement = $('#myDivId');

Continue reading →

Posted on by

Доброго времени!

Сейчас я напишу пост об этой технологии. Не нашли реально разумный подход для решения отображения маркеров на карте и о том, что нам понадобилось для этого в просторах интернета

Первым делом сам google map, я не буду комментить коды, т.к. про все можно прочитать на офф сайте или  найти в интернете.

Проект над которым я вел работы http://frantsia.ru/nedvigimost/

Заказчик у нас человек разумный! Он сразу предложил разбиение страны на зоны, а зоны на регионы, чтоб не отображать тучу маркеров сразу на всей карте и естественно отображать маркеры только в видимой области, что способствует к ускорению работы карты. При определенном зуме маркеры меняются на зоны/регионы/недвижимость. Каждый, раз когда человек двигает карту, происходит обращение на сервер за новыми данными. Организация передачи данных производится слега переписанным framework Sajax.

Почему Sajax? -  маленький и быстрый!

1 2 Next »