А такое возможно?

@Сергей.NET · Регистрация: 10.09.2010

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

Можно ли сделать так что бы на веб странице менялись изображение и текст?

@Hagrael · 23.09.2010, 18:20

StaRterprog, ну да =)
Есть команды appendChild, insertBefore, свойство innerHTML, функция getElementById, они все помогают это сделать.

@Сергей.NET · 23.09.2010, 18:24 **[ТС]**

A можно по подробней?

@Hagrael · 23.09.2010, 18:28

Почитайте вот это:
http://javascript.ru/tutorial/dom/intro
или если совсем ноль в JS, то это:
http://javascript.ru/tutorial/foundation/role

@Сергей.NET · 23.09.2010, 18:42 **[ТС]**

Java
1
document.getElementById('footer').innerHTML = '<h1>Bye!</h1> <p>See ya</p>'

ставил этот код, и все слова пошли на веб страницу?хочу просто увидеть скрипт в действеи, а потом изучить подробнее

@GalaX · 23.09.2010, 18:57

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

хочу просто увидеть скрипт в действеи, а потом изучить подробнее

создай html-файл с таким содержанием:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<html>
<body>
<div id="footer">this text will replace</div>
<script language="JavaScript">
function a() {
  document.getElementById('footer').innerHTML = '<h1>Bye!</h1> <p>See ya</p>'
}
</script>
<input type="button" value="press" onClick="a()"/>
</body>
</html>

@Сергей.NET · 23.09.2010, 19:44 **[ТС]**

GalaX,спасибо все получилось, а возможно сделать так,что после нажатия на кнопку press,она стала cancel и скрыл текст который появился когда пользователь нажимал на кнопку press?

@GalaX · 23.09.2010, 20:27

так?:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<body>
<div id="footer">this text will replace</div>
<script language="JavaScript">
function a(p) {
  if (p.value='press') {
    document.getElementById('footer').innerHTML = '<h1>Bye!</h1> <p>See ya</p>'
    p.value = 'cancel'
  } else {
    document.getElementById('footer').innerHTML = ''
  }
}
</script>
<input type="button" value="press" onClick="a(this)"/>
</body>
</html>

@Сергей.NET · 23.09.2010, 20:50 **[ТС]**

нажал на concel,но текст остался

@GalaX · 23.09.2010, 21:12

ой, какую грубую ашипку сделал

вот:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<body>
<div id="footer">this text will replace</div>
<script language="JavaScript">
function a(p) {
  if (p.value == 'press') {
    document.getElementById('footer').innerHTML = '<h1>Bye!</h1> <p>See ya</p>'
    p.value = 'cancel'
  } else {
    document.getElementById('footer').innerHTML = ''
  }
}
</script>
<input type="button" value="press" onClick="a(this)"/>
</body>
</html>

@Сергей.NET · 23.09.2010, 21:17 **[ТС]**

Спасибо большое,все получилось,все таки джава скрипт крутая вещь. а можно сделать все это как цикл,то есть press-cancel-press-cancel и так далее

@GalaX · 23.09.2010, 21:40

вставь эту строку после 10-ой строки:

JavaScript
1
p.value = 'press'

@Сергей.NET · 23.09.2010, 22:53 **[ТС]**

GalaX спасибо большое!!!

Добавлено через 36 минут
А почему когда я меняю названия кнопки, больше не работает?

@GalaX · 23.09.2010, 23:55

в коде js тоже менять надо это название

@Hagrael · 24.09.2010, 09:03

Стучитесь в ICQ.

@Сергей.NET · 24.09.2010, 09:09 **[ТС]**

Спасибо большое,у я не пользуюсь аськой

@Hagrael · 24.09.2010, 09:11

StaRterprog, ну тогда если будут вопросы - говорите их здесь, я постараюсь ответить

@Сергей.NET · 24.09.2010, 11:16 **[ТС]**

У меня на странице 15 новостей,из которых видно только две строки,когда пользователь нажимает на кнопку узнать больше ,появляется новость в целиком.можно ли сделать так,чтобы каждый раз не писать код,а писать только скрытый текст?

@Сергей.NET · 30.09.2010, 14:16 **[ТС]**

у меня веб страница разделена на две части с помощью таблицы есть 2 столбика.в первом написаны слова,можно с помощью ява скрипт сделать так чтобы когда пользователь нажимает на слово информация появляется во втором столбике? вы мне скажите только такое возможно или нет,если возможно,как называется ,я поищу и постараюсь писать код самостоятельно.

@Hagrael · 30.09.2010, 14:42

StaRterprog, по поводу второго - конечно!
Надо назначить id второй колонке и запихать нужные слова в <span>. И в нём указать

JavaScript
1
onclick="document.getElementById('id').innerHTML='HTML'"

Добавлено через 2 минуты
HTML - код, который надо высветить во второй колонке, id - id, который ты указал.

Добавлено через 24 секунды
А 1-е не понял.

Новые блоги и статьи Все статьи Все блоги /
Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значений справочника Maks 21.03.2026 Установка программного отбора значений справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344

	А такое возможно? 23.09.2010, 16:34. Показов 2004. Ответов 21 Метки нет (Все метки) Можно ли сделать так что бы на веб странице менялись изображение и текст? 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	23.09.2010, 18:20
	StaRterprog, ну да =) Есть команды appendChild, insertBefore, свойство innerHTML, функция getElementById, они все помогают это сделать. 1

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	23.09.2010, 18:24 [ТС]
	A можно по подробней? 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	23.09.2010, 18:28
	Почитайте вот это: http://javascript.ru/tutorial/dom/intro или если совсем ноль в JS, то это: http://javascript.ru/tutorial/foundation/role 1

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	23.09.2010, 19:44 [ТС]
	GalaX,спасибо все получилось, а возможно сделать так,что после нажатия на кнопку press,она стала cancel и скрыл текст который появился когда пользователь нажимал на кнопку press? 0

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	23.09.2010, 20:50 [ТС]
	нажал на concel,но текст остался 0

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	23.09.2010, 21:17 [ТС]
	Спасибо большое,все получилось,все таки джава скрипт крутая вещь. а можно сделать все это как цикл,то есть press-cancel-press-cancel и так далее 0

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	23.09.2010, 22:53 [ТС]
	GalaX спасибо большое!!! Добавлено через 36 минут А почему когда я меняю названия кнопки, больше не работает? 0

@GalaX 701 / 573 / 59 Регистрация: 18.11.2008 Сообщений: 2,147
	23.09.2010, 23:55
	в коде js тоже менять надо это название 1

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	24.09.2010, 09:03
	Стучитесь в ICQ. 1

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	24.09.2010, 09:09 [ТС]
	Спасибо большое,у я не пользуюсь аськой 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	24.09.2010, 09:11
	StaRterprog, ну тогда если будут вопросы - говорите их здесь, я постараюсь ответить 1

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	24.09.2010, 11:16 [ТС]
	У меня на странице 15 новостей,из которых видно только две строки,когда пользователь нажимает на кнопку узнать больше ,появляется новость в целиком.можно ли сделать так,чтобы каждый раз не писать код,а писать только скрытый текст? 0

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	30.09.2010, 14:16 [ТС]
	у меня веб страница разделена на две части с помощью таблицы есть 2 столбика.в первом написаны слова,можно с помощью ява скрипт сделать так чтобы когда пользователь нажимает на слово информация появляется во втором столбике? вы мне скажите только такое возможно или нет,если возможно,как называется ,я поищу и постараюсь писать код самостоятельно. 0