Результаты поиска
|
|
|
2012-05-24Дата: Четверг, 24.05.2012, 20:58 | Сообщение #16 | Тема: Аякс, Ajax |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, примерно так? Code <a onliclick="uWndBg(1)"></a> тут и инехтмл не нужен . . . а значит и в ие работать будет ^^
| | |
|
|
2012-05-25Дата: Пятница, 25.05.2012, 11:03 | Сообщение #17 | Тема: Аякс, Ajax |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, спасибо ^^ вы лучший учитель ^^
| | |
|
|
2012-06-04Дата: Понедельник, 04.06.2012, 08:05 | Сообщение #18 | Тема: help по JS |
Генерал-майор
Группа: Проверенные
Статус: 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 } }; и от не знаю как у него вид заменить помогите плиз
| | |
|
|
2012-06-04Дата: Понедельник, 04.06.2012, 10:25 | Сообщение #19 | Тема: help по JS |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, от есть объект нужный сначала в див потом и картинки тож?)
| | |
|
|
2012-06-04Дата: Понедельник, 04.06.2012, 20:26 | Сообщение #20 | Тема: help по JS |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, Quote (likbezz) Ссылка на то где этот скрипт работает не помешала бы. была б не просил бы помощи XD Могу папку со скриптом кинуть полностью и сайт где нашёл =)Добавлено (04.06.2012, 20:26) --------------------------------------------- Вот сайт http://www.dyn-web.com/code/scroll/
| | |
|
|
2012-06-06Дата: Среда, 06.06.2012, 12:29 | Сообщение #21 | Тема: help по JS |
Генерал-майор
Группа: Проверенные
Статус: 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>
| | |
|
|
2012-06-06Дата: Среда, 06.06.2012, 13:32 | Сообщение #22 | Тема: help по JS |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, так а один из загруженых и подключил пример под именем scrollbarQuote (likbezz) Составь html по инструкции и все будет работать да спосёт меня переводчик!)
| | |
|
|
2012-06-06Дата: Среда, 06.06.2012, 14:51 | Сообщение #23 | Тема: help по JS |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, вот этот сайт пробник http://animafails.ucoz.ru/
| | |
|
|
2012-06-22Дата: Пятница, 22.06.2012, 22:55 | Сообщение #24 | Тема: Слайдер своими руками. |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Э здрасте здрасте Я снова забрёл к вам в поисках помощи. Я начал делать слайдер . . . как шапку сайта . . . 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 | | |
|
|
2012-06-23Дата: Суббота, 23.06.2012, 09:21 | Сообщение #25 | Тема: Слайдер своими руками. |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, Чем не устраивают готовые слайдеры? Тем что мне нужно сделать там нижние углы как . . . . короче вот так border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; Чюжой пробовал подогнать но не получилось . . . .
И что ваш слайдер делает? Проста замена картинки и текста одновременно . . .. и как бы ещё картинки (не сделал ещё) чтоб переключать слайды . . . до наведения они чуть прозрачные должны быть . . . а после наведения обычные . . . ну это я в css прописал уже =\
| | |
|
|
2012-06-23Дата: Суббота, 23.06.2012, 09:52 | Сообщение #26 | Тема: Слайдер своими руками. |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
И вы решили мне халтурку подбросить?) я не халтурил >.< написал ввсё что смог js написал так сплошь ошибка . . . пытался прописать через единственное хорошо известное значение getElement() . . . .
| | |
|
|
2012-06-23Дата: Суббота, 23.06.2012, 12:40 | Сообщение #27 | Тема: Нужно не стандартное решение |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Shaman, а вы сами подумайте . .. Вы пользуетесь своим сервером или хостингом? Если сервером то нанимайте толпу "веберов" и вперёд. (Если денег хватит) А если у вас хостинг то по другому не как . . . .
| | |
|
|
2012-06-26Дата: Вторник, 26.06.2012, 18:15 | Сообщение #28 | Тема: Слайдер своими руками. |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
«побочная, дополнительная работа, сверх основной». понятно
| | |
|
|
2012-07-03Дата: Вторник, 03.07.2012, 21:19 | Сообщение #29 | Тема: Слайдер шапка |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Хотел сделать слайдер в виде шапки на пробном сайте. Ну там видно какой слайдер получился . . . По идеи должен быть он вот такой . . . .И как его ставить вот тут откопал. Добрый дядя likbezz поможете? Добавлено (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 />
| | |
|
|
2012-07-04Дата: Среда, 04.07.2012, 00:06 | Сообщение #30 | Тема: Слайдер шапка |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
likbezz, Поставил как на той демо стр. Мне перелошматило пол дизайна из за этого xhtml доктупа но нечего не работало .-.
| | |
|