Форум

allanmiln · #1 (**permalink**) 07.02.2013, 21:32

Здравствуйте!
Я использую такой вот простой код для модальных окон:

function ShowWindow1(){
var div = document.getElementById("Window1");
if (!div)
return;
div.style.display = "block";
document.body.appendChild(div);
return false;}

function CloseWindow1(){
var div = document.getElementById("Window1");
if (!div)
return;
div.style.display = "none";
return false;}

Таких окон аж 6 штук. И для каждого окна я дублирую этот скрипт, меняю id и всё хорошо. Вот только хотелось бы сократить код.
Возможно ли это?
Заранее благодарен.

Deff · #2 (**permalink**) 07.02.2013, 21:39

<!DOCTYPE HTML>
<html>
  <head>
<style>
div[id^="Window"]{
  margin:12px;
  width:200px;
  height:100px;
  border:red solid 2px;
}
</style>

<script>
var N=0;

function ShowWindow(N){
var div = document.getElementById("Window"+N);
if (div) return false;
var div = document.createElement('div')
div.id = "Window"+N;
div.innerHTML=N;
document.body.appendChild(div);
return true;
}

function CloseWindow(N){
var div = document.getElementById("Window"+N);
if (!div) return false;
div.parentNode.removeChild(div)
return true;
}
</script>

 </head>
  <body>


<input type="button" onclick="ShowWindow(N);N++" value="Cоздать"/>&nbsp; &nbsp;
<input id="txt" placeholder="Введите номер" size=12/>
<input type="button" onclick="X=document.getElementById('txt').value;CloseWindow(X)" value="Удалить"/>
<br><br>


  </body>
</html>

allanmiln · #3 (**permalink**) 08.02.2013, 14:41

Спасибо большое! Всё получилось

Форум

Справочник

Discord чат

Курсы javascript