• Лови промокод з яким знижка 50 грн - promo50grn

вопрос по JS

Статус: Offline
Реєстрація: 19.04.2011
Повідом.: 20
Есть таблица. необходимо , что б при наведении на стрку, её бекграунд загорался желтым, а при уведении беграунд "none", а при клике выбраная строка становилась зеленой. Проблема в том, что все работает, кроме фиксации зеленого цвета, тоесть при уведении мыши после клика, строка не подсвечиваеться, таких кликов может быть много.

КОД JS:
window.onload=function(){
var article=document.getElementById("train");
var pars=article.getElementsByTagName("tr");
for (var i=0; i<pars.length; i++){
pars.onmouseover=function(){
this.title="При наведении мыши текст становиться желтым";
this.style.background="yellow";
}
pars.onclick=function(){
this.style.background="green";}
pars.onmouseout=function(){
this.style.background="none";}
}
}

HTML код,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
Тільки зареєстровані користувачі бачать весь контент у цьому розділі
">
<html>
<head>
<title>Расписание</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="scriptn.js"></script>
<style type="text/css">
#train {border: 3px double #f00; border-collapse: collapse; width: 500px; text-align: center;}
#choose_train {border: 3px double #330; border-collapse: collapse; width: 500px; text-align: center;}
#grin {background color:green;}
td, th {border: 2px solid #900;}
</style>
</head>
<body>
<h3>Расписание пригородных поездов по станции Новая Бавария<br />
На Харьков-Пассажирский</h3>
<table id="train">
<caption>На Харьков-Пассажирский</caption>
<tr><th>N</th><th>Следование</th><th>Приб.</th><th>Ст.</th><th>Отпр.</th></tr>
<tr><td>6134</td><td>Мерчик-Харьков</td><td>05:58 </td><td>1</td><td>05:59</td></tr>
<tr><td>6902</td><td>Огульцы-Харьков</td><td>06:34</td><td>1</td><td>06:35</td></tr>
<tr><td>6316</td><td>Люботин-Харьков </td><td>07:05 </td><td>2</td><td>07:07</td></tr>
<tr><td>6266</td><td>Смородино-Харьков</td><td>07:22</td><td>1</td><td>07:23</td></tr>
<tr><td>6904</td><td>Огульцы-Харьков</td><td>08:01</td><td>1</td><td>08:02</td></tr>
<tr><td>6906</td><td>Люботин-Харьков </td><td>08:26</td><td>1</td><td>08:27</td></tr>
<tr><td>6163</td><td> Золочев-Харьков</td><td>09:50 </td><td>1</td><td>09:51</td></tr>
<tr><td>6910</td><td>Огульцы-Харьков </td><td>11:10</td><td>1</td><td>11:11</td></tr>
<tr><td>6165</td><td> Золочев-Харьков</td><td>12:25 </td><td>9</td><td>12:34</td></tr>
<tr><td>6912</td><td>Огульцы-Харьков</td><td>13:01</td><td>1</td><td>13:02</td></tr>
<tr><td>6322</td><td>Мерчик-Харьков</td><td>14:02</td><td>1</td><td>14:03</td></tr>
<tr><td>6914 </td><td>Огульцы-Харьков </td><td>15:12</td><td>1</td><td>15:13</td></tr>
<tr><td>6169</td><td>Золочев-Харьков</td><td>15:42 </td><td>13</td><td>15:55</td></tr>
<tr><td>6326</td><td>Мерчик-Харьков</td><td>16:45</td><td>1</td><td>16:46</td></tr>
<tr><td>6330</td><td>Огульцы-Харьков</td><td>18:09 </td><td>1</td><td>18:10</td></tr>
<tr><td>6916</td><td>Огульцы-Харьков</td><td>18:52</td><td>1</td><td>18:53</td></tr>
<tr><td>6268 </td><td>Смородино-Харьков</td><td>19:35</td><td>1</td><td>19:36</td></tr>
<tr><td>6920</td><td>Огульцы-Харьков </td><td>21:22</td><td>1</td><td>21:23</td></tr>
<tr><td>6924 </td><td>Люботин-Харьков</td><td>22:32</td><td>1</td><td>22:33</td></tr>
</table>
<p>При клике на строках верхней таблицы Вы увидите ниже список поездов</p>
<table id="choose_train">
<caption>Выбранные поезда</caption>
<tr><th>N</th><th>Следование</th><th>Приб.</th><th>Ст.</th><th>Отпр.</th></tr>
</table>
</body>
</html>
 
this.style.background="none" - скидывает
ставь проверку: если зеленая - то не скидывать
 
PHP:
window.onload = function(){

    var article = document.getElementById("train");
    var pars = article.getElementsByTagName("tr");
    
    for (var i = 0; i<pars.length; i++){
        pars[i].onmouseover = function(){
            if(this.style.background != '#008000') {
                this.title="При наведении мыши текст становиться желтым";
                this.style.background = "yellow";
            }
        }
        pars[i].onclick = function(){
            this.style.background = "green";
        }
        pars[i].onmouseout = function(){
            if(this.style.background != '#008000')
                this.style.background = "none";
        } 
    }
}
 
А при повторном клике кто будет скидывать в желтый? ;)
 
пипец ну и чайник.... как сам не допер((((
...:::Alex:::... Большое спасибо, и сори что задавал "баянистый" вопрос, просто никогда не сталкивался с программированием, а тут понадобилось чуток..
 
Назад
Зверху Знизу