Скрипты и коды для юкоз

Страница 1 из 2
1
2
»

[1] vadimreal [21.05.2012, 12:44]

Плиз, подскажите что не так??
вот код закоментировано еще пару вариантов которые я пытался и ни один не робит.. говорит что то типо "Object #<Object> has no method 'setAttribute'"..

Code

  $(function() {
   $(".dynamicDiv").mousedown(function(){
    for(var i=0;i<97;i++)
     {
      $("#timelineDiv"+i).mouseover(function(){
       $("#timelineDiv"+i).setAttribute("style",'float:left; width: 6px; height: 15px;margin-right: 2px;background-color: red;');
                    //$(this).setAttribute("style",'float:left; width: 6px; height: 15px;margin-right: 2px;background-color: red;');
      });
     }
});

Добавлено (21.05.2012, 12:44)
---------------------------------------------
Спс
решение найдено самостоятельно):

this.setAttribute("style",'float:left; width: 6px; height: 15px;margin-right: 2px;background-color: red;');

[2] likbezz [21.05.2012, 13:43]

vadimreal,

Quote (vadimreal)

this.setAttribute("style",'float:left; width: 6px; height: 15px;margin-right: 2px;background-color: red;');

Точно )
А вообще, раз юзаем JQ можно и вот так:

Code

$(this).css({float:'left',width:'6px',height:'15px',marginRight:'2px',backgroundColor:'red'});

[3] vadimreal [21.05.2012, 13:55]

Спс буду знать еще один метод)

Добавлено (21.05.2012, 13:55)
---------------------------------------------
Интересно кстати почему у тебя
$(this) ... и работает а у меня только при
this.... работает а при
$(this) не робит...

[4] likbezz [21.05.2012, 15:17]

vadimreal,

Quote (vadimreal)

Интересно кстати почему у тебя
$(this) ... и работает а у меня только при
this.... работает а при
$(this) не робит...

this - это JavaScript объект.
а $(this) - это уже объект jQuery там другие методы.

[5] vadimreal [21.05.2012, 20:32]

Спасиб)

[6] Koeshiro [04.06.2012, 08:05]

Помогите плиз. Нашёл скрипт по замене скрола.

Code

dw_scrollObj.prototype.setUpScrollControls = function(controlsId, autoHide, axis) {
var el = document.getElementById(controlsId); if (!el) { return; }
var wnId = this.id;
if ( autoHide && axis == 'v' || axis == 'h' ) {
dw_scrollObj.handleControlVis(controlsId, wnId, axis);
dw_Scrollbar_Co.addEvent( this, 'on_load', function() { dw_scrollObj.handleControlVis(controlsId, wnId, axis); } );
dw_Scrollbar_Co.addEvent( this, 'on_update', function() { dw_scrollObj.handleControlVis(controlsId, wnId, axis); } );
}
var links = el.getElementsByTagName('a');
dw_scrollObj.handleControlLinks(links, wnId);
links = el.getElementsByTagName('area');
dw_scrollObj.handleControlLinks(links, wnId);
};

dw_scrollObj.handleControlLinks = function (links, wnId) {
var list, cls, eType;
var eTypesAr = ['mouseover', 'mousedown', 'click'];
for (var i=0; links[i]; i++) {
list = dw_Util.get_DelimitedClassList( links[i].className );
for (var j=0; cls = list[j]; j++) { // loop thru classes
eType = cls.slice(0, cls.indexOf('_') );
if ( dw_Util.inArray(eType, eTypesAr) ) {
switch ( eType ) {
case 'mouseover' :
case 'mousedown' :
dw_scrollObj.handleMouseOverDownLinks(links[i], wnId, cls);
break;
case 'click':
dw_scrollObj.handleClick(links[i], wnId, cls) ;
break;
}
break; // stop checking classes for this link
}
}
}
};

dw_scrollObj.handleMouseOverDownLinks = function (linkEl, wnId, cls) {
var parts = cls.split('_'); var eType = parts[0];
var re = /^(mouseover|mousedown)_(up|down|left|right)(_[\d]+)?$/;
if ( re.test(cls) ) {
var dir = parts[1]; var speed = parts[2] || null;
var deg = (dir == 'up')? 90: (dir == 'down')? 270: (dir == 'left')? 180: 0;
dw_scrollObj.setupMouseEvents(linkEl, wnId, eType, deg, speed);
}
};

dw_scrollObj.handleClick = function (linkEl, wnId, cls) {
var wndo = dw_scrollObj.col[wnId];
var parts = cls.split('_'); var eType = parts[0];
var dur_re = /^([\d]+)$/; var fn, re, x, y, dur;
if ( eType == 'click' ) {
var o = dw_scrollObj.getClickParts(cls);
fn = o.fn; x = o.x; y = o.y; dur = o.dur;
}
if ( x !== '' && y !== '' ) {
dur = !isNaN( parseInt(dur) )? parseInt(dur): null;
if (fn == 'scrollBy') {
dw_Event.add( linkEl, 'click', function (e) {
dw_scrollObj.scrollBy(wnId, x, y, dur);
if (e && e.preventDefault) e.preventDefault();
return false;
} );
} else if (fn == 'scrollTo') {
dw_Event.add( linkEl, 'click', function (e) {
dw_scrollObj.scrollTo(wnId, x, y, dur);
if (e && e.preventDefault) e.preventDefault();
return false;
} );
}
}
};

//////////////////////////////////////////////////////////////////////////
// adapted from old html_att_ev.js
// click scrollTo and scrollBy class usage needs check for 'end' and null
dw_scrollObj.scrollBy = function(wnId, x, y, dur) {
if ( dw_scrollObj.col[wnId] ) {
var wndo = dw_scrollObj.col[wnId];
x = (x === null)? -wndo.x: parseInt(x);
y = (y === null)? -wndo.y: parseInt(y);
wndo.initScrollByVals(x, y, dur);
}
};

dw_scrollObj.scrollTo = function(wnId, x, y, dur) {
if ( dw_scrollObj.col[wnId] ) {
var wndo = dw_scrollObj.col[wnId];
x = (x === 'end')? wndo.maxX: x;
y = (y === 'end')? wndo.maxY: y;
x = (x === null)? -wndo.x: parseInt(x);
y = (y === null)? -wndo.y: parseInt(y);
wndo.initScrollToVals(x, y, dur);
}
};

// may need for demos, like layer id in query string
dw_scrollObj.loadLayer = function(wnId, lyrId, horizId) {
if ( dw_scrollObj.col[wnId] ) dw_scrollObj.col[wnId].load(lyrId, horizId);
};
//
//////////////////////////////////////////////////////////////////////////

// get info from className (e.g., click_down_by_100)
dw_scrollObj.getClickParts = function(cls) {
var parts = cls.split('_');
var re = /^(up|down|left|right)$/;
var dir, fn = '', dur, ar, val, x = '', y = '';

if ( parts.length >= 4 ) {
ar = parts[1].match(re);
dir = ar? ar[1]: null;

re = /^(to|by)$/;
ar = parts[2].match(re);
if (ar) {
fn = (ar[0] == 'to')? 'scrollTo': 'scrollBy';
}

val = parts[3]; // value on x or y axis
re = /^([\d]+)$/;
dur = ( parts[4] && re.test(parts[4]) )? parts[4]: null;

switch (fn) {
case 'scrollBy' :
if ( !re.test( val ) ) {
x = ''; y = ''; break;
}
switch (dir) { // 0 for unspecified axis
case 'up' : x = 0; y = val; break;
case 'down' : x = 0; y = -val; break;
case 'left' : x = val; y = 0; break;
case 'right' : x = -val; y = 0;
}
break;
case 'scrollTo' :
re = /^(end|[\d]+)$/;
if ( !re.test( val ) ) {
x = ''; y = ''; break;
}
switch (dir) { // null for unspecified axis
case 'up' : x = null; y = val; break;
case 'down' : x = null; y = (val == 'end')? val: -val; break;
case 'left' : x = val; y = null; break;
case 'right' : x = (val == 'end')? val: -val; y = null;
}
break;
}
}
return { fn: fn, x: x, y: y, dur: dur }
};

и от не знаю как у него вид заменить помогите плиз cry

[7] likbezz [04.06.2012, 09:17]

Koeshiro,

Quote (Koeshiro)

и от не знаю как у него вид заменить помогите плиз

Добрый.
Там скролл картинкой - соответственно и менять картинки нужно. Насколько я помню конечно)

[8] Koeshiro [04.06.2012, 10:25]

likbezz, от есть объект нужный сначала в див потом и картинки тож?)

[9] vadimreal [04.06.2012, 11:26]

не нашел где там картинки то?..

[10] likbezz [04.06.2012, 13:22]

Koeshiro,

Quote (Koeshiro)

likbezz, от есть объект нужный сначала в див потом и картинки тож?)

Для сколла скрипт использует блок, вот стили этого блока и нужно менять.
Там может быть либо картинка либо просто фоновый цвет, как на скриншоте:

...

Quote (vadimreal)

не нашел где там картинки то?..

Смотри в стилях, глянь по коду.
Там не обязательно картинка тегом Code
<img />
- имеется в виду фоновая. Или просто заливка цветом.

Ссылка на то где этот скрипт работает не помешала бы.

Прикрепления: 1486179.png (87.7 Kb)

[11] Koeshiro [04.06.2012, 20:26]

likbezz,

Quote (likbezz)

Ссылка на то где этот скрипт работает не помешала бы.

была б не просил бы помощи XD
Могу папку со скриптом кинуть полностью и сайт где нашёл =)

Добавлено (04.06.2012, 20:26)
---------------------------------------------
Вот сайт http://www.dyn-web.com/code/scroll/

[12] likbezz [05.06.2012, 05:05]

Koeshiro,

Quote (Koeshiro)

Вот сайт http://www.dyn-web.com/code/scroll/

Ну вот же на этом сайте рабочие примеры: _http://www.dyn-web.com/code/scroll/demos.php
И чётко видно, что за скролл отвечает див с фоновой картинкой или просто фоновым цветом.

Там его его и менять - через стили.

Прикрепления: 8206025.png (16.1 Kb)

[13] Koeshiro [06.06.2012, 12:29]

likbezz, ага поставил но что-то у меня работать не хочет зараза . . . я хотел на весь экран поставить но не в какую =\
от так выглядят сейчас скрипты

Code

[14] likbezz [06.06.2012, 13:12]

Koeshiro,

Quote (Koeshiro)

ага поставил но что-то у меня работать не хочет зараза . . .

Тебе лень открыть страницу и скопировать скрипты? Я же дал ссылку на рабочую версию.
Там всего ничего ...
Загрузи скрипты, подключи.
Составь html по инструкции и все будет работать.

[15] Koeshiro [06.06.2012, 13:32]

likbezz, так а один из загруженых и подключил wacko

пример под именем scrollbar

Quote (likbezz)

Составь html по инструкции и все будет работать

да спосёт меня переводчик!)

Страница 1 из 2
1
2
»