VPF::Изменение текста без обновления страницы

NeZvoni

Дата 17.7.2007, 17:05 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 16.7.2007

Репутация: нет
Всего: нет

Подскажите как сделать так, чтобы фраза "Привет" менялась на "Hello" при нажатии на кнопку "engl", расположенной на этой странице, и чтобы фраза менялась без обновления.

Вот как на рисунке чтобы было:
user posted image

ManOnAMission

Дата 17.7.2007, 18:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 5.6.2007

Репутация: нет
Всего: нет

ну как вариант хотя я в javascript не силён

Код


<html>
 <head>
  <title>Hello World</title>
 </head>
 <body>
  <script language="JavaScript">
    function clicked(isRus) {
      if(isRus) {
        document.getElementById("myId").innerHTML="Привет";
      } else {
        document.getElementById("myId").innerHTML="Hello";
      }
    }
  </script>
  <H1 id="myId">Привет!</H1>
  <div onClick="clicked(true);">rus</div>
  <div onClick="clicked(false);">eng</div>
 </body>
</html>

дальше сам доработаешь как тебе надо

NeZvoni

Дата 17.7.2007, 19:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 16.7.2007

Репутация: нет
Всего: нет

Так, спасибо.. а чтобы при нажатии на rus, rus становилось обычным текстом, а eng оставалось ссылкой?
как на картинке моей?

ManOnAMission

Дата 18.7.2007, 15:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 5.6.2007

Репутация: нет
Всего: нет

ну например стили менять типа сделать
<div id="div1" class="неподчёркнутый стиль" onClick="clicked(true);">rus</div>
<div id="div2" class="подчёркнутый стиль" onClick="clicked(false);">eng</div>
ну и в clicked() соответственно что-нибудь типа document.getElementById("div1").style="подчёркнутый/неподчёркнутый стиль"
хотя наверное можно проще. повторюсь я в javascript мало рублю

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »