Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   скрипт показывающий баннер на определенной странице (http://forum.oszone.net/showthread.php?t=107945)

koresaram 28-05-2008 14:06 812784
скрипт показывающий баннер на определенной странице
 
всем привет.
нужна помощь зала :)
дано: имеется форум YaBB2.1 в котором есть единый шаблон хтмл оформления в формате html.
задача: нужно повесить баннер (флешевую растяжку) но только в один раздел форума.

собственно я не придумал ничего лучше чем поставить яваскрипт в шаблон форума который бы определял в каком разделе находится пользователь и, если это нужный раздел, то показывал бы баннер. а в других разделах соответственно - не показывал.
разделы форума делятся по их названиям в строке эксплорера. то есть есть раздел www.сайт.ru/forum/YaBB.cgi?board=admin и все темы в этом разделе идут как www.сайт.ru/forum/YaBB.cgi?board=admin;num=1193739447

и тут встает главный вопрос :) как этот скрипт написать если в яваскрипте ни бум-бум :)

спасите, помогите :)

bruder 28-05-2008 16:14 812913
ну можно что нить в этом духе, жаль потестироват не могу. Где алерты надо поменять на вставку банера

Код:
<html><head>
<script type="text/javascript">
var params=document.URL.split("?")[1];
var part = '';
if (params != null ) {
        try {
                var part=params.split(";")[0].split("=")[1];
        } catch (e) {}
}

switch (part) {
        case "admin" :
                alert("раздел = admin");
                break;
        default:
                alert("неизвестный раздел");
}
</script>
</head><body></body></html>

Coutty 28-05-2008 16:17 812918
HTML код:
<script>
if (document.location.search.indexOf('board=admin') != -1)
  {
  document.getElementById('placeForBanner').innerHTML = "Тут HTML-код для вставки баннера";
  }
</script>
Разъясняю вкратце:
document.location - значение, написанное в адресной строке
document.location.search - то, что в адресе после знака "?" (включая сам вопросительный знак)
строка.indexOf('подстрока') - возвращает вхождение 'подстроки' в строку. Если строка не найдена, возвращает -1.
Т.е. мы проверяем, если в адресе после знака "?" есть строка 'board=admin', то в элемент <div id="placeForBanner"></div> вставляем соответствующий код баннера. Соответственно, там, где строки нет, баннер вставлять не надо.

Насчёт вставки скрипта в нужное место - сами разберётесь?:)

koresaram 28-05-2008 17:13 812974
Coutty,
думал что разберусь но не тут то было :)
я воткнул ваш код прямо в место где по идее должен быть баннер

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

<script>
if (document.location.search.indexOf('board=admin') != -1)
{
document.getElementById('placeForBanner').innerHTML = "<img src="http://www.сайт.ru/banners/468_60_rus2.gif">";
}
</script>
в итоге баннера нет. но есть предупреждение:

строка 34
символ 68
"предполагается наличие ";""
код 0


в 34 строке в хтмл странице следующее:
document.getElementById('placeForBanner').innerHTML = "<img src="http://www.logist.ru/banners/468_60_rus2.gif">";

********************

bruder,
сори я не понял куда вставлять код баннера :( точнее вместо чего.
alert("раздел = admin"); вместо раздел=админ?

bruder 28-05-2008 17:43 812998
если вам не нужно детальное выделение параметров, то у Coutty конечно решение короче им и воспользуйтесь.

placeForBanner это id вашего елемента в котором будет находится баннер

koresaram 28-05-2008 17:45 812999
опробовал вариант такой:
<script>
if (document.location.search.indexOf('board=admin') != -1)
{
document.getElementById('placeForBanner').innerHTML = "<img src="http://www.сайт.ru/banners/468_60_rus2.gif">";
}
</script>
скрипт поставил в хеад
а в боди поставил
<div id="placeForBanner"></div>

итог тот же но ошибка другая:
строка 30
символ 3
document.getElementById(...) есть нулл или не является объектом
код 0

bruder, честно говоря я с удовольствием разобрался бы в обоих вариантах чисто для себя :)

Coutty 28-05-2008 18:04 813033
Цитата:
Цитата koresaram
я воткнул ваш код прямо в место где по идее должен быть баннер »
По идее, он должен вызываться после определения слоя, в который будет вставлен баннер. Ладно, ниже напишу подробнее.
Цитата:
Цитата koresaram
document.getElementById('placeForBanner').innerHTML = "<img src="http://www.сайт.ru/banners/468_60_rus2.gif">";»
Очевидно, что ошибка заключается в использовании двойных кавычек внутри двойных. Нужно либо так:
document.getElementById('placeForBanner').innerHTML = '<img src="http://www.сайт.ru/banners/468_60_rus2.gif">';
Либо так:
document.getElementById('placeForBanner').innerHTML = "<img src='http://www.сайт.ru/banners/468_60_rus2.gif'>";
Либо так:
document.getElementById('placeForBanner').innerHTML = "<img src=\"http://www.сайт.ru/banners/468_60_rus2.gif\">";
Либо иным способом :lol:

Цитата:
Цитата koresaram
итог тот же но ошибка другая:
строка 30
символ 3
document.getElementById(...) есть нулл или не является объектом
код 0 »
Потому что код вызывается до того, как создан объект с соответствующим именем. Его нужно вставлять либо после "слоя", либо по событию onload для страницы. Второй вариант мне нравится больше, потому что я не люблю разбрасывать скрипты по всему телу документа. Вот он:
HTML код:
<html>
<head>
<title>Опупенная страница!</title>
<script>
function getBanner() {
  if (document.location.search.indexOf('board=admin') != -1)
    {
    document.getElementById('placeForBanner').innerHTML = "<img src='http://www.сайт.ru/banners/468_60_rus2.gif'>";
    }
}
</script>
</head>
<body onload="getBanner();">
Много разного html...
<div id="placeForBanner"><!-- сюда будет вставлен баннер --></div>
И ещё много разного html...
</body>
</html>
Вместо div'а, видимо, можно и <p> использовать.

bruder 28-05-2008 18:07 813038
поставте этот скрипт внизу страницы, потому как елемент еще не загружен. Или поместите в функцию и свяжите с window.onload в хедере

window.onload = ваша_функция;

Coutty 28-05-2008 18:17 813048
При таком подходе баннер будет загружаться после полной загрузки страницы. Вот ещё решение (не проверял - т.к. лениво :)):
HTML код:
<html>
<head>
<title>Опупенная страница!</title>
</head>
<body>
Много разного html...
<div>
<script>
  if (document.location.search.indexOf('board=admin') != -1)
    {
    document.write("<img src='http://www.сайт.ru/banners/468_60_rus2.gif'>");
    }
</script>
</div>
Ещё много html...
</body>
</html>
По идее, document.write вписывает то, что надо в то место, где он используется. Но синтаксис не припомню - то ли document.write("текст"), то ли document.write = "текст"...

Соответственно, здесь баннер начинает загружаться сразу после того, как загрузился скрипт.

koresaram 28-05-2008 18:34 813064
Coutty, про двойные кавычки и обратный слеш я думал(имеется мизерный опыт в перле :) но их замена ничего не давала :)) дело было в очереди загрузки :) и все заработало :) спасибо!

дополнительный вопрос: а если надо будет чтобы баннер показывался в трех разделах из 10? тогда как быть? добавить в условие через точку с запятой боард=клуб и т.д. или как?

bruder,
а можно ваш метод тоже в подробном виде как у Коутти? с описанием построчным и кодом? :)

Coutty 28-05-2008 18:56 813071
Код:
var a = document.location.search; // для краткости заносим в переменную a
if (a.indexOf('board=admin') != -1 || a.indexOf('board=siski') != -1 || a.indexOf('board=club') != -1)
  {
  document.getElementById('placeForBanner').innerHTML = "<img src='http://www.сайт.ru/banners/468_60_rus2.gif'>";
  }
|| - условие "или".
Фигурные скобки после if можно не ставить, потому что одно действие выполняется, но и не повредят они))

А вот если надо делать в двадцати разделах из ста, то способ уже будет другой. Например:
Код:
var a = document.location.search; // для краткости
var withBanners = ['admin', 'siski', 'club', 'music', 'program', 'autos', 'graphics', 'money', 'books', 'radio']; // в массиве перечисляем разделы, в которые хотим вставить баннер
for (var i = 0; i < withBanners.length; i++) // обходим все значения массива. Можно применить for each, но я стесняюсь :) просто такой способ привычнее
  {
  if (a.indexOf('board=' + withBanners[i]) != -1) // и ищем строку board=значение_из_массива в адресе
    {
    document.getElementById('placeForBanner').innerHTML = "<img src='http://www.сайт.ru/banners/468_60_rus2.gif'>";
    }
  }
Опять же, тут можно опустить все фигурные скобки, но я оставил их для лучшего понимания :)

Не Коутти, а Котти! =^_^=

koresaram 28-05-2008 18:59 813074
еще раз спасибо Котти :)

koresaram 11-04-2009 11:50 1090788
всем привет. это опять я и вот по какому вопросу :)
требуется немного усложнить скрипт. исходные данные те же самые. форум и необходимость подмены картинки в зависимости от раздела. но в этот раз дело осложняется бекграундом. вот такой у нас кусок кода:

Код:

<td  background="/styles/subsilver2/imageset/1_02.gif"><a href="http://www.сайт.ru/index.html">
                        <script>
  if (document.location.search.indexOf('f=12') != -1)
    {
    document.write("<img src='/styles/subsilver2/imageset/site_logo1.gif'>");
    }
else {document.write("<img src='/styles/subsilver2/imageset/site_logo.gif'>");
}       
</script>
</a></td>
                        <td width="100%" align="center" background="/styles/subsilver2/imageset/1_02.gif"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
тут я по аналогии с первым вопросом использовал скрипт для замены картинки и он работает, но проблема с бекграундом. в него засунуть такой скрипт у меня не получилось. что делать в таком случае?

у меня возникла опять же мысль, что надо как-то заранее определять наборы изображений для определенной ветки и в код картинки вставлять эти изображения. то есть скрипт проверяет наличие набора букв в строке браузера и если там есть например f=12 то он дает ссылки на эти картинки в общем виде. не знаю как объяснить, но вот типа так:
код естественно не рабочий :)
Код:
<script>
  if (document.location.search.indexOf('f=12') != -1)
    {
    $LOGOSITE=www.mysite.ru/site_logo.gif; $BACKGROUND=www.mysite.ru/background.gif
    }
тут еще несколько условий на f=6 f=8 и т.д. ну по разделам для f=6 пара картинок будет например $LOGOSITE=www.mysite.ru/site_logo6.gif; $BACKGROUND=www.mysite.ru/background6.gif       
</script>

а дальше в код страницы подсовывается эта пара
<td  background="$BACKGROUND"><img src="$LOGOSITE"><a href="http://www.сайт.ru/index.html">
                       
</a></td>
вот такие идеи :) исполнение как обычно на нуле :) хелп :)


Время: 02:00.

Время: 02:00.
© OSzone.net 2001-