Форум

vladislav.blinov · #11 (**permalink**) 13.07.2013, 13:27

Сообщение от рони

непонимаю -- а привязать можно к чему угодно

я пытаюсь реализовать что то вроде этого:

function close(нужные классы){
var trs=document.getElementsByTagName("TR");
for( var i=0; i<екы.length; i++)
   if(trs.className==нужные классы)
     trs.style.display = 'none';
}

а потом в первое поле где date_01_07_2013 вставить ссылку

<a href="javascript:close(dt01_07_2013)">показать поле</a>

но вот всё никак не выходит

рони · #12 (**permalink**) 13.07.2013, 14:08

vladislav.blinov,
что мешает в код который я дал добавить вашу кнопку

vladislav.blinov · #13 (**permalink**) 13.07.2013, 14:12

мешают только знания точнее их отсутствие) если не трудно напиши пример кнопки.

рони · #14 (**permalink**) 13.07.2013, 14:27

vladislav.blinov,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 a{
   margin-left: 10px
 }

  </style>
</head>

<body>
<table>
	<tr class="date_01_07_2013"><td>01.07.2013</td></tr>
	<tr class="dt01_07_2013">
		<td>имя</td>
		<td>фамилия</td>
	</tr>
	<tr class="dt01_07_2013">
		<td>имя</td>
		<td>фамилия</td>
	</tr>
	<tr class="dt01_07_2013">
		<td>имя</td>
		<td>фамилия</td>
	</tr>
	<tr class="date_31_07_2013"><td>31.07.2013</td></tr>
	<tr class="dt31_07_2013">
		<td>имя</td>
		<td>фамилия</td>
	</tr>
	<tr class="dt31_07_2013">
		<td>имя</td>
		<td>фамилия</td>
	</tr>
	<tr class="dt31_07_2013">
		<td>имя</td>
		<td>фамилия</td>
	</tr>
</table>
<script>
for (var a = document.getElementsByTagName("TR"), b = 0; b < a.length; b++) {
    var d = a[b],
        e = d.className;
    if (/^date_/.test(e)) {
        var e = e.replace("ate_", "t"),
            f = document.createElement("a");
        f.appendChild(document.createTextNode("\u0441\u043a\u0440\u044b\u0442\u044c"));
        d.cells[0].appendChild(f);
        f.href = "#";
        f.onclick = function (g) {
            return function () {
                this.textContent =  this.textContent ==  "\u0441\u043a\u0440\u044b\u0442\u044c" ?  "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c" : "\u0441\u043a\u0440\u044b\u0442\u044c" ;
                for (var c = 0; c < a.length; c++) g == a[c].className && (a[c].style.display = "none" != a[c].style.display ? "none" : "table-row");
                return !1
            }
        }(e);
        f.onclick()
    }
};
</script>
</body>
</html>

vladislav.blinov · #15 (**permalink**) 13.07.2013, 14:46

спасибо за помощь

но я никак не могу разобраться в этих строчках

if (/^date_/.test(e)) {
	        var e = e.replace("ate_", "t"),

получается он в первой tr ищет строчку date_ потом делает replace и превращает строку из date_ в dt
но если в первой tr будет class="date_tr date_01_07_2013"
и по логике поменять код на

if (/^date_tr.date_/.test(e)) {
	        var e = e.replace("ate_tr.date_", "t"),

то он должен работать как и было но он начинает работать наоборот т.е. скрывает первую tr (сам себя) что я написал не правильно?

рони · #16 (**permalink**) 13.07.2013, 14:53

vladislav.blinov,
задача была с одним классом из date_31_07_2013 получаем dt31_07_2013 если классов много решается иначе например методом job

vladislav.blinov · #17 (**permalink**) 13.07.2013, 15:01

это ни к чему, код твой хорошо работает, просто я его модернизирую и изучаю для того что бы лучше разбираться в js. если не сложно скажи метод которым я смогу это сделать, а я попробую про него прочитать и сам уже добить. был бы признателен.

рони · #18 (**permalink**) 13.07.2013, 15:11

vladislav.blinov,
читайте про RegExp меняйте /^date_/ и var e = e.replace("ate_", "t"),
и если необходимо g == a[c].className на if (/class(условно)/.test(a[c].className))

Форум

Справочник

Discord чат

Курсы javascript