Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 12.09.2012, 14:50
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

вот так
<!DOCTYPE HTML>
<html>
  <head>
    <style>
    
      .happyend {
      
        background-color:red;
      
      }
    </style>
  </head>
  <body>
<div id="win">
  <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>
    
    <a href='#' id='bt'>go</a>
    <script>


 
     !function () {
        
      var elem =  document.getElementById('win');//у меня родитель с id "win"
      var child = elem.getElementsByClassName('inviz');
       var button = document.getElementById('bt');
       var leng = child.length;
       var i = 0;
        
       
        button.onclick = function (e) {
         
          
        if (i >= leng) return; 
          
       child[0].className = 'happyend';
         
        i++;
        return false;
          
        }
          
       }();
 
    </script>




  </body>
</html>
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #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>
Ответить с цитированием
  #13 (permalink)  
Старый 12.09.2012, 15:05
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от Torch`Ok Посмотреть сообщение
Выкину по масмуму кода может кто че заметит...
Index.html ==>
а по русски можно или хотя бы на английском
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #14 (permalink)  
Старый 12.09.2012, 15:10
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Сообщение от cyber Посмотреть сообщение
вот так
<!DOCTYPE HTML>
<html>
  <head>
    <style>
    
      .happyend {
      
        background-color:red;
      
      }
    </style>
  </head>
  <body>
<div id="win">
  <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>
    
    <a href='#' id='bt'>go</a>
    <script>


 
     !function () {
        
      var elem =  document.getElementById('win');//у меня родитель с id "win"
      var child = elem.getElementsByClassName('inviz');
       var button = document.getElementById('bt');
       var leng = child.length;
       var i = 0;
        
       
        button.onclick = function (e) {
         
          
        if (i >= leng) return; 
          
       child[0].className = 'happyend';// тут вроде [i] нужно
         
        i++;
        return false;
          
        }
          
       }();
 
    </script>




  </body>
</html>
все равно не получается
Ответить с цитированием
  #15 (permalink)  
Старый 12.09.2012, 15:11
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Сообщение от cyber Посмотреть сообщение
а по русски можно или хотя бы на английском
По максимуму сори
Ответить с цитированием
  #16 (permalink)  
Старый 12.09.2012, 15:16
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

сhild[0].className = 'happyend';// тут вроде [i] нужно

нет.
Открой те консоль и гляньте есть там ошибки или нет
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #17 (permalink)  
Старый 12.09.2012, 15:25
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

<script>
      !function () {
         
      var elem =  document.getElementById('win');
      var child = elem.getElementsByClassName('inviz');// TypeError: elem is null 
       var button = document.getElementById('getdiv');
       var leng = child.length;
       var i = 0;
         
        
        button.onclick = function (e) {
          
           
        if (i >= leng) return; 
           
       child[0].className = 'happyend';
          
        i++;
        return false;
           
        }
           
       }();
  
    </script>
Ответить с цитированием
  #18 (permalink)  
Старый 12.09.2012, 15:28
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

выведите в консоль(console.log(elem)) чему равно elem и скопируйте
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #19 (permalink)  
Старый 12.09.2012, 15:30
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

[14:29:05.918] ReferenceError: elem is not defined
Ответить с цитированием
  #20 (permalink)  
Старый 12.09.2012, 15:42
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

такая ошибка бывает только если не может найти элемент с таким id, проблема не в моем коде
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как переписать div по клику по нему Lewik Общие вопросы Javascript 3 08.05.2012 22:27
Изменение содержимого DIV BorisBritva jQuery 2 11.03.2012 12:02
Изменение содержимого div по клику и передача данных POST Serious2008 Общие вопросы Javascript 3 13.11.2011 20:12
плавное изменение размеров div dimon76 Элементы интерфейса 9 07.11.2011 13:28
Изменение CCS-свойства DIV по прошествии времени Pug-dog&Elephant Events/DOM/Window 1 31.05.2011 08:10