Случайная надпись

@idaspin · Регистрация: 27.11.2013

Студворк — интернет-сервис помощи студентам

Долго искал, так ничего не получилось найти.
Вобщем у меня есть Html страница, мне необходимо при перезагрузке странице отображать в определенном месте
случайную надпись.
В шапке есть такой код(нашел на этом форуме в одноименной теме):

JavaScript
1
2
3
4
5
6
7
8
9
function getRandomNumber(max){
    return Math.floor(Math.random() * max);
}
function getRandomCaption(captions) {
    var index = getRandomNumber(captions.length);
    return captions[index];
}
var captions = ['Caption1', 'Caption2', 'Caption3', 'Caption4', 'Caption5'];
var randomCaption = getRandomCaption(captions);// переменная которую использую

А как отобразить значение этой переменной в определенном месте на странице я не знаю. Пробовал input, но увы это не то, что нужно.
Использовал

HTML5
1
<script>function alt(){document.write(randomCaption);}</script>

и в

HTML5
1
<head>

JavaScript
1
alt();

увы никак не выходит...
плиз помогите

@fol · 22.06.2014, 04:50

вот такой пример

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<div>
<script language="JavaScript">
var a=Math.round(Math.random()*5)
image = new Array();
image[0]="/../slides/one.png"
image[1]="/../slides/two.png"
image[2]="/../slides/three.png"
image[3]="/../slides/four.png"
image[4]="/../slides/five.png"
image[5]="/../slides/six.png"
document.write ("<img src="+image[a]+" alt=''>");
</script>
</div>

ну, и блоку прописать стили и расположить там, где нужно

@kalabuni · 22.06.2014, 07:49

HTML5
1
2
3
4
5
6
7
8
9
<div>какой-то текст или какой-то HTML-код (или пустота)
 
   <script>
   var txt = ['я', 'çíàþ', 'äóõ', 'íàðîäà', 'ìîåãî', 'åìó', 'ñâÿùåí', 'ïðèìåð', 'öàðÿ', 'åãî'];
   document.write (txt [Math.floor (Math.random () * (txt.length - 1))]);
   </script>
 
ещё какой-то текст или какой-то HTML-код (или пустота)
</div>

вместо <div> может быть любой плайн-тег, как-то <span>, <p>, <b>, <i>, <u>, <td>, <h1>, <h6>...

соответственно, вместо каждого из слов стихотворения Пушкина подставляете ваши "надписи"
надписей может быть любое количество - больше или меньше, чем в примере

@idaspin · 22.06.2014, 18:14 **[ТС]**

fol, спасибо большое, но как и говорилось проблема не в картинках, а в тексте...

kalabuni, так же спасибо. Но так же как и в большинстве случаев когда я что то пытался сделать: Вместо того что бы просто отобразиться в опр. месте(как бы стать частью сайта/интерфейса/дизайна), после загрузки страницы экран становится белым(пустым) и здесь отображается переменная.
Иначе говоря все содержимое заменяется этой переменной..

Добавлено через 2 минуты
Блин. Похоже каким то образом этот код конфликтует с этим:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
 
 
    $(document).ready(function(){
    
        //  Initialize Backgound Stretcher     
        $('BODY').bgStretcher({
            images: ['http://dev.3vianet.tk/workspace/4.jpg', 'http://dev.3vianet.tk/workspace/6.jpg', 'http://dev.3vianet.tk/workspace/3.jpg', 'http://dev.3vianet.tk/workspace/1.jpg', 'http://dev.3vianet.tk/workspace/5.jpg', 'http://dev.3vianet.tk/workspace/2.jpg'],
            imageWidth: 2048, 
            imageHeight: 768, 
            slideDirection: 'N',
            slideShowSpeed: 1000,
            transitionEffect: 'fade',
            sequenceMode: 'normal',
            buttonPrev: '#prev',
            buttonNext: '#next',
            pagination: '#nav',
            anchoring: 'left center',
            anchoringImg: 'left center'
        });
        
    });
</script>

Добавлено через 6 часов 4 минуты
ИТОГО:

Метод document.write (или writeln) пишет текст прямо в HTML, как будто он там всегда был.

Этот метод редко используется, так как работает только из скриптов, выполняемых в процессе загрузки страницы.
Запуск после загрузки приведёт к очистке документа.

@kalabuni · 22.06.2014, 18:30

Сообщение от idaspin

ИТОГО:
Метод document.write (или writeln) пишет текст прямо в HTML, как будто он там всегда был.
Этот метод редко используется, так как работает только из скриптов, выполняемых в процессе загрузки страницы.
Запуск после загрузки приведёт к очистке документа.

Капитаном Очевидность подрабатываете?

я вам и дал выше код, который включён в HTML и который работает на этапе формирования страницы
а вы, небось, его в хедер пихнули ?

теория - здесь, раздел ВТОРОЕ

@idaspin · 22.06.2014, 18:33 **[ТС]**

Это цитата с сайта-учебника по js. Как только узнал об этом, сразу нашел выход из этой ситуации.
Да раньше скрипт был после <body>

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@idaspin 0 / 0 / 0 Регистрация: 27.11.2013 Сообщений: 45
	22.06.2014, 18:33 [ТС]
	Это цитата с сайта-учебника по js. Как только узнал об этом, сразу нашел выход из этой ситуации. Да раньше скрипт был после <body> 0