Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.09.2013, 20:23
Аспирант
Отправить личное сообщение для ami_moor Посмотреть профиль Найти все сообщения от ami_moor
 
Регистрация: 27.08.2013
Сообщений: 32

При нажатии на кнопку появляется другой текст
Доброго времени суток!
Помогите разобратся, в js совсем новенькая
Мне нужно реализовать следующее: при открытии страницы печатается текст, при нажатии на кнопку появляется другой текст, при нажатии в 3тий раз опять другой текст, и так по кругу.
Не могу никак завязать строковый массив с кнопкой, ничего не работает(( может вообще другим способом можно
Вот что имеем:
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="" />
    <link rel="stylesheet" type="text/css" href="style.css" />
	<title>Proverbs</title>
	
<script>
var chr = -1;
var txt = "текст под номером один!"
var l = txt.length
var p = ""

function changetext() {
	chr++;
	t = document.all["text"].innerHTML
	tt = t.substring(0,t.length-p.length)
		if(txt.charAt(chr)!="<") {
			document.all["text"].innerHTML= tt + txt.charAt(chr) + p
		}
		else {
			document.all["text"].innerHTML= tt + txt.substring(chr, chr+4) + p
			chr=chr+3
		}
	setTimeout("changetext()", 80)
}

function str(num) {
	var s = ""
	for(i=0; i<num; i++) {
	s = s + " "
	}
		return s
}
</script>

</head>
<body onload="changetext()">
    <p id="text" face="MS Sans Serif" size="1"></p>
    <input type="button" value="Поменять текст"> </input>
</body>
</html>


Помогите, буду очень признательна
Ответить с цитированием
  #2 (permalink)  
Старый 15.09.2013, 20:33
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,745

<button>click</button>
<div></div>
<script>
(function () {
	var mas = [1, 2, 3];
	var n = 0;
	var but = document.getElementsByTagName("button")[0];
	var div = document.getElementsByTagName("div")[0];
	but.onclick = function () {
		div.innerHTML = mas[n];
		n++;
		if (!mas[n]) {
			n = 0;
		}
	}
	but.click();
})();
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 12.06.2015, 12:45
Новичок на форуме
Отправить личное сообщение для Ymerla Посмотреть профиль Найти все сообщения от Ymerla
 
Регистрация: 12.06.2015
Сообщений: 2

Сообщение от bes Посмотреть сообщение
<button>click</button>
<div></div>
<script>
(function () {
	var mas = [1, 2, 3];
	var n = 0;
	var but = document.getElementsByTagName("button")[0];
	var div = document.getElementsByTagName("div")[0];
	but.onclick = function () {
		div.innerHTML = mas[n];
		n++;
		if (!mas[n]) {
			n = 0;
		}
	}
	but.click();
})();
</script>
у меня вопрос по этому коду.а как сделать чтобы не числа были, а текст?
Ответить с цитированием
  #4 (permalink)  
Старый 12.06.2015, 16:56
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 573

Ymerla,
<button>click</button>
<div></div>
<script>
    (function () {
        var mas = ['lorem', 'ipsum', 'dolore', 'sit', 'amet'];
        var n = 0;
        var but = document.getElementsByTagName("button")[0];
        var div = document.getElementsByTagName("div")[0];
        but.onclick = function () {
            div.innerHTML = mas[n % mas.length];
            n++;
        }
        but.click();
    })();
</script>
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
при нажатии на ссылку появляется блок MBmusic Элементы интерфейса 3 27.06.2013 16:54
Вставка текста в форму при нажатии на ссылку Sergei1988 Общие вопросы Javascript 2 03.04.2011 21:05
При наведение на картинку появляется текст Родион Работа 1 24.01.2011 16:14
lastChild работает в IE, как тут быть? Puaris83 Firefox/Mozilla 4 17.04.2010 22:56
вывод нужного текста в текстовом поле при нажатии на кнопку! fifo4ka Общие вопросы Javascript 7 06.05.2008 12:36