Вставка html кода в файл js

[steepfox]

Здравствуйте. Есть такой код:

<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title text-center text-primary">Авторизация на сайте</h4>
</div>
<div class="modal-body">
здесь будет содержимое
</div>
</div>
</div>
</div>

Файл js_set_geo_user прикрепил.
Нужно вставить этот код в файл js_set_geo_user.js
Не понимаю как это сделать. Буду очень признателен за ответ.

[Leon-on12]

Странное желание.

Ты видимо не очень разбираешься что к чему. Постараюсь объяснить на пальцах.
Ты говоришь что у тебя есть картинка(js файл). И есть кусок видио(html).
И ты просишь вставить видео в картинку.
То есть если бы у нас было 2 картинки, мы бы могли объединить их в одну.
Если бы нам надо было вставить картинку в видео, то это тоже можно было бы сделать довольно просто.
Но твоё предложение безумно. А главное какого результата ты хочешь добиться?

[steepfox]

Вы немного не поняли. В файле js_set_geo_user есть код:

function forming_main_text_setup_geo_user()
  {
   var t = "";
   
   t+="<div>";
   t+="<div class='title_box_choose_setup_geo_user'><div>Выберите ваше местоположение</div>";
   t+="<div class='block_elm_close_box_choose_setup_geo_user'><img src='"+dir_http+"/images/icon_close_box_1.png"+"' onclick='close_block_setup_geo_user()'></div>";
   t+="</div>";
   
   t+="<div><div id='main_box_choose_geo_user'>";
   
   t+="</div></div>";
   
   t+="</div>";
   obj_top_block.innerHTML = t;
   
   print_choose_type_setup_geo_user();
  }

И туда нужно вставить данный код:
<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title text-center text-primary">Авторизация на сайте</h4>
</div>
<div class="modal-body">
здесь будет содержимое
</div>
</div>
</div>
</div>

[Leon-on12]

Не понимаю проблемы.
Так что ли?

t+='<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content" id="myModal"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title text-center text-primary">Авторизация на сайте</h4></div><div class="modal-body">';
   t+='здесь будет содержимое';
   t+='</div></div></div></div>'

Не очень понимаю в чём проблема. И не очень понимаю где будут переменные.
Что конкретно у тебя не получается?

[steepfox]

Да, вы написали все правильно. Подогнал, чтобы все работало, вот код:

function forming_main_text_setup_geo_user()
  {
   var t = "";

   t+="<div class='modal-dialog' id='myModalo' role='dialog' aria-labelledby='myModalLabel'><div class='modal-content' id='myModalo'>";
   t+="<div class='modal-header'><button type='button' class='close' data-dismiss='modal' onclick='close_block_setup_geo_user()' aria-hidden='true'>×</button><h4 class='modal-title text-center text-primary'>Выберите ваше местоположение</h4>";

   
   t+="<div class='modal-body'><div id='main_box_choose_geo_user'>";
   
   t+="</div></div>";
   
   t+="</div>";
   
   obj_top_block.innerHTML = t;
   
   print_choose_type_setup_geo_user();
  }

Все работает отлично, за исключением класса <div class="modal fade">. Класс отвечает за затухание экрана, но при его добавлении ничего не появляется.

[Deff]

Удобная вставка многострочного текста/к примеру html

function addContent (){ /*==123==;
<style type="text/css">
#pun .main{
display:none;
}
</style>
<script type="text/javascript">
alert('Test Txt')
<\/script>
<div id=world>
Привет Мир!
</div>
==123==;*/ } addContent = addContent.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');
alert(addContent)

Ps: В Подгружаемых скриптах, - в экранирование тега <\/script> и последующего преобразование через .replace(/<\\\/script/gim,'<'+'/script'); - нет необходимости

function addContent (){ /*==123==;
<style type="text/css">
 #pun .main{
 display:none;
 }
 </style>
 <script type="text/javascript">
 alert('Test Txt')
 <\/script>
 <div id=world>
 Привет Мир!
 </div>
==123==;*/ } addContent = addContent.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');
 alert(addContent)

[kostyanet]

Найдите покой в мире теней http://www.html5rocks.com/en/tutoria...nts/shadowdom/

[Sigizmund2012]

Найдите покой в мире теней http://www.html5rocks.com/en/tutoria...nts/shadowdom/

Ага, лет через 10, когда это МОЖЕТ БЫТЬ станет кроссбраузерно.

[kostyanet]

Убейте переносы в строке и все. Нафик они там вообще нужны?

[steepfox]

Всем спасибо, все получилось, но по другому.