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

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

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

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