Показать сообщение отдельно
  #6 (permalink)  
Старый 11.07.2015, 02:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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

<!DOCTYPE HTML>



<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
   <style type="text/css">
   a{

     height: 50px;
     background-color: #0000CC;
     color: rgb(153, 255, 255);
      font-size: 28pt;
   }

   </style>
</head>

<body>
 <p>
<a href="#">рррррррр</a></p><br><div><a href="#">рррррррр</a></div><div><a href="#">рррррррр</a><a href="#">рррррррр</a></div>
<script>
function _init_(el){

       this.s = typeof el == "string" ? document.querySelectorAll(el) : el.length ? el : [el];

   }

 // главная и самая сложная функшн
 function _A_(el){
     return new _init_(el)
 }

_init_.prototype.css = function(obj){
    if(typeof obj === 'object'){
     for (var e = 0; e < this.s.length; e++){
         for (i in obj){
         this.s[e].style[i] = obj[i];
     }
     }
     return this;
    }
    else {
        if(obj === 'width') return this.s[0].offsetWidth;
        if(obj === 'height') return this.s[0].offsetHeight
        else return this.s[0].style[obj] || getComputedStyle(this.s[0])[obj];
    }
}

_init_.prototype.attr = function(){

}

_init_.prototype.slideUp = function (duration){
   var self = this;
   this.css({'overflow' : 'hidden'});
   var height = parseInt(this.css('height'));
   for(var  i = 1; i <= height ; i++){
       (function(i){
          setTimeout(function(){
                    self.css({'height' : (height-i)+'px'});  // this.css is not a function. хотя overflow устанавливает перед этим
          }, i*duration/height);
       })(i);
    }
    return this;
}
// установка обработчиков
_init_.prototype.on = function(event, func, param){
    for(var i = 0; i < this.s.length; i++){
        addEvent(this.s[i], event, func, param);
    }
}

_init_.prototype.html = function(html){
     for(var i = 0; i < this.s.length; i++){
        this.s[i].innerHTML = html
    }
}
function addEvent(elem, type, handler, param){
    param = param || false;
    handler.bind(elem)
  if(elem.addEventListener){
    elem.addEventListener(type, handler, param);
  } else {
    elem.attachEvent('on'+type, handler);
  }
  return false;
}
function fn(n)
{

    return function() {
       _A_(this).css({'backgroundColor' : 'red'})
       _A_(this).html(n++); // чтобы так можно было делать

}

}
_init_.prototype.children = function() {
    var kids = [];
    for (var i = 0; i < this.s.length; i++) {
        for (var c = this.s[i].firstChild; c != null; c = c.nextSibling)
            if (c.nodeType === 1) kids.push(c);
    };
    return _A_(kids);
}
_init_.prototype.childrenFilter = function(el) {
    var kids = [];
    for (var i = 0; i < this.s.length; i++) {
        var arr = Array.prototype.map.call(this.s[i].querySelectorAll(el), function(el) {
            return el
        });
        for (var c = this.s[i].firstChild; c != null; c = c.nextSibling)
            if (c.nodeType === 1 && arr.indexOf(c) != -1) kids.push(c);
    }
   return _A_(kids) ;
}


   _A_('body').childrenFilter('div').css({'backgroundColor' : 'red'}).html('hhhh')

//var x = _A_("p");

//x.slideUp(1000)
</script>
</body>

</html>
Ответить с цитированием