Привет всем! Для нового шаблона делаю модуль вывода новостей. Нашёл в инете Java скриптик, соединил пару модулей и вроде даже что-то получилось. Но это что-то работает нормально только в Firefox & Opera. IE же просто зависает... Может быть здесь найдётся спец (сам таким не являюсь), который подскажет, в чём проблема. Опытным путём я вроде бы установил, что проблема в самом java script, но сам починить не могу В работе модуль можно посмотреть здесь (называется Top News): http://www.contra.lv/content/blogsection/11/148/ Чтобы понять его работу, просто поводите мышкой по новостям, которые выводит этот модуль! Ниже код модуля, отвечающий за вывод контента: Код (CODE): // Output <style type="text/css"> #newsflash ul { list-style: none outside none; margin-bottom: 0px; padding-left:0px; margin-left:0px; width:560px; } #newsflash li { margin-bottom: 5px; margin-left: 0px; clear:left; line-height:12px; padding: 0px;} #newsflash li.active { width: auto; height:97px; border-bottom: 1px #A6A6A6 solid; margin-top:5px; margin-left: 0px; padding: 0xp; margin-left: 0px;} #newsflash li .teaser { display: block; height:40px; border-bottom: 1px #A6A6A6 solid; text-decoration: none; color: #000; margin-bottom:0px; padding: 0px;} #newsflash li .intro { display: none; } #newsflash li.active .teaser { display: none; } #newsflash li.active .intro { display: block; text-decoration: none; color: #000;} #newsflash .teaser { margin-left: 0px; width: 570px; } #newsflash .teaser img { width: 60px; height: 30px; float: left; margin-bottom: 5px; margin-top: 2px;} #newsflash .intro img { width: 120px; height: 90px; float: left; margin-bottom: 0px; margin-top: 0px;} #newsflash a { padding: 0px; width: 570px; margin-left: 0px;text-decoration: none;} .newsteaser { border: 1px solid #888888; margin-right:5px; } .title { font-size:9px;color:#333333;} .introtext { font-size:11px;color:#000000; } </style> <script type="text/javascript"> blowup = function(obj) { if (!document.getElementById) { return true; } var items = obj.parentNode.getElementsByTagName('li'); for (var i=0; i<items.length; i++) { items[i].className = (items[i]==obj) ? 'active' : ''; } return false; } </script> <?php $impl = 0; // create mage if (!function_exists('showimg')) { function showimg (&$row) { global $mosConfig_live_site; $row->images = explode("\n", $row->images); $total = count($row->images); $image = ''; for ($i=0; $i<$total; $i++) { $image = trim($row->images[$i]); if ($image) { $filename = explode('|', $image); $image = $filename[0]; break; } } return $image; } } echo ' <div id="newsflash"> <ul>'; foreach ( $rows as $row ) { // get Itemid $Itemid = $mainframe->getItemid( $row->id, 0, 0, $bs, $bc, $gbs ); // Blank itemid checker for SEF if ($Itemid == NULL) { $Itemid = ''; } else { $Itemid = '&Itemid='. $Itemid; } if ($impl == 0) { $li_class = 'active'; } else { $li_class = ''; } $html_image = showimg($row); $flashimg = $mosConfig_live_site .'/images/stories/'. $html_image; echo ' <li onmouseover="blowup(this);" class="'. $li_class .'"> <a href="'. sefRelToAbs( 'index.php?option=com_content&task=view&id='. $row->id . $Itemid ) .'" style="display:block"> <div class="teaser" style="margin-top:5px;"> <img src="'. $flashimg .'" class="newsteaser"> <span class="title">European Nations Championship</span><br> <b>'. $row->title .'</b> </div> <div class="intro"> <img src="'. $flashimg .'" class="newsteaser"> <span class="title">European Nations Championship</span><br> <b>'. $row->title .'</b> <div class="introtext">'. $row->introtext = preg_replace('/{([a-zA-Z0-9\-_]*)\s*(.*?)}/i', '', $row->introtext) .'<br/> </div> </div> </a> </li>'; $impl++; } echo '<ul> </div> '; ?> Заранее благодарен!
Ответ: Проблема с Java script в IE Вообщем, проблема исчезает, когда выводится более двух новостей Не знаю почему, но это так...