Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.10.2012, 12:56
Новичок на форуме
Отправить личное сообщение для Sergey21 Посмотреть профиль Найти все сообщения от Sergey21
 
Регистрация: 30.07.2012
Сообщений: 9

Перевод с javascript на jquery
Здравствуйте ! Появилась задача поменять написанный скрипт на javascript на jquery -код . Появились проблемы надеюсь с вашей помощью решить их .
var col = array [0][j];
var div_id = 'Station_' + col;
var message_id = 'Station_'+col+'_message';
var button_id = col;
var text_id = 'Text_'+ col;
var content1 = 'Content1_'+col;

               if (sostoianie !== pred_sostoianie)  {

                 if (sostoianie == 1) {                                   //создание элемента станции со всплывающими подсказками

var parent_box = document.getElementById('content');                  //создаём контейнер для станции и её подписи
var child_box = document.createElement('DIV');
child_box.className = 'box';
child_box.innerHTML = '<div class=add_div id='+div_id+'></div>     <div class=add_text id='+text_id+'>Станция'+col+'</div> '                                                                                                                                            
child_box.setAttribute('id', content1);
parent_box.appendChild(child_box);


 var parent_message = document.getElementById(content1);                //создаём подсказку
 var child_message = document.createElement('DIV');
 child_message.className = 'add_message';
//выводим содержимое подсказки из массива newMas
 child_message.innerHTML =  '<img class=add_button id='+button_id+' src = /sites/all/modules/custom/create_div/img/close-  
                                                                       button-mal.png >Стан   ция ' + col + "&nbsp; " + newMas[3][col - 1] +''           
   
    child_message.setAttribute('id', message_id);
    parent_message.appendChild(child_message);
             }

       else  if (sostoianie == 0) {                               //удаление всех созданных элементов если станции не существует

  var del_message = document.getElementById(message_id);
  var parent_message = document.getElementById(content1);
  parent_message.removeChild(del_message);


             var del_box = document.getElementById(content1);
             var parent_box = document.getElementById('content');
             parent_box.removeChild(del_box);
    }

                 }



     if (danger != = pred_danger) {                                              // проверка состояния станции
        if (danger == 1) {
  document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/stop_coreldraw_3.jpg')";               //   станция не работает

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }
                    else if (remont !== pred_remont){
                      if (remont == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remont_coreldraw_3.jpg')";              //   ремонт станции стануции

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (noconnect !== pred_noconnect){
                      if (noconnect == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/noconnect_coreldraw_3.jpg')";              //   со станцией нет связи

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (restore !== pred_restore){
                      if (restore == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remontvos_coreldraw_3.jpg')";              //   станция работает после восставновления

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

     }






Начал переделывать , получилось вот что :
var div_id = 'Station_' + col;
                 var message_id = 'Station_'+col+'_message';
                 var button_id = col;
                 var $text_id = 'Text_'+ col;
                 var $content1 = 'Content1_'+col;


               if (sostoianie !== pred_sostoianie)  {

                 if (sostoianie == 1) {                                   //создание элемента станции со всплывающими подсказками

  var $parent_box = $("#content");
   var $child_box =('<div>',{
    id:'content1',
    class:'box'
   });
   $("#content1").html('<div class=add_div id='+div_id+'></div>        <div class=add_text id='+$text_id+'>Станция '+col+'</div> ');
    $('parent_box').appendTo($('.child_box'));
     var parent_message =$("#content1");
      var $child_message =('<div>',{
    id:'$("message_id")',
    class:'add_message'
   });
    $("#mesage_id").html('<img class=add_button id='+button_id+' src = /sites/all/modules/custom/create_div/img/close-button-mal.png >Станция ' + col + "&nbsp; " + newMas[3][col - 1] +'');              //выводим содержимое подсказки из массива newMas
  $('parent_message').append($('child_message'));


             }


                 else  if (sostoianie == 0) {                               //удаление всех созданных элементов если станции не существует



                var del_message = document.getElementById(message_id);
             var parent_message = document.getElementById(content1);
             parent_message.removeChild(del_message);


             var del_box = document.getElementById(content1);
             var parent_box = document.getElementById('content');
             parent_box.removeChild(del_box)



    }

                 }



                       if (danger !== pred_danger) {                                              // проверка состояния станции
                          if (danger == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/stop_coreldraw_3.jpg')";              //   станция не работает

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }
                    else if (remont !== pred_remont){
                      if (remont == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remont_coreldraw_3.jpg')";              //   ремонт станции стануции

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (noconnect !== pred_noconnect){
                      if (noconnect == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/noconnect_coreldraw_3.jpg')";              //   со станцией нет связи

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (restore !== pred_restore){
                      if (restore == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remontvos_coreldraw_3.jpg')";              //   станция работает после восставновления

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

     }


Вылетает ошибка TypeError: document.getElementById(div_id) is null .Не понимаю в чем проблема. Кому не сложно подскажите пожалуйста .
Заранее благодарю !

Последний раз редактировалось Sergey21, 24.10.2012 в 20:11.
Ответить с цитированием
  #2 (permalink)  
Старый 24.10.2012, 17:03
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

Sergey21,

для начала отформатируйте нормально код. На эту простыню невозможно смотреть.
Ответить с цитированием
  #3 (permalink)  
Старый 24.10.2012, 23:41
Новичок на форуме
Отправить личное сообщение для Sergey21 Посмотреть профиль Найти все сообщения от Sergey21
 
Регистрация: 30.07.2012
Сообщений: 9

Сообщение от Hoshinokoe Посмотреть сообщение
Sergey21,

для начала отформатируйте нормально код. На эту простыню невозможно смотреть.
немного подредактировал , но в файле нормально смотриться в редакторе , а вот на форуме так ! я могу скинуть вам в файле , если вам будет удобно так
Ответить с цитированием
  #4 (permalink)  
Старый 25.10.2012, 13:15
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

Sergey21,

Вы можете приатачить файл к сообщению. Так будет удобней.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите преобразовать javascript в jquery Rayzor jQuery 1 13.09.2012 12:00
Как к объектам полученными jquery применить стандартные методы javascript? klauddl jQuery 4 14.09.2011 09:26
Javascript + jQuery для начинающих видеоформате tamerlan_93 Общие вопросы Javascript 3 26.04.2011 01:04
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34