VPF::добавить к CSS классу панель свойство width

VoodariuS

Дата 4.2.2012, 12:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 13.12.2005

Репутация: нет
Всего: нет

Объясните, пожалуйста, понятно, как добавить к CSS классу .panel в таблице стилей свойство width равное document.body.offsetWidth
Выцеплять каждый элемент с классом не помогает, нужно именно дописать width в таблицу стилей.

Evghenusi

Дата 4.2.2012, 12:47 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15

Цитата(VoodariuS @ 4.2.2012, 12:35

)

Выцеплять каждый элемент с классом не помогает

почему?

Цитата(VoodariuS @ 4.2.2012, 12:35

)

нужно именно дописать width в таблицу стилей.

я правильно понял, хочешь "парсить" *.css файл?

Evghenusi

Дата 4.2.2012, 13:02 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <style type="text/css">
        .nc {
            width:10px;
            height:10px;
            border:1px solid;
        }
    </style>
    <script type="text/javascript">    
        window.onload = function()
        {
            var nc = document.getElementsByClassName('nc');
            for(i=0;a=nc[i++];) a.style.width = document.body.offsetWidth + 'px';
        }    
    </script>
</head>
<body>
    <div class="nc">1</div>
    <div class="nc">2</div>
    <div class="nc">3</div>
    <div class="nc">4</div>
</body>
</html>

??

Добавлено через 1 минуту и 46 секунд
неужели вариант $дмитрия не сработал

VoodariuS

Дата 4.2.2012, 14:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 13.12.2005

Репутация: нет
Всего: нет

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

Код


    alignpanels:function($, config){
        var paneloffset=0
        config.paneloffsets=[paneloffset] //array to store upper left offset of each panel (1st element=0)
        config.panelwidths=[] //array to store widths of each panel
        config.$panels.each(function(index){ //loop through panels
            var $currentpanel=$(this)
            $currentpanel.css({float: 'none', position: 'absolute', left: paneloffset+'px'}) //position panel
            $currentpanel.bind('click', function(e){return config.onpanelclick(e.target)}) //bind onpanelclick() to onclick event
            paneloffset+=stepcarousel.getCSSValue($currentpanel.css('marginRight')) + parseInt($currentpanel.get(0).offsetWidth || $currentpanel.css('width')) //calculate next panel offset
            config.paneloffsets.push(paneloffset) //remember this offset
            config.panelwidths.push(paneloffset-config.paneloffsets[config.paneloffsets.length-2]) //remember panel width
        })
        config.paneloffsets.pop() //delete last offset (redundant)
        var addpanelwidths=0
        var lastpanelindex=config.$panels.length-1
        config.lastvisiblepanel=lastpanelindex
        for (var i=config.$panels.length-1; i>=0; i--){
            addpanelwidths+=(i==lastpanelindex? config.panelwidths[lastpanelindex] : config.paneloffsets[i+1]-config.paneloffsets[i])
            if (config.gallerywidth>addpanelwidths){
                config.lastvisiblepanel=i //calculate index of panel that when in 1st position reveals the very last panel all at once based on gallery width
            }
        }
        config.$belt.css({width: paneloffset+'px'}) //Set Belt DIV to total panels' widths
        config.currentpanel=(config.panelbehavior.persist)? parseInt(this.getCookie(config.galleryid+"persist")) : 0 //determine 1st panel to show by default
        config.currentpanel=(typeof config.currentpanel=="number" && config.currentpanel<config.$panels.length)? config.currentpanel : 0
        var endpoint=config.paneloffsets[config.currentpanel]+(config.currentpanel==0? 0 : config.beltoffset)
        config.$belt.css({left: -endpoint+'px'})
        if (config.defaultbuttons.enable==true){ //if enable default back/forth nav buttons
            var $navbuttons=this.addnavbuttons($, config, config.currentpanel)
            $(window).bind("load resize", function(){ //refresh position of nav buttons when page loads/resizes, in case offsets weren't available document.oncontentload
                config.offsets={left:stepcarousel.getoffset(config.$gallery.get(0), "offsetLeft"), top:stepcarousel.getoffset(config.$gallery.get(0), "offsetTop")}
                config.$leftnavbutton.css({left:config.offsets.left+config.defaultbuttons.leftnav[1]+'px', top:config.offsets.top+config.defaultbuttons.leftnav[2]+'px'})
                config.$rightnavbutton.css({left:config.offsets.left+config.$gallery.get(0).offsetWidth+config.defaultbuttons.rightnav[1]+'px', top:config.offsets.top+config.defaultbuttons.rightnav[2]+'px'})
            })
        }
        if (config.autostep && config.autostep.enable){ //enable auto stepping of Carousel?        
            var $carouselparts=config.$gallery.add(typeof $navbuttons!="undefined"? $navbuttons : null)
            $carouselparts.bind('click', function(){
                config.autostep.status="stopped"
                stepcarousel.stopautostep(config)
            })
            $carouselparts.hover(function(){ //onMouseover
                stepcarousel.stopautostep(config)
                config.autostep.hoverstate="over"
            }, function(){ //onMouseout
                if (config.steptimer && config.autostep.hoverstate=="over" && config.autostep.status!="stopped"){
                    config.steptimer=setInterval(function(){stepcarousel.autorotate(config.galleryid)}, config.autostep.pause)
                    config.autostep.hoverstate="out"
                }
            })
            config.steptimer=setInterval(function(){stepcarousel.autorotate(config.galleryid)}, config.autostep.pause) //automatically rotate Carousel Viewer
        } //end enable auto stepping check
        this.createpaginate($, config)
        this.statusreport(config.galleryid)
        config.oninit()
        config.onslideaction(this)
    },

Так что вариант либо разобраться во всем этом и заставить скрипт не учитывать размеры панелей а использовать document.body.offsetWidth либо, и, как я понимаю, проще, задать document.body.offsetWidth в таблицу стилей.

http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm вот скрипт целиком

Это сообщение отредактировал(а) VoodariuS - 4.2.2012, 14:40

VoodariuS

Дата 4.2.2012, 17:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 13.12.2005

Репутация: нет
Всего: нет

проблема решена, все расходимся.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »