Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.08.2016, 23:41
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 22

Как прописать 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>');

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

Последний раз редактировалось ser1ko, 06.08.2016 в 00:59.
Ответить с цитированием
  #2 (permalink)  
Старый 06.08.2016, 00:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от ser1ko
text
html
Ответить с цитированием
  #3 (permalink)  
Старый 06.08.2016, 00:16
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 22

JS (опечатка, а отредактировать название топика нельзя)
Ответить с цитированием
  #4 (permalink)  
Старый 06.08.2016, 00:24
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 22

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

не работает
Ответить с цитированием
  #5 (permalink)  
Старый 06.08.2016, 00:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от ser1ko
не работает
тогда вы что-то не договариваите
Ответить с цитированием
  #6 (permalink)  
Старый 06.08.2016, 00:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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>
Ответить с цитированием
  #7 (permalink)  
Старый 06.08.2016, 01:25
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 22

тоже не работает. в общем вот целый код. рабочий если прописать просто текст. менял "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 == 'Москва')
т.к. нужно что бы ссылка НЕ выводилась в случае, если юзер из москвы. кстати нужно добавить, что бы если юзер из Санкт-Петербурга,то ссылка тоже НЕ выводилась. как это сделать?
спасибо
Ответить с цитированием
  #8 (permalink)  
Старый 06.08.2016, 01:32
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 22

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

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

остается последний вопрос. как помимо Москвы добавить Санкт-Петербург?
if(city == 'Москва'){
 jQuery("#load-table").text('Извините, файл недоступен для скачивания в Москве');
 } else {
 jQuery("#load-table").text('Ссылка на скачивание');
 }
Ответить с цитированием
  #9 (permalink)  
Старый 06.08.2016, 02:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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

или
if (city =='Москва') {
  ...
} else if (city =='Санкт-Петербург') {
  ...
} else {
  ...
}
Ответить с цитированием
  #10 (permalink)  
Старый 06.08.2016, 02:28
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 22

рони,
спасибо, все работает вроде!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как запретить прокрутку страницы при грозонтальной прокрутке внутреннего div? shurik_shink Events/DOM/Window 1 26.04.2016 15:50
Div внутри Div. Как сделать hover только для самого верхнего? Siend Общие вопросы Javascript 2 19.03.2015 22:16
Как вернуть div и все вложенные в него элементы в первоначальное состояние? lucky89 Общие вопросы Javascript 17 26.02.2015 18:41
Как сделать обход элементов внутри DIV reno4 jQuery 4 24.07.2013 13:30
Как получит ссылку на элемент внутри которого запустили JS код? aRpi Events/DOM/Window 20 02.10.2011 13:36