Список форумов Шадринский форум -> Программирование -> PHP, PERL, HTML, CSS etc -> Вопрос по JavaScript

Найти сообщения с вашего последнего посещения

Вопрос по JavaScript

Предыдущая тема :: Следующая тема

Автор

Сообщение

Вельхеор
Писатель

Пол:

Зарегистрирован: 10.02.2011
Сообщения: 580
Откуда: Шадринск

Статус: Offline

Ситуация такая: на странице есть два элемента, один из которых изначально скрыт, второй виден. По клику на видимый элемент он сам должен скрываться, а тот, который был невидимым - появляться.
Если есть готовое решение - прошу ткнуть носом туда, где оно лежит, если нет - помогите написать, т.к. сейчас времени на полноценное изучение языка нет, а функционал нужен.
_________________
Рано или поздно, так или иначе...
---
Контактная информация:
Email: maltsev080192@gmail.com
Тел: +790259два8три99
Discord: Xopc#1713

Вернуться к началу

iigorr
Освоившийся

Пол: Пол:Муж.

Зарегистрирован: 14.03.2008
Сообщения: 48
Откуда: Шадринск

Статус: Offline

<html>
<head>
<title>title</title>
<script type=text/javascript language=JavaScript>
<!--
function hidden1() {
    var x = document.getElementById("q1").style.visibility;
    var y = document.getElementById("q2").style.visibility;

    if ((x == '') || (x == 'visible')) {
        document.getElementById("q1").style.visibility = "hidden";
        document.getElementById("q2").style.visibility = "visible";
    }
    else {
        document.getElementById("q1").style.visibility = "visible";
        document.getElementById("q2").style.visibility = "hidden";
    }
}
//-->
</script>
</head>
<body>
<a id=q1 href=# onClick=hidden1()>Ссылка 1</a>
<a id=q2 href=# onClick=hidden1() style="visibility: hidden">Ссылка 2</a>
</body>
</html>

Вернуться к началу

Вельхеор
Писатель

Пол:

Зарегистрирован: 10.02.2011
Сообщения: 580
Откуда: Шадринск

Статус: Offline

Огромное спасибо =)
_________________
Рано или поздно, так или иначе...
---
Контактная информация:
Email: maltsev080192@gmail.com
Тел: +790259два8три99
Discord: Xopc#1713

Вернуться к началу

Вельхеор
Писатель

Пол:

Зарегистрирован: 10.02.2011
Сообщения: 580
Откуда: Шадринск

Статус: Offline

Еще вопросец по близкой теме - как изменить следующий код, чтобы мигал не любой текст в <span> а с определенным классом или id?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
    function runIt() {
      $("span").wait()
              .animate({"opacity": 0.1},2000)
              .wait()
              .animate({"opacity": 1},1500,runIt);
    }
    runIt();
  });
  </script>
</head>
<body>
<p>Немигающий текст1, <span>мигающий текст1</span>, не мигащий текст2 <span>мигающий текст2</span>.</p>
</body>
</html>

_________________
Рано или поздно, так или иначе...
---
Контактная информация:
Email: maltsev080192@gmail.com
Тел: +790259два8три99
Discord: Xopc#1713

Вернуться к началу

Шатунов
Заслуженный писатель

Пол:

Зарегистрирован: 16.07.2007
Сообщения: 2091
Откуда: Оренбургская обл.

Статус: Offline

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
   
    function runIt() {
      $("#testid1").wait()
              .animate({"opacity": 0.1},2000)
              .wait()
              .animate({"opacity": 1},1500,runIt);
    }
   
   function runIt2() {
      $(".testclass1").wait()
              .animate({"opacity": 0.1},2000)
              .wait()
              .animate({"opacity": 1},1500,runIt2);
    }
    runIt();
   runIt2();
  });
  </script>
</head>
<body>
<p id="testid1">Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.</p>

<p>Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.</p>

<p class="testclass1">Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.</p>

</body>
</html>

Добавлено спустя 4 минуты 6 секунд:

или так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
   
    function runIt() {
      $("#testid1, .testclass1").wait()
              .animate({"opacity": 0.1},2000)
              .wait()
              .animate({"opacity": 1},1500,runIt);
    }
   
    runIt();
  });
  </script>
</head>
<body>
<p id="testid1">Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.</p>

<p>Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.</p>

<p class="testclass1">Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.</p>

</body>
</html>

_________________
Даже когда тебя сожрали у тебя есть два выхода

Вернуться к началу

Вельхеор
Писатель

Пол:

Зарегистрирован: 10.02.2011
Сообщения: 580
Откуда: Шадринск

Статус: Offline

Еще одно огромное спасибо!
_________________
Рано или поздно, так или иначе...
---
Контактная информация:
Email: maltsev080192@gmail.com
Тел: +790259два8три99
Discord: Xopc#1713

Вернуться к началу

Slider
Заслуженный писатель

Пол:

Зарегистрирован: 13.11.2006
Сообщения: 6289
Откуда: Екатеринбург&Шадринск

Статус: Offline

до чего народ ленивый то, читайте книги + гуглите. это все в инете есть в огромном количестве с примерами
_________________
накапливаю джедайскую силу
http://booking.com/ http://bookingb2b.com/
http://www.aicgroup.biz http://www.gta-travel.com/en/home

Вернуться к началу

Страница 1 из 1

Найти сообщения с вашего последнего посещения

Список форумов Шадринский форум -> Программирование -> PHP, PERL, HTML, CSS etc -> Вопрос по JavaScript

Перейти:

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете вкладывать файлы
Вы можете скачивать файлы

Авторизация

Вопрос по JavaScript