Динамические эффекты на странице топика

[FatCat]

В IPB 1.3 есть функция ShowHide(id1, id2), заменяющая объекты на странице.

Я лишь решил использовать ее в своих целях: сделать множественные объекты, меняющиеся на наведение мыши.

 

Демонстрашку можно посмотреть здесь: http://www.pharm-forum.ru/index.php?showtopic=1733

 

Естественно совершенно, что это лишь демонстрация: эта возможность нужна не для вставки в топики, а для украшения элементов шаблона.

 

 

Добавляется скрипт:

<script type="text/javascript">
// Массив контейнеров (если не указан, выведется span) - без скобок, можно с атрибутами.
var strcont=new Array('',
/* 1 */ '',
/* 2 */ '',
/* 3 */ '',
/* 4 */ '',
/* 5 */ 'td align="LEFT" valign="TOP"',
/* 6 */ 'td align="LEFT" valign="TOP"',
/* 7 */ 'td align="LEFT" valign="TOP"'
)

// Массив выводимых блоков
var strsmoll=new Array('',
/* 1 */ 'Номер 1',
/* 2 */ 'Номер 2',
/* 3 */ 'Номер 3',
/* 4 */ 'Номер 4',
/* 5 */ 'Ячейка таблицы c текстом, заменяющимся другим текстом',
/* 6 */ '<img src="http://notdrink.ru/phpBB2/images/avatars/85851247542fb7e623d7c2.gif" border=0>',
/* 7 */ 'Ячейка таблицы c текстом, заменяющимся картинкой с текстом'
)

// Массив альтернирующих блоков
var strbig=new Array('',
/* 1 */ 'Земледелие и скотоводство были славянам хоpошо известны, поэтомy они ими не занимались.',
/* 2 */ 'Тоpговать славяне не yмели, а тех, кто yмел, - били.',
/* 3 */ 'Любопытно, что в пищy славяне yпотpебляли всё, что не yпотpебляли в питьё.',
/* 4 */ 'Славяне были бы пpекpасные охотники, если бы охотились.',
/* 5 */ 'У витрины с мобильниками стоят две расфуфыренные и одинаково обработанные перекисью водорода девицы лет по двадцать. Пялятся на аппараты и обсуждают, какой лучше взять. Через каждые две секунды звучат фразочки: «Да это ваще не стильно…», «С такой трубой в приличном месте застремают…» <br>Болтают громко, явно работают на публику - в салоне «толкается» много парней и папиков с кошельками. Через некоторое время на них действительно начинают обращать внимание. <br>И тут одна выдает коронную фразу: <br>- Да бери ты «Соньку», Даш! На «Самсунге» деньги быстрее заканчиваются…',
/* 6 */ '<img src="http://notdrink.ru/phpBB2/images/upload/troe.jpg" border=0>',
/* 7 */ '<img src="http://notdrink.ru/phpBB2/images/upload/okhotnica.jpg" border=0><br><div align="CENTER"><a href="http://notdrink.ru/phpBB2/viewtopic.php?t=4717">Еще коты - много котов!</a></div>'
)
function writedin(arnum){
strconted='span'
if(strcont[arnum]!='')strconted=strcont[arnum]
document.write('<'+strconted+' id="stridsmall'+arnum+'" onmouseover="java script:ShowHide(\'stridsmall'+arnum+'\',\'stridbig'+arnum+'\')">'+strsmoll[arnum]+'</'+strconted+'>')
document.write('<'+strconted+' id="stridbig'+arnum+'" onmouseout="java script:ShowHide(\'stridbig'+arnum+'\',\'stridsmall'+arnum+'\')" style="display:none">'+strbig[arnum]+'</'+strconted+'>')
}
</script>

 

Объект вставляется на страницу обычным вызовом функции с номером в аргументе. В демонстрашке код:

<ul>
<li><script type="text/javascript">writedin(1)</script>
<li><script type="text/javascript">writedin(2)</script>
<li><script type="text/javascript">writedin(3)</script>
<li><script type="text/javascript">writedin(4)</script>
</ul>
<table border="1" cellspacing="0" cellpadding="0" align="CENTER">
<script type="text/javascript">writedin(5)</script>
<script type="text/javascript">writedin(6)</script>
<script type="text/javascript">writedin(7)</script>
<tr></tr></table>