Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Закрытие окна при открытии нового (https://javascript.ru/forum/events/65676-zakrytie-okna-pri-otkrytii-novogo.html)

Goldfinch 02.11.2016 11:06

Закрытие окна при открытии нового
 
Добрый день. Дело такое (не судите строго - я еще учусь) Есть у меня 12 маленьких окошек, при нажатии на одно из них в специально отведенном месте появляется окно побольше с подробной информацией. И все бы хорошо, но беда моя в том, что эти окна с подробной информацией не замещают друг друга (как задумывалось), а постоянно добавляются. Помогите разобраться что еще куда нужно дописать, что бы при нажатии на маленькое окно открывалось окно большое с подробной информацией, но предыдущее большое окно закрывалось (display='none')
Ну и вот код:
<html>
<script type="text/javascript">
 
function openbox1(id){
 
    display = document.getElementById('Alexandr-big').style.display;
    if(display=='none'){
      document.getElementById('Alexandr-big').style.display='block';
    }
                
}
</script>
<script type="text/javascript">
function openbox2(id){
 
    display = document.getElementById('Sex-big').style.display;
    if(display=='none'){
      document.getElementById('Sex-big').style.display='block';
    }
    
}
</script>
<script type="text/javascript">
function openbox3(id){
 
    display = document.getElementById('Colada-big').style.display;
    if(display=='none'){
      document.getElementById('Colada-big').style.display='block';
    }
    
}
 
</html>

Dilettante_Pro 02.11.2016 13:11

Goldfinch,
Прятать все большие и показывать нужный.
И три одинаковых функции не нужно.
У вас в параметрах id - это что? id маленького?
Тогда, если у, например, первого маленького сделать id = 'Alexandr',
то для большого будет id + '-big' и одна функция на всех

Deff 02.11.2016 13:56

Goldfinch,
По клику на маленькое, скрывать все большие, и только потом открывать нужное


Часовой пояс GMT +3, время: 18:13.