WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
07 Декабрь 2016, 01:43:37 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
как сейчас с высококонкурентной тематикой для новых сайтов? от Ивица (Раскрутка сайтов в поисковиках)
Re: Авангард блогосферы — электронный журнал о блогосфере от jansen (Наше творчество)
Re: Недорогие статьи с картинками на женские темы. Заходите в гости))) от Rut (Контент, копирайтинг, переводы)
Re: Ищу копирайтера на постоянную работу. Тематика: цветы, сад, огород от Violet-Lady (Ищу копирайтера, редактора, контент-менеджера)
Re: EsteQ.net - хостинг с защитой от DDoS от EsteQ (Хостинг)
Re: Как найти время заняться своими сайтами? от Natulkin (Мотивация)
Добрый день! Интересует трафик от вебмастеров!)) от DariaTraffic (Реклама и доход)
Re: Качественные площадки под статьи с высокой посещаемостью и переходами по ссылкам от Igor_Molodtsov (Платное размещение статей и ссылок)
Re: Трафик по ключевым словам из поисковиков от Dr_Tapac (Сервисы и SEO программы)
Дизайн для Вас! Обращайтесь! Визитки, баннеры, листовки и другое. от Irina0408 (Дизайн)
Доска объявлений версии 2.2 от Diana101 (Сайты)
Re: Подарю, продам или сдам в аренду домены от June (Домены)
Автоматизация Яндекс Директ + возврат 8% от рекламного бюджета. от Александр_26 (Полезное)
Re: Quick Sender - Комбайн для продвижения в ВКонтакте от Dima_Myrzich (Социальные сети)
Re: Марафон Спарта от Пузата - Почему я иду от Katelite (Обучение сайтостроению, SEO и заработку)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

Тема: Таблички - Зебра  (Прочитано 640 раз)

0 Пользователей и 1 Гость смотрят эту тему.
pozd88
Offline Offline

Пол: Женский
Сообщений: 9



Просмотр профиля
« : 19 Декабрь 2012, 14:06:31 »

1
« Последнее редактирование: 19 Декабрь 2012, 14:08:50 от pozd88 » Записан
pozd88
Offline Offline

Пол: Женский
Сообщений: 9



Просмотр профиля
« Ответ #1 : 19 Декабрь 2012, 14:09:34 »

Ребята и девчата выручайте, за 4 дня так и не смог своими силами победить, кто может помочь с кодом, вот пример:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
<head>
  
 
<script type="text/javascript">
/*
Javascript to style odd/even table rows
Derived from 'Zebra Tables' by David F. Miller (http://www.alistapart.com/articles/zebratables/)

Modified by Jop de Klein, february 2005
jop at validweb.nl
http://validweb.nl/artikelen/javascript/better-zebra-tables/
*/

var stripe = function() {
var tables = document.getElementsByTagName("table");

for(var x=0;x!=tables.length;x++){
var table = tables[x];
if (! table) { return; }

var tbodies = table.getElementsByTagName("tbody");

for (var h = 0; h < tbodies.length; h++) {
var even = true;
var trs = tbodies[h].getElementsByTagName("tr");

for (var i = 0; i < trs.length; i++) {
trs[i].onmouseover=function(){
this.className += " ruled"; return false
}
trs[i].onmouseout=function(){
this.className = this.className.replace("ruled", ""); return false
}

if(even)
trs[i].className += " even";

even = !even;
}
}
}
}

window.onload = stripe;
</script>

 
    
  
  <style type="text/css">

  
table.zebra body{
margin: 64px;
font-size: 8pt;
}

table.zebra{
border: 1px solid #666;
                width: 100%;
}
table.zebra tr td{
font-size: 8pt;
padding: 3px 8px;
background: #fff;
}
table.zebra thead td{
color: #fff;
background-color: #69C;
font-weight: bold;
border-bottom: 1px solid #999;
}
table.zebra tbody td{
border-left: 1px solid #D9D9D9;
}
table.zebra tbody tr.even td{
background: #eee;
}
table.zebra tbody tr.selected td{
background: #3d80df;
color: #ffffff;

border-left: 1px solid #346DBE;
border-bottom: 1px solid #7DAAEA;
}
table.zebra tbody tr.ruled td{
color: #000;
background-color: #C6E3FF;

border-color: #3292FC;
}
        /* Opera fix */
table.zebra head:first-child+body tr.zebra td{
background-color: #C6E3FF;
}
</style>
</head>

<body>

<h4>Размеры  согласно  СТО АСЧМ 20-94:</h4>
<table border="0" class="zebra">
  <thead>
    <tr>
      <td rowspan="2">Профиль</td>
      <td colspan="5" width="149">Размеры профиля, мм</td>
      <td>Площадь</td>
      <td>Масса 1м</td>
      <td colspan="7" width="332">Справочные величины для осей</td>
    </tr>
    <tr>
      <td>h</td>
      <td>b</td>
      <td>S</td>
      <td>t</td>
      <td>R</td>
      <td>сечения, см2</td>
      <td>длины, кг</td>
      <td>Ix, см4</td>
      <td>Wx, см3</td>
      <td>Sx, см3</td>
      <td>ix, см</td>
      <td>Iy, см4</td>
      <td>Wy, см3</td>
      <td>iy, см</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>10 Б1</td>
      <td>100</td>
      <td>55</td>
      <td>4,1</td>
      <td>5,7</td>
      <td>7</td>
      <td>10,32</td>
      <td>8,1</td>
      <td>171</td>
      <td>34,2</td>
      <td>19,7</td>
      <td>4,07</td>
      <td>15,9</td>
      <td>5,8</td>
      <td>1,24</td>
    </tr>
    <tr>
      <td>12 Б1</td>
      <td>117,6</td>
      <td>64</td>
      <td>3,8</td>
      <td>5,1</td>
      <td>7</td>
      <td>11,03</td>
      <td>8,7</td>
      <td>257</td>
      <td>43,8</td>
      <td>24,9</td>
      <td>4,83</td>
      <td>22,4</td>
      <td>7</td>
      <td>1,43</td>
    </tr>
    <tr>
      <td>12 Б2</td>
      <td>120</td>
      <td>64</td>
      <td>4,4</td>
      <td>6,3</td>
      <td>7</td>
      <td>13,21</td>
      <td>10,4</td>
      <td>318</td>
      <td>53</td>
      <td>30,4</td>
      <td>4,9</td>
      <td>27,7</td>
      <td>8,7</td>
      <td>1,45</td>
    </tr>
    <tr>
      <td>14 Б1</td>
      <td>137,4</td>
      <td>73</td>
      <td>3,8</td>
      <td>5,6</td>
      <td>7</td>
      <td>13,39</td>
      <td>10,5</td>
      <td>435</td>
      <td>63,3</td>
      <td>35,8</td>
      <td>5,7</td>
      <td>36,4</td>
      <td>10</td>
      <td>1,65</td>
    </tr>
    <tr>
      <td>14 Б2</td>
      <td>140</td>
      <td>73</td>
      <td>4,7</td>
      <td>6,9</td>
      <td>7</td>
      <td>16,43</td>
      <td>12,9</td>
      <td>541</td>
      <td>77,3</td>
      <td>44,2</td>
      <td>5,74</td>
      <td>44,9</td>
      <td>12,3</td>
      <td>1,65</td>
    </tr>
    <tr>
      <td>16 Б1</td>
      <td>157</td>
      <td>82</td>
      <td>4</td>
      <td>5,9</td>
      <td>9</td>
      <td>16,18</td>
      <td>12,7</td>
      <td>689</td>
      <td>87,8</td>
      <td>49,6</td>
      <td>6,53</td>
      <td>54,4</td>
      <td>13,3</td>
      <td>1,83</td>
    </tr>
  </tbody>
</table>


</body>
</html>


Хочу на сайте сделать все таблички в виде зебры, нашел Ява скрипт + КСС стиль вот тут:   скачал файлик с примером: Поместил все это дело в Джумловскую шкурку в файл CSS и HTML. В итоге на сайте шапка таблицы принимает заданный вид, передвижение мышки по строчкам таблицы подсвечивается, но у табличек нет раскраски серым и белым фонами через строчку. то есть зебры нет = (((

Кто может посмотрите плиз код, в чем я ошибся?Непонимающий  

А еще самое удивительное, что отдельно код работает (пример работает что выше), но стоит поместить в шаблон джумлы моего сайта - не какой зебры... (ввв atlantis точка ком точка ру)
Записан
pozd88
Offline Offline

Пол: Женский
Сообщений: 9



Просмотр профиля
« Ответ #2 : 26 Декабрь 2012, 21:10:49 »

тему можно удалять, больше не актуальна. спасибо за помощь
Записан
Страниц: 1
  Печать  
 
Перейти в:  

| Sitemap