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

@Сергей.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-е не понял.

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

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

	А такое возможно? 23.09.2010, 16:34. Показов 1998. Ответов 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