Замена баннеров на всех страницах

Статус
Закрыто для дальнейших ответов.

Stormvvv

Новичок
Регистрация
15.02.2011
Сообщения
4
Здравствуйте, вот нашел на Вашем форуме код как сделать, чтоб баннер на одном месте, менялся с обновлением страницы

Код:
 <script type="text/javascript">
                        var html = [
                                'Код баннера 1',
                                'Код баннера 2'
                        ]
                        document.write(html[Math.floor(Math.random() * (html.length))]);
                </script>
это сделал, все работает замечательно, спасибо!!!

теперь меня интересует как привязать этот код к главной странице сайта.

те. допустим мне нужно поменять баннер на всех страницах сайта, не менять же вручную на каждой странице 1 код если остальные 2 3 баннера менять не нужно. особенно если страниц 20-30 и больше...

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

код html, хостинг бесплатный, следовательно особо ничего не поддерживает,

возможно такое сделать или придется вручную обновлять на каждой странице?
 

tjrus

Well-Known Member
Регистрация
25.05.2010
Сообщения
101
забей все это дело (свой скрипт) в функцию, подключи через отдельный js файлик на каждой странице, и в месте показа баннера вызывай просто функцию.

для смены баннеров прийдется менять только один файл (новосозданный js) + в этом js по урле можно показывать разные баннера на разных страницах если надо, но это уже другая история
 

Stormvvv

Новичок
Регистрация
15.02.2011
Сообщения
4
забей все это дело (свой скрипт) в функцию, подключи через отдельный js файлик на каждой странице, и в месте показа баннера вызывай просто функцию.

для смены баннеров прийдется менять только один файл (новосозданный js) + в этом js по урле можно показывать разные баннера на разных страницах если надо, но это уже другая история
а код для js файла и код вызлва функции если не сложно, я не очень силен в программировании, если пример напишите разобраться смогу

а все спасибо нашел, спасибо за помощь

вот еще что хотел спросить, сори что не в отдельной теме, но зачем захламлять если можно в моей же теме написать


суть вот в чем нашел меню на css, вот полный код страницы
Код:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Меню от Блога Интренет Технологий</title>
</head>

<body>
<style type="text/css">
/*Credits: Динамическое Вертикальное Меню */
/*URL: http://bitby.net/ */
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style></code>

<code><script type="text/javascript">
//By : http://bitby.net/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
 ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
</body>
<div class="sidebarmenu">
<ul id="sidebarmenu1">

<li><a href="http://bitby.net/">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>
<li><a href="#">Папка 1</a>
  <ul>
  <li><a href="#">Подпункт 1.1</a>
  <ul>
    <li><a href="#">Подпункт 1.1.1</a></li>

    <li><a href="#">Подпункт 1.1.2</a></li>
    <li><a href="#">Подпункт 1.1.3</a></li>
    <li><a href="#">Подпункт 1.1.4</a></li>
    </ul>

  </li>
  <li><a href="http://bitby.net/">Подпункт 1.2</a></li>
  </ul>
</li>

<li><a href="#">Пункт 3</a></li>

<li><a href="#">Папка 2</a>
  <ul>
  <li><a href="#">Подпункт 2.1</a></li>
  <li><a href="#">Папка 2.1</a>
    <ul>
    <li><a href="#">Подпункт 2.1.1</a></li>

    <li><a href="#">Подпункт 2.1.2</a></li>
    <li><a href="#">Подпункт 2.1.3</a></li>
    <li><a href="#">Подпункт 2.1.4</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="#">Пункт 4</a></li>

</ul>
</div>
</html>
это пример, подскажите что нужно в фаил css запихнуть что еще куда, и чем потом вызывать, не могу разобраться.

смысл тот же что и в предыдущем вопросе, чтоб сразу менять меню на всех страницах

фоновый цвет не важен, с фоном разобрался щас он синий
 

tjrus

Well-Known Member
Регистрация
25.05.2010
Сообщения
101
ну чистым HTML это можно реализовать только с Iframe либо выводить опять-таки скриптом.

я бы по правде говоря выбрал бы скрипт, так как iframe не терплю по своей сути)
тоесть стили пихаете с css файлик, необходимые скрипты по функциям в файлик скриптов, а саму менюшку в iframe либо же в скрипт и вывод со скрипта сделайте посредством document.write
 

Stormvvv

Новичок
Регистрация
15.02.2011
Сообщения
4
ну чистым HTML это можно реализовать только с Iframe либо выводить опять-таки скриптом.

я бы по правде говоря выбрал бы скрипт, так как iframe не терплю по своей сути)
тоесть стили пихаете с css файлик, необходимые скрипты по функциям в файлик скриптов, а саму менюшку в iframe либо же в скрипт и вывод со скрипта сделайте посредством document.write
с css и js понятно, а вот с этим - document.write
как работать
 

tjrus

Well-Known Member
Регистрация
25.05.2010
Сообщения
101
document.write это ни что инное как метод js.

использование

Код:
function writeMe(){
   document.write('<p>текст для вывода</p>');
}
вызиваете функцию в необходимом месте в коде html и она на это месте выведет код <p>текст для вывода</p>
собственно можно выводить любые конструкции кода или просто текст, или в массиве задать меню, и циклом выдать это меню как код html

короче тут уже как фантазия играет
 

Stormvvv

Новичок
Регистрация
15.02.2011
Сообщения
4
спасиб попробую

хм не получается, знаю что что то не так, не пойму что не так,

а можете, если не сложно исходя из кода что я писал (меню) не всей страницы

перекинуть то что нужно в js и css

и как правильно организовать работу document.write


допустим фаил js называется menu css так же

menu.js
menu.css

и я не совсем понял куда и как пихать код таблицы меню

ну вобщем живой пример на основе этого кода

заранее спасибо!
 
Статус
Закрыто для дальнейших ответов.
Верх Низ