Показать сообщение отдельно
  #12 (permalink)  
Старый 12.09.2012, 15:03
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Выкину по масмуму кода может кто че заметит...
Index.html ==>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<link href="css/head.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.3.custom.min.js"></script>
<script language="JavaScript">
function l_image(a)
         {
          document.images["tool"].src=a
         }

</script>
 <script>
 
     !function () {
        
      var elem =  document.getElementById('parent');
      var child = elem.getElementsByClassName('inviz');
       var leng = child.length;
       var i = 0;
        
        document.getElementById('getdiv').onclick = function (e) {
         
          
        if (i >= leng) return; 
        
         child[i].className = 'inviz happyend';
         i++;
          
        }
          
       }();
 
    </script> 
<script language="JavaScript">
$(document).ready(init);

function init(){
  $(".happyend").draggable({
     containment:'parent',
     cursor: 'move'
  });
  $("#ass2").click(function(){
    $(".happyend").draggable("disable");
  });
  $("#ass1").click(function(){
    $(".happyend").draggable("enable");
  });
}
   
</script>

<title></title>
</head>

<body>
<div id="getdiv"><input type="button" value="Добавить"/></div>
<div id="win">
  <IMG SRC="images/art/clp85.jpg" NAME="tool"/>
  
  <div id="out_txt_1" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_2" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_3" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_4" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_5" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_6" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_7" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_8" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_9" class="happyend" contenteditable="true">Текст</div>
  <div id="out_txt_10" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_11" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_12" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_13" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_14" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_15" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_16" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_17" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_18" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_19" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_20" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_21" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_22" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_23" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_24" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_25" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_26" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_27" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_28" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_29" class="inviz" contenteditable="true">Дополнительное поле</div>
  <div id="out_txt_30" class="inviz" contenteditable="true">Дополнительное поле</div>
  
    
  </div>
   
<div id="block_om">Для смены режима "перемещения" или "редактирования" используйте эти кнопки.  
  <input id="ass1" type="button" value="Перемещать" Onclick="init()">
  <input id="ass2" type="button" value="Редактировать" Onclick="init1()"> 
  </div>
</body>
Ответить с цитированием