Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как прописать div внутри LS (помощь нубам) (https://javascript.ru/forum/misc/64365-kak-propisat-div-vnutri-ls-pomoshh-nubam.html)

ser1ko 05.08.2016 23:41

Как прописать div внутри JS (помощь нубам)
 
есть код
<script type="text/javascript"> 
 window.onload = function () {
 var city = ymaps.geolocation.country;
 if(city == 'Россия'){
     jQuery("#load-table").text('Извините, файл недоступен для скачивания в России');
 } else {
 jQuery("#load-table").text('ссылка на скачивание');
 }
}
</script>


в строках
jQuery("#load-table").text('Извините, файл недоступен для скачивания в России');
 } else {
 jQuery("#load-table").text('ссылка на скачивание');


мне надо прописать дивы что бы через css задать таблицу стили и прочее, что бы получилось вот так:
jQuery("#load-table").text('<div class="load">Извините, файл недоступен для скачивания в России</div>');
 } else {
 jQuery("#load-table").text('<div class="load">ссылка на скачивание</div>');

как это сделать?

рони 06.08.2016 00:13

Цитата:

Сообщение от ser1ko
text

html

ser1ko 06.08.2016 00:16

JS (опечатка, а отредактировать название топика нельзя)

ser1ko 06.08.2016 00:24

jQuery("#load-table").html('<div class="load">Извините, файл недоступен для скачивания в России</div>');
} else {
jQuery("#load-table").html('<div class="load">ссылка на скачивание</div>');

не работает :(

рони 06.08.2016 00:29

Цитата:

Сообщение от ser1ko
не работает

тогда вы что-то не договариваите

рони 06.08.2016 00:41

ser1ko,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css"> .load{
    color: #FF00FF;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
 var city// = ymaps.geolocation.country;
 if(city == 'Россия'){
     jQuery("#load-table").html('<div class="load">Извините, файл недоступен для скачивания в России</div>');
 } else {
 jQuery("#load-table").html('<div class="load">ссылка на скачивание</div>');
 }
});
  </script>
</head>

<body>
<div id="load-table"></div>

</body>
</html>

ser1ko 06.08.2016 01:25

тоже не работает. в общем вот целый код. рабочий если прописать просто текст. менял "text" на "html" и вводил дивы - не работало/

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
 <script type="text/javascript"> 
 window.onload = function () {
 var city = ymaps.geolocation.city;
 if(city == 'Москва'){
 jQuery("#load-table").text('Извините, файл недоступен для скачивания в Москве');
 } else {
 jQuery("#load-table").text('Ссылка на скачивание');
 }
}
</script>
     
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
     <div id="load-table"></div>


p.s. здесь заменил
var city = ymaps.geolocation.city;
if(city == 'Москва')
т.к. нужно что бы ссылка НЕ выводилась в случае, если юзер из москвы. кстати нужно добавить, что бы если юзер из Санкт-Петербурга,то ссылка тоже НЕ выводилась. как это сделать?
спасибо

ser1ko 06.08.2016 01:32

короче, код jQuery("#load-table").html('<div class="load">ссылка на скачивание</div>');

то что было в скобках у меня было не в одно строку, т.к. было несколько дивов. поставил все в одну длинную длинную строку и заработало. спасибо!

остается последний вопрос. как помимо Москвы добавить Санкт-Петербург?
if(city == 'Москва'){
 jQuery("#load-table").text('Извините, файл недоступен для скачивания в Москве');
 } else {
 jQuery("#load-table").text('Ссылка на скачивание');
 }

рони 06.08.2016 02:04

ser1ko,
if(city == 'Москва'||city ==  'Санкт-Петербург')

или
if (city =='Москва') {
  ...
} else if (city =='Санкт-Петербург') {
  ...
} else {
  ...
}

ser1ko 06.08.2016 02:28

рони,
спасибо, все работает вроде!


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