Результаты поиска
2012-05-14 Дата: Понедельник, 14.05.2012, 00:33 | Сообщение #1 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
Второй день пытаюсь написать скрипт для смены фона блоков (по клику соответствующей картинкой ) вот что у меня вышло Code
<script type="text/javascript">function changeBg(e){ document.getElementById('bg').style.backgroundImage='url('+name+')'; document.getElementsByTagName('img').name. }</script>
тут понятное дело много чего не хватает . . . . только чего именно? скажите пожалуйста как мне сделать такое чудо?
2012-05-15 Дата: Вторник, 15.05.2012, 18:55 | Сообщение #2 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , ну за него должны быть картинки . . . . я с js ещё не в ладах . . . . это второй скрипт который пытаюсь написать . . . .
2012-05-16 Дата: Среда, 16.05.2012, 13:49 | Сообщение #3 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , это как?
2012-05-16 Дата: Среда, 16.05.2012, 14:02 | Сообщение #4 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , так я вед ставил в самом начале кода стоит
2012-05-17 Дата: Четверг, 17.05.2012, 16:16 | Сообщение #5 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , спасибо спасибо спасибо (такая мелоч а столько проблем >.<)Добавлено (17.05.2012, 16:16) --------------------------------------------- блин теперь проблема в том что я не могу сделать так чтоб по тем же картинкам переключался фон и таблиц (блоков\колонок с даными и ссылкой на аниме) ну от так всё прописано
Code
<script type="text/javascript">function changeBg(e){ document.getElementById('bg').setAttribute('style','background:url('+e.src+')!important'); document.getElementById('animetabl').setAttribute('style','background:url('+e.src+')!important'); }; </script> <img onclick="changeBg(this);return false;" src="/Fon_pleera/1.png" width="25" height="25" /> <img onclick="changeBg(this);return false;" src="/Fon_pleera/2.png" width="25" height="25" /> <img onclick="changeBg(this);return false;" src="/Fon_pleera/3.png" width="25" height="25" /> <img onclick="changeBg(this);return false;" src="/Fon_pleera/4.png" width="25" height="25" /> <img onclick="changeBg(this);return false;" src="/Fon_pleera/5.png" width="25" height="25" />
и код самих таблиц
Code
<div style="width:45%; float:left; padding:10;" ><table border="1" cellpadding="0" style="border-color: #4A4A4A; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url(http://my-soul.ucoz.com/1.png); background-size: cover; width:490; height:490;" cellspacing="8" id="animetabl"><tbody><tr ><td style="padding:3px;"> <div name="novost"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MESSAGE$)?><div class="eMessage" style=" text-align:left; clear:both; padding-top:2px; padding-bottom:2px; " align="center">$MESSAGE$</div><?endif?> <?if($ATTACHMENTS$)?><div class="eAttach"> Прикрепления: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;"> <?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?> <?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?> Просмотров: $READS$ | <?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?> Дата: <span title="$TIME$">$DATE$</span> </div></td></tr></tbody></table><br /> </div></div>
2012-05-17 Дата: Четверг, 17.05.2012, 16:37 | Сообщение #6 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , Quote (likbezz )
А вообще, уберите мусор из шаблонов, оформление должно быть в стилях, а не в шаблонах. Имеется в виду вот эта муть:
у меня просто стоит 5 css и было влом прописывать в каждое от это . . . .Quote (likbezz )
Вам проще это сделать через стили. Присваивать родительскому блоку, например body класс, например «blueFon» и прописывать стили от него:
а не могли бы вы это описать? интерестно но не очень понял как это . . . . .Добавлено (17.05.2012, 16:37) ---------------------------------------------
Quote (likbezz )
И кроме того, ID - это уникальный элемент на странице - он может быть только один. Два и более - это уже ошибка
кажись понял почему так вышло =\
2012-05-17 Дата: Четверг, 17.05.2012, 20:17 | Сообщение #7 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , а возможно как то сделать так чтоб при клике для таблицы менялся дизайн? через css внутренний или класс какой . . . . от это я в первый раз с этим сталкиваюсь
2012-05-22 Дата: Вторник, 22.05.2012, 14:18 | Сообщение #8 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , окей попробую разобраться Добавлено (22.05.2012, 14:18) --------------------------------------------- Ура я всё же снова смог сесть за свой комп но так и не смог нормально поставить этот скрипт
Code
<style type="text/css"> #header-content{background-color:transparent;background-image:url(/_example/bg/patterns/patt8_0.jpg);background-repeat:repeat;background-position: left top;height:200px;width:100%;} #switcher-content{margin:5px 0;} #switcher-content a.active,body.style1 a.c1,body.style2 a.c2,body.style3 a.c3,body.style4 a.c4,body.style5 a.c5,body.redText a.c6,body.greenText a.c7{color:#F0F;font-weight:700;} body.style1 #header-content{background-image:url(/_example/bg/patterns/patt8_1.jpg);} body.style2 #header-content{background-image:url(/_example/bg/patterns/patt8_2.jpg);} body.style3 #header-content{background-image:url(/_example/bg/patterns/patt8_3.jpg);} body.style4 #header-content{background: -moz-linear-gradient(top,rgba(51,51,51,0.8),rgba(62,187,218,0.8));background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51, 0.8)),to(rgba(62,187,218, 0.8)));background:-o-linear-gradient(top,rgba(51,51,51,0.8),rgba(62,187,218,0.8));} body.style5 #header-content{background:-moz-linear-gradient(top,rgba(51,51,51,0.8),rgba(241,123,99,0.8));background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51,0.8)),to(rgba(241,123,99,0.8)));background:-o-linear-gradient(top,rgba(51,51,51,0.8),rgba(241,123,99,0.8));} body.redText p{color:#F00} body.greenText p{color:#096;} </style>
Code
<script type="text/javascript"> function setDynClass(mClass){ if(!arguments.length){ var mClass=(mClass=document.cookie.match(/\bdyncss=([^;]*)/))&&mClass[1];if(!mClass)return '';} document.getElementById('dm1').className=mClass; var d=new Date(); d.setFullYear(d.getFullYear()+1); document.cookie=['dyncss=',mClass,';expires=',d.toGMTString(),';path=/;'].join(''); return mClass;} setDynClass(); </script>
Code
<div id="switcher-content"> <a class="c1" rel="1" href="javascript://">Картинка 1</a> | <a class="c2" rel="2" href="javascript://">Картинка 2</a> | <a class="c3" rel="3" href="javascript://">Картинка 3</a> | <a class="c4" rel="4" href="javascript://">gradient 1</a> | <a class="c5" rel="5" href="javascript://">gradient 2</a> | <a class="c6" rel="redText" href="javascript://">gradient 2 + Red Text</a> | <a class="c7" rel="greenText" href="javascript://">gradient 2 + Green Text</a> </div>
Code
<script type="text/javascript"> $('#switcher-content a').click(function(){ $(this).addClass('active').siblings().removeClass('active'); var n=this.rel,el=document.getElementById('dm1'); if(n>0&&n<6){ var tmp='style'+n+' '+(el.className.split(' ')[1]?el.className.split(' ')[1]:''); $('#header-content').animate({opacity:0},10,function(){ el.className=tmp; setDynClass(tmp); $(this).animate({opacity:'1'},500); }); }else{ var tmp=el.className.split(' ')[0]; el.className=tmp+' '+n; setDynClass(tmp+' '+n); }; return false; }); </script>
Code
<div id="header-content"> </div>
не знаю что не так делал . . проверял тыкая на градиенты . . . .
2012-05-22 Дата: Вторник, 22.05.2012, 16:21 | Сообщение #9 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , ага всё сделал!) спасибо и скажите плиз можно ли сделать так чтоб можно было менять цвет и блоков на главной странице?
2012-05-22 Дата: Вторник, 22.05.2012, 17:02 | Сообщение #10 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , а какой класс\ ид прописать я не понял . . . а ид ведь работает только с одним (первым элементом о.о)
2012-05-22 Дата: Вторник, 22.05.2012, 17:12 | Сообщение #11 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , ОКЕЙ ВСЁ ПОНЯЛ ^^ (от я идиот не догадался до такого сам >.<) Code
body.style1 table.anime_table{стиль1} body.style2 table.anime_table{стиль2} body.style3 table.anime_table{стиль3}
так тоже можно да?
Сообщение отредактировал Koeshiro - Вторник, 22.05.2012, 17:15
2012-05-22 Дата: Вторник, 22.05.2012, 17:37 | Сообщение #12 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
так у меня опять всё на перекасяк >.< (сказывается отсутствие опыта . . . .)
Code
<div id="switcher-content"> <a class="c1" rel="1" href="javascript://">Картинка 1</a> | <a class="c2" rel="2" href="javascript://">Картинка 2</a> | <a class="c3" rel="3" href="javascript://">Картинка 3</a> | <a class="c4" rel="4" href="javascript://">gradient 1</a> | <a class="c5" rel="5" href="javascript://">gradient 2</a> | <a class="c6" rel="redText" href="javascript://">gradient 2 + Red Text</a> | <a class="c7" rel="greenText" href="javascript://">gradient 2 + Green Text</a> </div> <script type="text/javascript"> function setDynClass(mClass){ if(!arguments.length){ var mClass=(mClass=document.cookie.match(/\bdyncss=([^;]*)/))&&mClass[1];if(!mClass)return '';} document.getElementById('dm1').className=mClass; var d=new Date(); d.setFullYear(d.getFullYear()+1); document.cookie=['dyncss=',mClass,';expires=',d.toGMTString(),';path=/;'].join(''); return mClass;} setDynClass(); </script> <script type="text/javascript"> $('#switcher-content a').click(function(){ $(this).addClass('active').siblings().removeClass('active'); var n=this.rel,el=document.getElementById('dm1'); if(n>0&&n<6){ var tmp='style'+n+' '+(el.className.split(' ')[1]?el.className.split(' ')[1]:''); $('#header-content').animate({opacity:0},10,function(){ el.className=tmp; setDynClass(tmp); $(this).animate({opacity:'1'},500); }); }else{ var tmp=el.className.split(' ')[0]; el.className=tmp+' '+n; setDynClass(tmp+' '+n); }; return false; }); </script> <style type="text/css"> #header-content{background-color:transparent;background-image:url(/_example/bg/patterns/patt8_0.jpg);background-repeat:repeat;background-position: left top;height:200px;width:100%;} #switcher-content{margin:5px 0;} #switcher-content a.active,body.style1 a.c1,body.style2 a.c2,body.style3 a.c3,body.style4 a.c4,body.style5 a.c5,body.redText a.c6,body.greenText a.c7{color:#F0F;font-weight:700;} body.style1 table.anime_table{border-color: #4A4A4A; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: url(http://my-soul.ucoz.com/1.png)!important; background-size: cover; width:490; height:490;} body.style2 table.anime_table{border-color: #4A4A4A; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: url(http://my-soul.ucoz.com/2.png)!important; background-size: cover; width:490; height:490;} body.style3 table.anime_table{border-color: #4A4A4A; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: url(http://my-soul.ucoz.com/3.png)!important; background-size: cover; width:490; height:490;} body.style4 table.anime_table{background:-moz-linear-gradient(top,rgba(51,51,51,0.8),rgba(62,187,218,0.8));background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51, 0.8)),to(rgba(62,187,218, 0.8)));background:-o-linear-gradient(top,rgba(51,51,51,0.8),rgba(62,187,218,0.8));} body.style5 table.anime_table{background:-moz-linear-gradient(top,rgba(51,51,51,0.8),rgba(241,123,99,0.8));background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51,0.8)),to(rgba(241,123,99,0.8)));background:-o-linear-gradient(top,rgba(51,51,51,0.8),rgba(241,123,99,0.8));} body.redText p{color:#F00} body.greenText p{color:#096;} </style> <?if($ADD_ENTRY_LINK$)?><div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?>$LAST_NEWS$
скажите в чём тут ошибка у меня?Добавлено (22.05.2012, 17:37) --------------------------------------------- от тут стоит http://animafails.ucoz.ru/ мой пробник ^^
2012-05-22 Дата: Вторник, 22.05.2012, 18:11 | Сообщение #13 | Тема: Проблема с переключателем фона блоков
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , у меня просто не переключается или у вас всё работает а у меня просто комп тупит?Quote (likbezz )
И, кстати, тег:
пишется вот так:
а не вот так:
спасибо что-то не замечал ^^Добавлено (22.05.2012, 18:11) ---------------------------------------------likbezz , УРААААААААА ВСЁ работает!))))))
2012-05-24 Дата: Четверг, 24.05.2012, 14:59 | Сообщение #14 | Тема: Аякс, Ajax
Генерал-майор
Группа: Проверенные
Статус: Offline
Здрасте у меня тож не большая проблема с аякс вот сотворил код один Code
<script type="text/javascript">function changeBg(e){ document.getElementById('scrinblock').setAttribute('style','background:url('+e.src+')!important'); }; </script> <a href="javascript://" onclick="new _uWnd('New2','Моё окно 2',700,700,{autosize:1,minh:700},'<table border=\'1\' width=\'700\' height=\'700\'><tr width=\'600\' height=\'700\'><td><div id=\'scrinblock\' width=\'600\' height=\'700\'/></td></tr><tr width=\'100\' height=\'700\'><td><img onclick="changeBg(this);return false;" src="/Fon_pleera/1.png" width="25" height="25" /><img onclick="changeBg(this);return false;" src="/Fon_pleera/2.png" width="25" height="25" /><img onclick="changeBg(this);return false;" src="/Fon_pleera/3.png" width="25" height="25" /><img onclick="changeBg(this);return false;" src="/Fon_pleera/4.png" width="25" height="25" /></td></tr></table>');return false;"><strong>Окошко номер 2</strong> <em>(Контент - картинка)</em></a>
вроде должен выходить аякс с двумя колонками но . . . нечего не код так же сожержит скрипт по замене фона чтоб можно было переключать содержимое но от как рас когда он есть нечего не работает =\ почему так и как это исправить?
2012-05-24 Дата: Четверг, 24.05.2012, 20:42 | Сообщение #15 | Тема: Аякс, Ajax
Генерал-майор
Группа: Проверенные
Статус: Offline
likbezz , не как не пойму как это всё без document работает о.оДобавлено (24.05.2012, 20:42) --------------------------------------------- а вот по этому да?