Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Выделение нужной ячейки при нажатии


Автор: DiMoN_TD 9.1.2008, 00:17
Всем привет!
Я взял за основу календарь по этой ссылке http://www.softtime.ru/scripts/calendar.php
    
Код

 <?php 
  // Вычисляем число дней в текущем месяце 
  $dayofmonth = date('t'); 
  // Счётчик для дней месяца 
  $day_count = 1; 

  // 1. Первая неделя 
  $num = 0; 
  for($i = 0; $i < 7; $i++) 
  { 
    // Вычисляем номер дня недели для числа 
    $dayofweek = date('w', 
                      mktime(0, 0, 0, date('m'), $day_count, date('Y'))); 
    // Приводим к числа к формату 1 - понедельник, ..., 6 - суббота 
    $dayofweek = $dayofweek - 1; 
    if($dayofweek == -1) $dayofweek = 6; 

    if($dayofweek == $i) 
    { 
      // Если дни недели совпадают, 
      // заполняем массив $week 
      // числами месяца 
      $week[$num][$i] = $day_count; 
      $day_count++; 
    } 
    else 
    { 
      $week[$num][$i] = ""; 
    } 
  } 

  // 2. Последующие недели месяца 
  while(true) 
  { 
    $num++; 
    for($i = 0; $i < 7; $i++) 
    { 
      $week[$num][$i] = $day_count; 
      $day_count++; 
      // Если достигли конца месяца - выходим 
      // из цикла 
      if($day_count > $dayofmonth) break; 
    } 
    // Если достигли конца месяца - выходим 
    // из цикла 
    if($day_count > $dayofmonth) break; 
  } 

  // 3. Выводим содержимое массива $week 
  // в виде календаря 
  // Выводим таблицу 
  echo "<table border=1>"; 
  for($i = 0; $i < count($week); $i++) 
  { 
    echo "<tr>"; 
    for($j = 0; $j < 7; $j++) 
    { 
      if(!empty($week[$i][$j])) 
      { 
        // Если имеем дело с субботой и воскресенья 
        // подсвечиваем их 
        if($j == 5 || $j == 6)  
             echo "<td><font color=red>".$week[$i][$j]."</font></td>"; 
        else echo "<td>".$week[$i][$j]."</td>"; 
      } 
      else echo "<td>&nbsp;</td>"; 
    } 
    echo "</tr>"; 
  }  
  echo "</table>"; 
?> 




Вот, я собственно из каждой цифры сделал ссылочку методом GET (нужно для показа архива за определённый день)...
Вот... но хочется так, чтобы в календаре отображалась та ячейка (т.е. как-то подсвечивалась), на которую я кликнул... т.е. грубо говоря нужно сделать так, чтобы отображался день (в самом календаре), за который я просматриваю архив... Можно ли это сделать с помощью JS или всё ж таки придётся мучаться с php???

Заранее спасибо!

Автор: ksnk 9.1.2008, 09:43
Если используются ссылки, то в адресной строке получится тот-же адрес, что и в какой-то из них. Скриптом пробежаться по всем ссылкам и пометить ту, что надо. 

Автор: solenko 9.1.2008, 12:22
Мучатся в данном случае это как раз о JS реализации. Мне кажется, намного проще как раз вписать класс еще на стороне сервера. И проще и логичней.

Автор: ksnk 9.1.2008, 12:33
solenko, Может быть, если не использовать якори в адресе перехода. Иначе - только Javascript'ом...

Автор: DiMoN_TD 9.1.2008, 14:04
Я та на самом деле ещё неопытный программист, и потому всё что вы тут наговорили, мне ни о чём практически не говорит...  smile 

Автор: solenko 9.1.2008, 14:17
Если у вас, например, в $_GET['day'] номер дня то
Код

<?php
 if ($week[$i][$j] == $_GET['day'])
  echo "<td><font color=green>".$week[$i][$j]."</font></td>"; 
else if($j == 5 || $j == 6)  
             echo "<td><font color=red>".$week[$i][$j]."</font></td>"; 
        else echo "<td>".$week[$i][$j]."</td>"; 
?>

Автор: ksnk 9.1.2008, 15:22
DiMoN_TD, чтобы вывести что-то действительно полезное "неопытному программисту", нужно привести реальный код, со "ссылочкой методом GET". Иначе мы с тут с solenko,  будем воображать себе каждый чего-то свое... ;-)

Автор: DiMoN_TD 9.1.2008, 15:26
solenko, 
Хм.. на самом деле это я и сам знал, но этот метод мне немного не подходит, потому что там нужно будет делать проверку на то, есть ли эта переменная, потому как календарь у меня отображается на всех страницах.... потому дофига кода получается... вот и хотелось какую-нить функцию на JS, которая бы меняла класс выбранного дня

Автор: solenko 9.1.2008, 15:36
DiMoN_TD, ну уж простите, телепатия отключена (
1. вынесете календарь в отдельный файл, который будет проверять и инклюдте его откуда нужно 
2. В данном случае проверку можно свести к, например,
 echo "<td ".($week[$i][$j] == @$_GET['day']?"class=\"selected\"":"")."><font color=red>".$week[$i][$j]."</font></td>"; 

на js:
1. Анализируете url страницы (объект location)
2. Находите таблицу календаря и пробегаетесь по ячейкам (DOM Table)
3. находите для каждой ячейки последнего ребенка, т.е. имеено номер дня а не объект font и сравниваете с полученным из url значением.
4. Если да, то присваиваете ячейке css класс (className)

Добавлено через 2 минуты и 35 секунд
Повторюсь -- этот вопрос стоит решать на стороне клиента только если вы подгружаете данные AJAX'ом или, как указал 
ksnk, если на странице информация за несколько дней и вы используете якоря.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)