Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вставка html кода в файл js (https://javascript.ru/forum/dom-window/57110-vstavka-html-koda-v-fajjl-js.html)

steepfox 20.07.2015 11:30

Вставка html кода в файл js
 
Вложений: 1
Здравствуйте. Есть такой код:

<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 20.07.2015 11:48

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

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

steepfox 20.07.2015 12:01

Вы немного не поняли. В файле 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 20.07.2015 12:46

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

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 20.07.2015 14:20

Да, вы написали все правильно. Подогнал, чтобы все работало, вот код:
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 20.07.2015 17:36

Удобная вставка многострочного текста/к примеру 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 21.07.2015 07:29

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

Sigizmund2012 21.07.2015 08:28

Цитата:

Сообщение от kostyanet (Сообщение 380554)
Найдите покой в мире теней http://www.html5rocks.com/en/tutoria...nts/shadowdom/

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

kostyanet 21.07.2015 08:35

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

steepfox 21.07.2015 09:26

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


Часовой пояс GMT +3, время: 15:48.