[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » div внутри другого diva

div внутри другого diva
[1] vadimreal [18.05.2012, 21:11]
Здравствуйте нужна помошь в Css..
Есть
Code

        <style>
         .dynamicDiv {   
             width: 30px;   
             height: 40px;     
             background-color: green;      
         }   
  </style>   
  <script type="text/javascript">   

         function createDiv() {  
             var divTag = document.createElement("div");   
             divTag.id = "div1";   
             //divTag.setAttribute("align", "center");  
              divTag.className = "dynamicDiv";  
     </script>   

<div id="timeline">    </div>
         
  <input id="btn1"    
                 type="button"    
                 value="create div"    
                 onclick="createDiv();" />   


Сейчас у меня при нажатии на кнопку создается div слева в верхнем углу..

подскажите как сделать чтобы он создавался внутри diva "timeline"
[2] likbezz [18.05.2012, 21:20]
vadimreal,
Quote (vadimreal)
Сейчас у меня при нажатии на кнопку создается div слева в верхнем углу..

Сейчас у вас ничего не создаётся.
Во первых, ошибка - не закрыта функция, во вторых созданный див нужно сначала поместить куда либо, что бы увидеть.
...
Типа так:
Code
<script type="text/javascript">    
function createDiv() {   
var divTag = document.createElement("div");    
divTag.className = "dynamicDiv";
document.getElementById('timeline').appendChild(divTag);
}
</script>    
<div id="timeline"></div>
<input id="btn1" type="button" value="create div" onclick="createDiv();" />  

Рабочий пример ниже.

Динамическое создание элементов HTML
[3] vadimreal [18.05.2012, 21:25]
Функция закрыта, сори это копипаст не выделил до конца.. и как я написал он у меня создается в верхнем левом углу..

Добавлено (18.05.2012, 21:25)
---------------------------------------------
Спасибо)) щас посмотрим))
javascript -- столько возможностей)



Полная версия сайта