VPF::разныей цвет каждой второй строк

gcc

Дата 2.6.2009, 14:12 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

есть ли какой-то документации по опнтянее этой http://www.w3.org/TR/2005/WD-css3-selector...uctural-pseudos?

на JavaScript это можно сделать?

хочу спросить, обезательно ли это делать на сервер, можно ли на клиенте?

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

bars80080

Дата 2.6.2009, 14:52 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Код


.white td { background: #ffffff; }
.black td { background: #cccccc; }

Код


<table id="qw">
<tr><td>....</td><td>....</td><td>....</td></tr>
<tr><td>....</td><td>....</td><td>....</td></tr>
<tr><td>....</td><td>....</td><td>....</td></tr>
<tr><td>....</td><td>....</td><td>....</td></tr>
<tr><td>....</td><td>....</td><td>....</td></tr>
<tr><td>....</td><td>....</td><td>....</td></tr>
</table>

Код


var tr = document.getElementById('qw').getElementsByTagName('tr');
var trc = tr.length;
var x;
for(var i = 0; i < trc; i++) {
    x = (i%2) ? 'white' : 'black';
    tr[i].className = x;
}

bazzjr

Дата 2.6.2009, 15:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

bars80080 а можно растолковать что это i%2
ну или линк...

gcc

Дата 2.6.2009, 15:38 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

bazzjr, это поделить на 2

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

bars80080

Дата 2.6.2009, 15:40 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а что, работает?

% - остаток от деления, т.е.

6%4 = 2 - 6 делить на 4, в итоге одна целая и два в остатке, вот эта двойка и есть результат

в данном случае при делении чисел на двойку, у нас получается поочереди то 0, то 1. засунув в условие - чередуем имена классов

bazzjr

Дата 2.6.2009, 16:27 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

resurtm

Дата 7.6.2009, 20:21 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 48
Регистрация: 14.1.2009

Репутация: 1
Всего: 2

Без JavaScript делается отлично, в логике вынесенной в шаблон, на стороне сервера.

gcc

Дата 26.9.2009, 04:33 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

bars80080, что-то не получается

id="qw" должен с чем-то связываться?

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

вот 2log_table2 который нигде не обявляется и не используется

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/main.css" />
    <title>Просмотр разделов</title>

     <script type='text/javascript'>
     var tr = document.getElementById('2log_table2').getElementsByTagName('tr');
var trc = tr.length;
var x;
for(var i = 0; i < trc; i++) {
    x = (i%2) ? 'white' : 'black';
    tr[i].className = x;
}
     
     </script>    
    
</head>
<body>

Код


   <table id="2log_table2" border="0">  
           
<col width="300">           
            
<col width="auto">
<col width="auto">
<col width="auto">
<col width="auto">
      
     
            

           
           
     
   <tr class="header">

    <td><a href="/view_section/13?sort=name-asc">разделы  </a></td>
    <td>число подразделов</td>
    <td>число тем</td>
    <td><a href="/view_section/13?sort=username-asc">автор </a></td>
    <td><a href="/view_section/13?sort=time-asc">дата   <img src="/images/sort_down.gif" alt="" />   </a></td>
    
     
  
           
   </tr>

      


        
      <tr class="hilightoff" onmouseover="className='hilighton2'; this.style.cursor='hand';" onmouseout="className='hilightoff';">

            <td>        
           <a target="_top" href="/view_section/54">dfgdfg</a> 
           <br>
            </td> 
            
               <td>8</td>
                
          <td >        
                <a alt="Посмотреть темы в этом разделе" title="Посмотреть темы в этом разделе" target="_top" href="/view_content_head/54">- (посм. темы в разделе) </a>            
          </td>

          
             <td><a alt="test02" title="test02" href="/profile/view_profile/2"><b>test02</b></a></td>

            <td>1241883643</td>
             
      
     
     
               

            

     

            
                   
      </tr>


    


        
      <tr class="hilightoff" onmouseover="className='hilighton2'; this.style.cursor='hand';" onmouseout="className='hilightoff';">

            <td>        
           <a target="_top" href="/view_section/20">f2</a> 
           <br>

            </td> 
            
               <td>2</td>
                
          <td >        
                <a alt="Посмотреть темы в этом разделе" title="Посмотреть темы в этом разделе" target="_top" href="/view_content_head/20">- (посм. темы в разделе) </a>            
          </td>
          
             <td><a alt="test01" title="test01" href="/profile/view_profile/1"><b>test01</b></a></td>

            <td>1238779255</td>
             
      
     
     
               

            

     

            
                   
      </tr>


    


        
      <tr class="hilightoff" onmouseover="className='hilighton2'; this.style.cursor='hand';" onmouseout="className='hilightoff';">

            <td>        
           <a target="_top" href="/view_section/19">упвап ва п</a> 
           <br>
            </td> 
            
               <td>2</td>
                
          <td >        
                <a alt="Посмотреть темы в этом разделе" title="Посмотреть темы в этом разделе" target="_top" href="/view_content_head/19">- (посм. темы в разделе) </a>            
          </td>

          
             <td><a alt="test01" title="test01" href="/profile/view_profile/1"><b>test01</b></a></td>

            <td>1238778699</td>
             
      
     
     
               

            

     

            
                   
      </tr>


    
    
            </td>
  </tr>
  </table>

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

bars80080

Дата 26.9.2009, 10:26 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а где-нибудь написано, что в классах white и black?

gcc

Дата 26.9.2009, 21:37 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

bars80080, я вот это поставил в CSS, првильно?

Код


.white td { background: #ffffff; }
.black td { background: #cccccc; }

т.е. все правильно я сделал?
буду копать дальше...

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

bars80080

Дата 26.9.2009, 23:59 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

да, правильно. что-то мешает. может тэги <col>, может где идёт разрыв в таблице.

к примеру, тэг td в 139 строчке разрывает вёрстку

да и пробелов чересчур много

gcc

Дата 29.9.2009, 00:09 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

bars80080, я нашел свою ошибку, там надо было добавить JS в функция и вызвать ее после таблицы

Код


</table>
<script>
myFunc('id_table');
// <body onload="myFunc('id_table');">
</script>

===

подскажите как сделать если таблица такая?

Код


<table id="qw">
// первая строка должно быть белого цвета
<tr><td>....</td></tr> <tr><td>....</td></tr>

// вторая строка должно быть серого цвета
<tr><td>....</td></tr> <tr><td>....</td></tr>

// третья строка должно быть белого цвета
<tr><td>....</td></tr> <tr><td>....</td></tr>

// четвертая строка должно быть серого цвета
<tr><td>....</td></tr> <tr><td>....</td></tr>
</table>

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

Это сообщение отредактировал(а) gcc - 29.9.2009, 00:14

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

bars80080

Дата 29.9.2009, 00:35 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата(gcc @ 29.9.2009, 00:09

)

это по вашему одна строка?

gcc

Дата 29.9.2009, 02:15 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

ну вот на этой странице http://ldap.x0.org.ua/view_content/48#comment-85 выводиться вот так:

<TMPL_LOOP NAME="comment"> - это цикл (массив-хэшей)

Код


  <TABLE id="id_table" border="0">

 <TMPL_LOOP NAME="comment">    
    <tr >   
       <td align="left" colspan="3">   
           <b> <TMPL_VAR NAME="username"> </b> </a> ::  <a name="comment-<TMPL_VAR NAME="id_cm">"> <b><TMPL_VAR NAME="created"></b> </a>  ::  <a href="#comment-<TMPL_VAR NAME="id_cm">"> ссылка </a>  ::          <b> <TMPL_VAR NAME="delete_co"> </b> </a> ::  <b> <TMPL_VAR NAME="edit_co"> </b> </a> ::
           
    <TMPL_IF "delete_cm"> 
     <a target="_top" href="/comment/delete_comment/<TMPL_VAR NAME="id_cm">/<TMPL_VAR NAME="id_co">"> Удалить </a> 
    </TMPL_IF>
     
         <TMPL_IF "edit_cm"> 
     <a height="20" align="left"  target="_top" href="/comment/edit_comment/<TMPL_VAR NAME="id_cm">/<TMPL_VAR NAME="id_co">"> Редактирвоать <TMPL_IF "created_old">(осталось: <TMPL_VAR NAME="created_old">)</TMPL_IF> </a> 
    </TMPL_IF>      
              
       </td>
     </tr>  
    
     <tr> 
        <td align="left" colspan="3">    
            <TMPL_VAR NAME="text_cm">            
        </td>       
       
    </tr> 
 </TMPL_LOOP>
 </table>

UPD:

Код


x = (i%4)<2

Это сообщение отредактировал(а) gcc - 29.9.2009, 03:32

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »