С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 27.11.2013
Сообщений: 45

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

22.06.2014, 02:55. Показов 1645. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Долго искал, так ничего не получилось найти.
Вобщем у меня есть 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();
увы никак не выходит...
плиз помогите
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
22.06.2014, 02:55
Ответы с готовыми решениями:

Случайная надпись
Создаю сайт. Нужен код, выводящий случайную надпись при обновлении.

Случайная пауза
Сейчас в скрипте wait(200); а нужно сделать случайную паузу в диапазоне от 1 до 1000 Подскажите, как это сделать ? Добавлено...

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

5
 Аватар для fol
511 / 485 / 161
Регистрация: 08.07.2013
Сообщений: 1,714
Записей в блоге: 1
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>
ну, и блоку прописать стили и расположить там, где нужно
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
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>...

соответственно, вместо каждого из слов стихотворения Пушкина подставляете ваши "надписи"
надписей может быть любое количество - больше или меньше, чем в примере
0
0 / 0 / 0
Регистрация: 27.11.2013
Сообщений: 45
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, как будто он там всегда был.

Этот метод редко используется, так как работает только из скриптов, выполняемых в процессе загрузки страницы.
Запуск после загрузки приведёт к очистке документа.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
22.06.2014, 18:30
Цитата Сообщение от idaspin Посмотреть сообщение
ИТОГО:
Метод document.write (или writeln) пишет текст прямо в HTML, как будто он там всегда был.
Этот метод редко используется, так как работает только из скриптов, выполняемых в процессе загрузки страницы.
Запуск после загрузки приведёт к очистке документа.
Капитаном Очевидность подрабатываете?

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

теория - здесь, раздел ВТОРОЕ
0
0 / 0 / 0
Регистрация: 27.11.2013
Сообщений: 45
22.06.2014, 18:33  [ТС]
Это цитата с сайта-учебника по js. Как только узнал об этом, сразу нашел выход из этой ситуации.
Да раньше скрипт был после <body>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
22.06.2014, 18:33
Помогаю со студенческими работами здесь

Случайная ссылка
Здравствуйте. Помогите пожалуйста, нужно изменить код чтобы каждый раз при нажатии на кнопку скачать файл дополнительно открывалась...

Случайная картинка
Вообщем не знаю может кто знает, у меня вот есть куча картинок в папке и мне нужно, чтобы по нажатию кнопки отображалась случайная картинка...

Случайная расстановка блоков
Здравствуйте, простите, что, возможно, не туда кинул тему, но вот вопрос: предположим на странице имеются 3 блока, расположенных вряд, друг...

Случайная сортировка html блоков
Добрый день! Есть несколько html-блоков типа: &lt;table&gt;текст1&lt;/table&gt; &lt;table&gt;текст2&lt;/table&gt; ...

Случайная функция css через js
&lt;script&gt; $(document).ready ( function(){ var R = Math.random() * (17 - 2) + 2; if (R = 2) {...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru