Help: не могу поменять div местами!(
Граждане, есть два дива, спозиционированные через float:left, по нажатию кнопки они должны меняться местами. Не могу понять как это сделать?(( Помогите пожалуйста!:-E
читал статьи, но никак не получается( |
Brutto,
добавить первый див после второго |
<html>
<head> <style> .div1{ float: left; width: 60px; height: 100px;} .div2{ float: left; width: 60px; height: 100px;} </style> <script type="text/javascript"> <!-- function DoIt() { var d2, d3; if(!(d2=document.getElementById("Div2")) || !(d3=document.getElementById("Div3"))) return; d2.parentNode.insertBefore(d3.parentNode.removeChi ld(d3),d2); } // --> </script> </head> <body> <div class="div1"></div> <div class="div1"></div> <FORM name=form> <input class="buttom" type='button' onclick='exchange();' value='Do it!'> </form> </div> </body> </html> Вот что у меня получилось, но они меняются местами сверху вниз, а мне нужно слева направо. Как это сделать? |
для начала пожалуйста найдите <> и отредактируйте своё сообщение поместив код в теги
|
тот пример не рабочий, а вобще меняются они http://codepen.io/anon/pen/aCKDe
|
animhotep,
:write: пример можно разместить тут [HTML run]ваш код[/HTML]
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
div{
height: 100px;
width: 100px;
float: left;
}
#one{
background-color: #FF8C00;
}
#two{
background-color: #FFC0CB;
}
</style>
</head>
<body>
<div id="one">1</div>
<div id="two">2</div>
<input id="go" name="" type="button" value="move" onclick="move()">
<script>
var divs = document.getElementsByTagName('div');
function move()
{
divs[0].parentNode.insertBefore(divs[1],divs[0])
}
</script>
</body>
</html>
|
спасибо, я в курсе. мне на кодпене удобней
|
| Часовой пояс GMT +3, время: 05:10. |