Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.01.2017, 00:12
WGN WGN вне форума
Интересующийся
Отправить личное сообщение для WGN Посмотреть профиль Найти все сообщения от WGN
 
Регистрация: 29.01.2017
Сообщений: 10

Как создать цитатник?
Привет всем.
Пытаюсь сделать цитатник. Написал код который разумеется не работает.
Надо создать несколько массивов и запихнуть разные цитаты. При нажатие на кнопку выводилась цитата из случайного массива и в зависимости от того из какого массива выведена цитата выводилась фотография.
А вот код:
<html>
<head>
<script type="text/javascript">
var quotes = {
maxpayne: {
image: "1.jpg",
quote: ["Собирать улики стало поздно ещё пару сотен патронов назад. Я так давно миновал точку невозвращения, что забыл, как она выглядит.", "Я бы засмеялся, если бы помнил, как это делается.", "Если единственный выбор является неправильным, то это скорее не выбор, а судьба.", "Закон ямы. Неважно сколько карабкался наверх-обратно слетишь в один миг.", "В жизни есть вещи, которые ты не выбираешь — это то, как ты себя чувствуешь.", "Боязнь смерти заставляет нас контролировать эмоции — но без страсти Вы уже мертвы.", "Чем быстрее бежишь, тем больше кажется, что тебя в самом деле преследуют.", "Твои права зачитают тебе на похоронах.", "Намек был таким же туманным и неопределенным, как пуля в сердце.", "Дуло ее пистолета смотрело мне в лицо. Я ответил любезностью на любезность.",
"Положение быстро менялось от плохого к худшему.", "Рано или поздно обнаруживаешь, что леди удача — обыкновенная проститутка, а у тебя закончились наличные.", "Когда люди выходят из себя, они начинают совершать ошибки. Это я знал по собственному опыту.", "Как только я вошел, он завял, как двойка перед флеш-роялем.", "Иногда надо упасть, чтобы потом встать.", "Нет ничего, кроме пути вперед.", "Меняются твои взгляды, меняешься и ты.", "Спастись — это не для меня. Хэппи-энда не будет.", "Я чувствовал себя мёртвым. Я был мертв внутри."]
},
test: {
image: "2.jpg",
quote: ["Собирать улики стало поздно ещё пару сотен патронов назад. Я так давно миновал точку невозвращения, что забыл, как она выглядит.", "Я бы засмеялся, если бы помнил, как это делается.", "Если единственный выбор является неправильным, то это скорее не выбор, а судьба.", "Закон ямы. Неважно сколько карабкался наверх-обратно слетишь в один миг.", "В жизни есть вещи, которые ты не выбираешь — это то, как ты себя чувствуешь.", "Боязнь смерти заставляет нас контролировать эмоции — но без страсти Вы уже мертвы.", "Чем быстрее бежишь, тем больше кажется, что тебя в самом деле преследуют.", "Твои права зачитают тебе на похоронах.", "Намек был таким же туманным и неопределенным, как пуля в сердце.", "Дуло ее пистолета смотрело мне в лицо. Я ответил любезностью на любезность.",
"Положение быстро менялось от плохого к худшему.", "Рано или поздно обнаруживаешь, что леди удача — обыкновенная проститутка, а у тебя закончились наличные.", "Когда люди выходят из себя, они начинают совершать ошибки. Это я знал по собственному опыту.", "Как только я вошел, он завял, как двойка перед флеш-роялем.", "Иногда надо упасть, чтобы потом встать.", "Нет ничего, кроме пути вперед.", "Меняются твои взгляды, меняешься и ты.", "Спастись — это не для меня. Хэппи-энда не будет.", "Я чувствовал себя мёртвым. Я был мертв внутри."]
},
};
function rand(1, 19) {
return Math.round((1+Math.random()*(19-1)));}
</script>
</head>




<body>
<form>

<div>
<p id="quotes"></p>
<button onclick='quote'>Следующая цитата</button>
</div>
</form>

</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 29.01.2017, 00:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,115

WGN,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 29.01.2017, 00:33
WGN WGN вне форума
Интересующийся
Отправить личное сообщение для WGN Посмотреть профиль Найти все сообщения от WGN
 
Регистрация: 29.01.2017
Сообщений: 10

Не по делу
Ответить с цитированием
  #4 (permalink)  
Старый 29.01.2017, 00:34
WGN WGN вне форума
Интересующийся
Отправить личное сообщение для WGN Посмотреть профиль Найти все сообщения от WGN
 
Регистрация: 29.01.2017
Сообщений: 10

<script type="text/javascript"> чем это не подходит?
Ответить с цитированием
  #5 (permalink)  
Старый 29.01.2017, 00:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,115

WGN,
[HTML] тут ваш код [/HTML]

так будет проще всем, появятся строки и возможность копировать
Ответить с цитированием
  #6 (permalink)  
Старый 29.01.2017, 00:56
WGN WGN вне форума
Интересующийся
Отправить личное сообщение для WGN Посмотреть профиль Найти все сообщения от WGN
 
Регистрация: 29.01.2017
Сообщений: 10

Что за бред, ты троль?
Ответить с цитированием
  #7 (permalink)  
Старый 29.01.2017, 00:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,115

WGN,
если хотите получить помощь, воспользуйтесь просьбами выше.
Ответить с цитированием
  #8 (permalink)  
Старый 29.01.2017, 01:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,115

WGN,
<html>
 <head>
   <meta charset="utf-8">
   <style type="text/css">
   img{
     height: 150px;
   }

   </style>
 <script type="text/javascript">
 var quotes = {
 maxpayne: {
 image: "http://images.gamersyde.com/thumb_image_max_payne_3-19012-1894_0002.jpg",
 quote: ["Собирать улики стало поздно ещё пару сотен патронов назад. Я так давно миновал точку невозвращения, что забыл, как она выглядит.", "Я бы засмеялся, если бы помнил, как это делается.", "Если единственный выбор является неправильным, то это скорее не выбор, а судьба.", "Закон ямы. Неважно сколько карабкался наверх-обратно слетишь в один миг.", "В жизни есть вещи, которые ты не выбираешь — это то, как ты себя чувствуешь.", "Боязнь смерти заставляет нас контролировать эмоции — но без страсти Вы уже мертвы.", "Чем быстрее бежишь, тем больше кажется, что тебя в самом деле преследуют.", "Твои права зачитают тебе на похоронах.", "Намек был таким же туманным и неопределенным, как пуля в сердце.", "Дуло ее пистолета смотрело мне в лицо. Я ответил любезностью на любезность.",
 "Положение быстро менялось от плохого к худшему.", "Рано или поздно обнаруживаешь, что леди удача — обыкновенная проститутка, а у тебя закончились наличные.", "Когда люди выходят из себя, они начинают совершать ошибки. Это я знал по собственному опыту.", "Как только я вошел, он завял, как двойка перед флеш-роялем.", "Иногда надо упасть, чтобы потом встать.", "Нет ничего, кроме пути вперед.", "Меняются твои взгляды, меняешься и ты.", "Спастись — это не для меня. Хэппи-энда не будет.", "Я чувствовал себя мёртвым. Я был мертв внутри."]
 },
test: {
 image: "http://grammatiki.net/wp-content/uploads/2012/01/test.gif.png",
 quote: ["Собирать улики стало поздно ещё пару сотен патронов назад. Я так давно миновал точку невозвращения, что забыл, как она выглядит.", "Я бы засмеялся, если бы помнил, как это делается.", "Если единственный выбор является неправильным, то это скорее не выбор, а судьба.", "Закон ямы. Неважно сколько карабкался наверх-обратно слетишь в один миг.", "В жизни есть вещи, которые ты не выбираешь — это то, как ты себя чувствуешь.", "Боязнь смерти заставляет нас контролировать эмоции — но без страсти Вы уже мертвы.", "Чем быстрее бежишь, тем больше кажется, что тебя в самом деле преследуют.", "Твои права зачитают тебе на похоронах.", "Намек был таким же туманным и неопределенным, как пуля в сердце.", "Дуло ее пистолета смотрело мне в лицо. Я ответил любезностью на любезность.",
 "Положение быстро менялось от плохого к худшему.", "Рано или поздно обнаруживаешь, что леди удача — обыкновенная проститутка, а у тебя закончились наличные.", "Когда люди выходят из себя, они начинают совершать ошибки. Это я знал по собственному опыту.", "Как только я вошел, он завял, как двойка перед флеш-роялем.", "Иногда надо упасть, чтобы потом встать.", "Нет ничего, кроме пути вперед.", "Меняются твои взгляды, меняешься и ты.", "Спастись — это не для меня. Хэппи-энда не будет.", "Я чувствовал себя мёртвым. Я был мертв внутри."]
 }
 };


 function handler(event)
 { event.preventDefault();  //отмена перезагрузки страницы
   var keysItem = Object.keys(quotes);// массив всех ключей  обьекта  quotes
   var key = keysItem[keysItem.length *  Math.random()|0]; // выбор случайного ключа
   var src = quotes[key].image;
   var text = quotes[key].quote;//массив цитат
   text = text[text.length *  Math.random()|0];//  выбор случайной цитаты
   document.querySelector('#quotes').innerHTML = '<h1>'+key+'</h1><img src="'+src+'" alt=""><p>'+text+'</p>' //вывод на страниицу
 }
 window.addEventListener('DOMContentLoaded', function() { // после загрузки страницы
 document.querySelector('button').addEventListener("click", handler); // поставить на клик по button вызов  функции handler
     });


 </script>
 </head>
 <body>
 <form>

 <div>
 <p id="quotes"></p>
 <button>Следующая цитата</button>
 </div>
 </form>

 </body>
 </html>

Последний раз редактировалось рони, 29.01.2017 в 01:38.
Ответить с цитированием
  #9 (permalink)  
Старый 29.01.2017, 01:19
WGN WGN вне форума
Интересующийся
Отправить личное сообщение для WGN Посмотреть профиль Найти все сообщения от WGN
 
Регистрация: 29.01.2017
Сообщений: 10

Спасибо большое, извините за грубость, устал с кем не бывает больше не повториться, ещё раз спасибо.
Ответить с цитированием
  #10 (permalink)  
Старый 29.01.2017, 01:22
WGN WGN вне форума
Интересующийся
Отправить личное сообщение для WGN Посмотреть профиль Найти все сообщения от WGN
 
Регистрация: 29.01.2017
Сообщений: 10

Можете поставить комментарии в function handler и то что ниже ее?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как создать галерею с помощью jQuery MariyaIgorevna jQuery 4 02.03.2016 01:14
Как создать модальное окно что бы оно выводило фрейм olehpdatu Элементы интерфейса 11 22.03.2015 08:46
Создать кнопку, для проигрывания музыки! Как? Foleyer Общие вопросы Javascript 13 11.04.2013 16:43
Как создать задержку перед .html() Could jQuery 1 17.07.2011 13:42
Как создать Дата,время,открытие сайта Антон Internet Explorer 1 11.12.2008 22:44