Как выделить все? - JavaScript, Ajax

Alex2213 · 21.07.2015, 09:40

PHP код:


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

window.onload = function () {





    //получаем идентификатор элемента

    var a = document.getElementById('switch');

    

    //вешаем на него событие

    a.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;

    }

    

}

есть код, при нажатии на светлый кружок, он становится темным, как сделать чтоб при нажатии на кнопку выделить все все кружки становились темными?
123312.png

Serge_Bliznykov · 21.07.2015, 10:24

HTML код выложите.

Stilet · 21.07.2015, 10:41

Код:

var el=document.getElementById('Дивкружков');
var a=el.getElementsByTagName('img');
for(i=0;i<a.length;i++)
 a[i].setAttribute('src','img/ico/viem_p.png');

Учитывая что кружки находятся на <div id="Дивкружков">.

Alex2213 · 21.07.2015, 10:49

Цитата:

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

HTML код выложите.

Код HTML:

<a id="switch" href=""><img src="img/ico/viem_p.png"></a>

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

Цитата:

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

Код:

var el=document.getElementById('Дивкружков');
var a=el.getElementsByTagName('img');
for(i=0;i<a.length;i++)
 a[i].setAttribute('src','img/ico/viem_p.png');

Учитывая что кружки находятся на <div id="Дивкружков">.

Спасибо, но что-то у меня ничего не получается

PHP код:


			
                             <script type="text/javascript">

$(document).ready(function() {

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

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

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

 a[i].setAttribute('src','img/ico/viem_p.png');

 });

</script>

Код HTML:

<a id="switch" href=""><img src="img/ico/viem_p.png"></a>
<a id="switch" href=""><img src="img/ico/viem_p.png"></a>
<a id="switch" href=""><img src="img/ico/viem_p.png"></a>

Serge_Bliznykov · 21.07.2015, 11:49

Alex2213, ну а где ваша кнопка "выделить все" ?

во-вторых, Виталий же сказал:

Цитата:

Учитывая что кружки находятся на <div id="Дивкружков">

Вы не поняли, что это означает? Или просто не весь свой код HTML тут привели?!

p.s. в партизана играете?

я не знаю, правильно я понял, что Вам надо или нет.

попробуйте (функция окрашивания (c) Stilet) :

Код HTML:

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

<script>
function SelectAll() {
  var el=document.getElementById('DivKugkov');
  var a=el.getElementsByTagName('img');
  for(i=0;i<a.length;i++)
     a[i].setAttribute('src','img/ico/viem_c.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()">Colored All</button>
</body>
</html>

Stilet · 21.07.2015, 12:45

Так, на всяк случ: Писано с потолка, так что мой пост проверять надо.

Serge_Bliznykov · 21.07.2015, 13:10

Цитата:

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

Так, на всяк случ: Писано с потолка, так что мой пост проверять надо.

дык! проверил, работает!

Alex2213 · 21.07.2015, 13:31

Цитата:

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

дык! проверил, работает!

а, все разобрался, спасибо))

а как еще сделать, чтоб выделение по отдельности делалось, и еще, чтоб можно было вернуться в первоначальное состояние, как по отдельности, так и вместе?

Serge_Bliznykov · 21.07.2015, 14:26

так?

Код 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>

Alex2213 · 21.07.2015, 14:48

о, все просто идеально, как надо, спасибо большое)))

21.07.2015, 09:40	#1
Alex2213 Пользователь Регистрация: 07.07.2015 Сообщений: 39	Как выделить все? PHP код: //дожидаемся полной загрузки страницы window.onload = function () { //получаем идентификатор элемента var a = document.getElementById('switch'); //вешаем на него событие a.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; } } есть код, при нажатии на светлый кружок, он становится темным, как сделать чтоб при нажатии на кнопку выделить все все кружки становились темными? 123312.png

21.07.2015, 10:41	#3
Stilet Белик Виталий :) Старожил Регистрация: 23.07.2007 Сообщений: 57,097	Код: `var el=document.getElementById('Дивкружков'); var a=el.getElementsByTagName('img'); for(i=0;i<a.length;i++) a[i].setAttribute('src','img/ico/viem_p.png');` Учитывая что кружки находятся на <div id="Дивкружков">. I'm learning to live... Последний раз редактировалось Stilet; 21.07.2015 в 10:45.

21.07.2015, 12:45	#6
Stilet Белик Виталий :) Старожил Регистрация: 23.07.2007 Сообщений: 57,097	Так, на всяк случ: Писано с потолка, так что мой пост проверять надо. I'm learning to live...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как выделить из текста все адреса электронной почты?	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, 10:24	#2
Serge_Bliznykov Старожил Регистрация: 09.01.2008 Сообщений: 26,229	HTML код выложите.

21.07.2015, 14:48	#10
Alex2213 Пользователь Регистрация: 07.07.2015 Сообщений: 39	о, все просто идеально, как надо, спасибо большое)))