반응형
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/effects.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/dragdrop.js"></script>
<script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
<style type="text/css">
div .li{
width:300px;
min-height:20px;
background-color:#cbff75;
margin-left:50px;
//float:left;
color:;
cursor:move;
}
div .span{
width:300px;
min-height:20px;
background-color:#64aaff;
margin-left:50px;
//float:left;
color:;
cursor:move;
}
</style>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/effects.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/dragdrop.js"></script>
<script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
<style type="text/css">
div .li{
width:300px;
min-height:20px;
background-color:#cbff75;
margin-left:50px;
//float:left;
color:;
cursor:move;
}
div .span{
width:300px;
min-height:20px;
background-color:#64aaff;
margin-left:50px;
//float:left;
color:;
cursor:move;
}
</style>
</head>
<body>
<div id="list">
<span class="span">SPAN [SPANTAG]</span>
<li class="li">works[LI TAG]</li>
<li class="li">this [LI TAG] </li>
<li class="li">Yay [LI TAG]</li>
<li class="li">now[LI TAG]</li>
</div>
<script type="text/javascript">
Sortable.create("list");
</script>
</body>
</html>
<!-- http://wiki.github.com/madrobby/scriptaculous/sortable-create -->
* Sample
SASPAN [SPANTAG]
works[LI TAG]
this [LI TAG]
Yay [LI TAG]
now[LI TAG]
* 마우스를 화면에 두고 꾹눌러서 이동해보삼
SPAN 테그는 왜 안먹히는거지?
DIV 말고 UL 에 id 값 먹여서 해도 되더이다.
반응형
'JavaScript > scriptaculous' 카테고리의 다른 글
| Drag & Drop (드레그 앤 드롭) (0) | 2010.08.25 |
|---|