Показать сообщение отдельно
  #1 (permalink)  
Старый 27.06.2013, 20:40
Новичок на форуме
Отправить личное сообщение для MR.TOR Посмотреть профиль Найти все сообщения от MR.TOR
 
Регистрация: 27.06.2013
Сообщений: 3

Поворот блока вокруг своей оси
доброго времени суток.
Нашел вод такой скрипт
http://www.xiper.net/examples/html-a...lip-click.html

подскажите как сделать так чтобы можно было размещать не один блок а много (20-30).
т.е. понятно что у каждого блока будет свой идентификатор. но вот кнопка имеет только один индентификатор "button", вот

И скрипту не понятно какой блок повернуть на 180 градусов. а какой оставить нетронутым.

/* DOM Utility Functions from PastryKit */
Element.prototype.hasClassName = function (a) {
    return new RegExp("(?:^|\\s+)" + a + "(?:\\s+|$)").test(this.className);
};

Element.prototype.addClassName = function (a) {
    if (!this.hasClassName(a)) {
        this.className = [this.className, a].join(" ");
    }
};

Element.prototype.removeClassName = function (b) {
    if (this.hasClassName(b)) {
        var a = this.className;
        this.className = a.replace(new RegExp("(?:^|\\s+)" + b + "(?:\\s+|$)", "g"), " ");
    }
};

Element.prototype.toggleClassName = function (a) {
  this[this.hasClassName(a) ? "removeClassName" : "addClassName"](a);
};
/* /DOM Utility Functions from PastryKit */

var init = function() {
	
	document.getElementById('button').addEventListener( 'click', function(){
    
		document.getElementById('card').toggleClassName('flip');
		
  }, false);
}

window.addEventListener( 'DOMContentLoaded', init, false);


такая унификация понадобится многим.
Помогите пожалуйста, сам бы сделал но в JS мало что понимаю.
Ответить с цитированием