Как выделить все? - JavaScript, Ajax - Страница 2

Serge_Bliznykov · 21.07.2015, 14:53

за "идеально" Вам большое спасибо (уверен, что люди, которые, в отличие от меня, реально знают JS, сейчас хохочут! )!

а так - пожалуйста, чем смог, тем помог...

Stilet · 21.07.2015, 15:24

Цитата:

DivKugkov

Див Кугков - чувак, который занимается отжимом винограда и вырезанием членов семьи по дереву

Alex2213 · 21.07.2015, 20:27

Цитата:

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

так?

Код HTML:

<html><head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script>
window.onload = function () { 
    var el=document.getElementById('DivKugkov');
    var a=el.getElementsByTagName('a');
     
    for(i=0;i<a.length;i++) //вешаем на него событие 
       a[i].onclick = function() { 
        //производим какие-то действия 
        if (this.innerHTML=='<img src="img/ico/viem_p.png">') this.innerHTML = '<img src="img/ico/viem_c.png">'; 
        else this.innerHTML = '<img src="img/ico/viem_p.png">'; 
        //предотвращаем переход по ссылке href 
        return false; 
    }      
}  
function SelectAll(par1) {
  var el=document.getElementById('DivKugkov');
  var a=el.getElementsByTagName('img');
  for(i=0;i<a.length;i++)
     a[i].setAttribute('src',(par1==1)?'img/ico/viem_c.png':'img/ico/viem_p.png');
}
</script>
</head>

<body>
<div id="DivKugkov">
<a id="switch1" href=""><img src="img/ico/viem_p.png"></a>
<a id="switch2" href=""><img src="img/ico/viem_p.png"></a>
<a id="switch3" href=""><img src="img/ico/viem_p.png"></a>
<br />
<a id="switch4" href=""><img src="img/ico/viem_p.png"></a>
<a id="switch5" href=""><img src="img/ico/viem_p.png"></a>
<a id="switch6" href=""><img src="img/ico/viem_p.png"></a>
</div>
</br>
<button id="SelectAll" onclick="SelectAll(1)">Colored All</button>
<button id="SelectAll" onclick="SelectAll(0)">UnColored All</button>
</body>
</html>

Одна проблема, одновременно два таких скрипта не работают один перекрывает другой, как это можно исправить?

Serge_Bliznykov · 21.07.2015, 21:51

Цитата:

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

Одна проблема, одновременно два таких скрипта не работают один перекрывает другой, как это можно исправить?

я не очень понимаю, что Вы подразумеваете под этим?
у меня, вроде бы, работают.
можно мышкой щёлкать по кружкам - они переключают своё состояние.
можно нажать кнопку "Colored All" - тогда все закрасятся тёмным (вне зависимости от того, какого цвета они были), можно нажать кнопку "uncolored all" - всё окрасятся светлым (ну, точнее "тёмным" - это картинка mg/ico/viem_c.png, а "светлым" - это картинка mg/ico/viem_p.png

Что не так?

Alex2213 · 21.07.2015, 22:01

Цитата:

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

Что не так?

может конечно что-то не то делаю, я имею ввиду если скопировать весь написанный код и вставить его на той же странице, при этом поменять классы кнопок, то последний скрипт работает, а первый нет

PHP код:


			
<script>

window.onload = function () { 

    var el=document.getElementById('DivKugkov1');

    var a=el.getElementsByTagName('a1');

     

    for(i=0;i<a.length;i++) //вешаем на него событие 

       a[i].onclick = function() { 

        //производим какие-то действия 

        if (this.innerHTML=='<img src="img/ico/viem_p.png">') this.innerHTML = '<img src="img/ico/viem_c.png">'; 

        else this.innerHTML = '<img src="img/ico/viem_p.png">'; 

        //предотвращаем переход по ссылке href 

        return false; 

    }      

}  

function SelectAll(par1) {

  var el=document.getElementById('DivKugkov1');

  var a=el.getElementsByTagName('img');

  for(i=0;i<a.length;i++)

     a[i].setAttribute('src',(par1==1)?'img/ico/viem_c.png':'img/ico/viem_p.png');

}

</script>

Код HTML:

</head>



<body>
<div id="DivKugkov1">
<a  href=""><img src="img/ico/viem_p.png"></a>
<a  href=""><img src="img/ico/viem_p.png"></a>
<a  href=""><img src="img/ico/viem_p.png"></a>
<br />
<a  href=""><img src="img/ico/viem_p.png"></a>
<a  href=""><img src="img/ico/viem_p.png"></a>
<a  href=""><img src="img/ico/viem_p.png"></a>
</div>
</br>
<button id="SelectAll" onclick="SelectAll(1)">Colored All</button>
<button id="SelectAll" onclick="SelectAll(0)">UnColored All</button>

Serge_Bliznykov · 22.07.2015, 10:01

Цитата:

я имею ввиду если скопировать весь написанный код и вставить его на той же странице

то, что я выложил - это ПОЛНОСТЬЮ ГОТОВАЯ СТРАНИЦА.
Сохраните её ПОЛНОСТЬЮ в заданную папку и пользуйтесь.

Если Вы вырываете какие-то куски, куда-то их вставляете, что-то переименовываете, то, хотя бы, выложите ПОЛНОСТЬЮ сделанный Вами файл (или файлы - не могу понять, у Вас один файл или нет!), тогда, возможно, можно будет посмотреть, где вы ошибаетесь.

А так телепатия у меня развита очень плохо, угадать и помочь не могу.

Alex2213 · 25.07.2015, 21:19

Цитата:

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

Если Вы вырываете какие-то куски, куда-то их вставляете, что-то переименовываете, то, хотя бы, выложите ПОЛНОСТЬЮ сделанный Вами файл (или файлы - не могу понять, у Вас один файл или нет!), тогда, возможно, можно будет посмотреть, где вы ошибаетесь.

Как применить данный скрипт к этому массиву?
22222.PNG

PHP код:


			
<html><head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


</head>

<body>
<script>
window.onload = function () { 
    var el=document.getElementById('DivKugkov');
    var a=el.getElementsByTagName('a');
     
    for(i=0;i<a.length;i++) //вешаем на него событие 
       a[i].onclick = function() { 
        //производим какие-то действия 
        if (this.innerHTML=='<img src="img/ico/viem_p.png">') this.innerHTML = '<img src="img/ico/viem_c.png">'; 
        else this.innerHTML = '<img src="img/ico/viem_p.png">'; 
        //предотвращаем переход по ссылке href 
        return false; 
    }      
}  
function SelectAll(par1) {
  var el=document.getElementById('DivKugkov');
  var a=el.getElementsByTagName('img');
  for(i=0;i<a.length;i++)
     a[i].setAttribute('src',(par1==1)?'img/ico/viem_c.png':'img/ico/viem_p.png');
}
</script>
<?php require_once 'config.php';?>
<div>

<?php 
if ($res_tt = mysql_query("SELECT nid, sid FROM tt ORDER BY nid, sid"))
{ $v=0;
   while($row_tt = mysql_fetch_assoc($res_tt)){
       if ($row_tt['nid']!=$v)
       { $v=$row_tt['nid']; ?>


<button id="SelectAll" onclick="SelectAll(1)">Colored All</button>
<button id="SelectAll" onclick="SelectAll(0)">UnColored All</button>
<div id="DivKugkov<?=$row_tt['nid']?>">
<?php }    ?>

<a id="switch<?=$row_tt['sid']?>" href=""><img src="img/ico/viem_p.png"></a>  
                         
        <?php  } ?>    
</div>                          
<?php 
mysql_free_result($res_tt);
     } 
    ?>
    </div>


</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как выделить из текста все адреса электронной почты?	aldeano	Microsoft Office Excel	10	06.09.2013 15:46
Как выделить все ячейки, содержащие	deserving83	Microsoft Office Excel	4	12.07.2013 23:23
Как выделить сразу все строки?	deserving83	Microsoft Office Excel	4	12.07.2013 05:57
Выделить все checkbox	kuba1981	JavaScript, Ajax	2	17.04.2013 17:42
Выделить все	Михаил Юрьевич	Общие вопросы Delphi	1	21.02.2008 23:12

21.07.2015, 14:53	#11
Serge_Bliznykov Старожил Регистрация: 09.01.2008 Сообщений: 26,229	за "идеально" Вам большое спасибо (уверен, что люди, которые, в отличие от меня, реально знают JS, сейчас хохочут! )! а так - пожалуйста, чем смог, тем помог...