Здравствуйте ! Появилась задача поменять написанный скрипт на 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 + " " + 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 + " " + 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 .Не понимаю в чем проблема. Кому не сложно подскажите пожалуйста .
Заранее благодарю !