Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Koeshiro [440]
Результаты поиска
Дата: Четверг, 24.05.2012, 20:58 | Сообщение #16 | Тема: Аякс, Ajax
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz, примерно так?
Code
<a onliclick="uWndBg(1)"></a>
тут и инехтмл не нужен . . . а значит и в ие работать будет ^^


 
Дата: Пятница, 25.05.2012, 11:03 | Сообщение #17 | Тема: Аякс, Ajax
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz, спасибо ^^ вы лучший учитель ^^

 
Дата: Понедельник, 04.06.2012, 08:05 | Сообщение #18 | Тема: help по JS
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


Помогите плиз. Нашёл скрипт по замене скрола.
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


 
Дата: Понедельник, 04.06.2012, 10:25 | Сообщение #19 | Тема: help по JS
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


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

 
Дата: Понедельник, 04.06.2012, 20:26 | Сообщение #20 | Тема: help по JS
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


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

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

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

 
Дата: Среда, 06.06.2012, 12:29 | Сообщение #21 | Тема: help по JS
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz, ага поставил но что-то у меня работать не хочет зараза . . . я хотел на весь экран поставить но не в какую =\
от так выглядят сейчас скрипты
Code
<script type="text/javascript">

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 }  
};

</script>


 
Дата: Среда, 06.06.2012, 13:32 | Сообщение #22 | Тема: help по JS
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz, так а один из загруженых и подключил wacko
пример под именем scrollbar
Quote (likbezz)
Составь html по инструкции и все будет работать

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


 
Дата: Среда, 06.06.2012, 14:51 | Сообщение #23 | Тема: help по JS
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz, вот этот сайт пробник http://animafails.ucoz.ru/

 
Дата: Пятница, 22.06.2012, 22:55 | Сообщение #24 | Тема: Слайдер своими руками.
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


Э здрасте здрасте smile Я снова забрёл к вам в поисках помощи. Я начал делать слайдер . . . как шапку сайта . . . html и css накалякал за пять минут . . . . А вот js не в какую . . . можете помочь?
Кодек.
Code
<body>
<div id="sliderverx">
<li class="active"></li>
<li class="neactiv"></li>
<li class="neactiv"></li>
<li class="neactiv"></li></div>
<div id="slidertext">
<li class="active"></li>
<li class="neactiv"></li>
<li class="neactiv"></li>
<li class="neactiv"></li></div>
<div id="pereclushatel"></div>
<style>
#sliderverx{ border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; background-image: url(http://my-soul.tk/Fon_pleera/1.png); background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover;}
.slidertext{ margin:-30px; text-shadow:2px; background-image:url('http://my-soul.tk/Fon_pleera/1.png');}
.pereclushatelZ:hover{opacity:1.0}
.pereclushatelZ{opacity:0.6}
#activ {display:block}
.neactiv{display:none}
</style>
</body>


Сообщение отредактировал Koeshiro - Пятница, 22.06.2012, 23:07
 
Дата: Суббота, 23.06.2012, 09:21 | Сообщение #25 | Тема: Слайдер своими руками.
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz,
Чем не устраивают готовые слайдеры?

Тем что мне нужно сделать там нижние углы как . . . . короче вот так
Quote (Koeshiro, Пт, 22.06.2012, 22:55:30)
border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px;
Чюжой пробовал подогнать но не получилось . . . .

И что ваш слайдер делает?

Проста замена картинки и текста одновременно . . .. и как бы ещё картинки (не сделал ещё) чтоб переключать слайды . . . до наведения они чуть прозрачные должны быть . . . а после наведения обычные . . . ну это я в css прописал уже =\


 
Дата: Суббота, 23.06.2012, 09:52 | Сообщение #26 | Тема: Слайдер своими руками.
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


И вы решили мне халтурку подбросить?)

я не халтурил >.< написал ввсё что смог js написал так сплошь ошибка . . . пытался прописать через единственное хорошо известное значение getElement() . . . .


 
Дата: Суббота, 23.06.2012, 12:40 | Сообщение #27 | Тема: Нужно не стандартное решение
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


Shaman, а вы сами подумайте . .. Вы пользуетесь своим сервером или хостингом?
Если сервером то нанимайте толпу "веберов" и вперёд. (Если денег хватит)
А если у вас хостинг то по другому не как . . . .


 
Дата: Вторник, 26.06.2012, 18:15 | Сообщение #28 | Тема: Слайдер своими руками.
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


«побочная, дополнительная работа, сверх основной».

понятно wink


 
Дата: Вторник, 03.07.2012, 21:19 | Сообщение #29 | Тема: Слайдер шапка
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


Хотел сделать слайдер в виде шапки на пробном сайте. Ну там видно какой слайдер получился . . .
По идеи должен быть он вот такой . . . .И как его ставить вот тут откопал. Добрый дядя likbezz поможете? smile

Добавлено (03.07.2012, 21:19)
---------------------------------------------
А да, ставил его я вот так)

Quote
<link rel="stylesheet" type="text/css" href="slider/style.css" title="styles1" />
<script type="text/javascript" src="slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="slider/jquery.nivo.slider.settings.js"></script>
<div id="container">

<p></p>
<p></p>
<!-- Begin Banner -->
<div id="banner">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<a href="#"><img src="slider/banner.jpg" alt="" /></a>
<a href="#"><img src="slider/banner2.jpg" alt="" title="#htmlcaption" /></a>
<a href="#"><img src="slider/banner3.jpg" alt="" /></a>
<a href="#"><img src="slider/banner4.jpg" alt="" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption"><p>Это пример заголовка изображения или анонс статьи HTML </p></div>
</div>
</div>
<!-- End Banner -->
</div>
<br />


 
Дата: Среда, 04.07.2012, 00:06 | Сообщение #30 | Тема: Слайдер шапка
Генерал-майор
Группа: Проверенные
Сообщений: 440
Награды: 0
Репутация: 14
Статус: Offline


likbezz, Поставил как на той демо стр. Мне перелошматило пол дизайна из за этого xhtml доктупа но нечего не работало .-.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Koeshiro [440]
Поиск:


Мобильная версия