Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: проблема с выделением div...
 
 автор: jeans1986   (06.06.2007 в 15:26)   письмо автору
 
 

Даны слои:

<div id="d1">1</div>
<div id="d2">2</div>
<div id="d3">3</div>
<div id="d4">4</div>
....
<div id="dn">n</div>


Как сделать что при шелчке на одном он выделялся каким нибудь цветом. Далее при нажатии на любой другой чтоб у первого выделение удалялось и выделеным стал бы новый обьект. Т.е мне нужен принцип работы с файлами и паками как в windows-е. Заранее всех благодарю.

   
 
 автор: Lelik   (06.06.2007 в 16:25)   письмо автору
 
   для: jeans1986   (06.06.2007 в 15:26)
 


<script>
d=document;
function g(elemId){return d.getElementById(elemId);}
function winDirs(id){
//в переменную blocks записываем количество блоков
for(i=0; i<blocks; i++){
g('d'+(i+1)).style.backgroundColor = "#ffffff";
}
g(id).style.backgroundColor = "#cccccc";
}
</script>
<div id="d1" onclick="winDirs('d1')">1</div>
<div id="d2" onclick="winDirs('d2')">2</div>
<div id="d3" onclick="winDirs('d3')">3</div>
<div id="d4" onclick="winDirs('d4')">4</div>

   
 
 автор: AlexSol   (06.06.2007 в 16:26)   письмо автору
 
   для: Lelik   (06.06.2007 в 16:25)
 


  <div id="d1" onClick='f(this)'>1</div> 
<div id="d2" onClick='f(this)'>2</div> 
<div id="d3" onClick='f(this)'>3</div> 
<div id="d4" onClick='f(this)'>4</div>

<script>
var sel=''
function f(obg) { 


    if(sel!=obg.id){
        obg.style.backgroundColor='red';
        if(sel!=''){
            document.getElementById(sel).style.backgroundColor='white';
        }
    sel = obg.id;
    }

</script> 

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования