Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Изменение текста без обновления страницы

Автор: NeZvoni 17.7.2007, 17:05

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

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

Автор: ManOnAMission 17.7.2007, 18:28

ну как вариант хотя я в 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

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

Автор: ManOnAMission 18.7.2007, 15:31

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