С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63

Постоянно разный контент при клике на одну и ту же ссылку

11.08.2014, 20:17. Показов 1990. Ответов 26
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.Хочу понять как сделать так,чтобы при нажатие на одну и ту же ссылку(div) появлялся всегда разный контент в блоке <iframe>. Ламаю голову.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
11.08.2014, 20:17
Ответы с готовыми решениями:

При клике на ссылку в Хроме код срабатывает только при повторном клике
При клике на ссылку в Хроме код срабатывает только при повторном клике в мазили работает корректно с первого раза как исправить код ниже...

Подгрузить контент при клике на ссылку с помощью AJAX
Здравствуйте! Помогите разобраться с ajax' ом. Использую готовую (бесплатную)тему на wordpress на локальном сервере (только начал...

При клике на ссылку занести эту же ссылку в файл *.txt
При клике на ссылку занести эту же ссылку в файл *.txt вот что я написал: $site = file('site.txt'); foreach($site as $line) { ...

26
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 21:17
Biseamon, поставь счетчик, и в зависимости от того, сколько раз ты нажал, появляется разный контент
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 21:21  [ТС]
Счетчик? Это как?Я просто еще зеленый в этом деле.Может ссылочку или подсказку?Счетчик это в javascript?
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 21:25
Biseamon, да, ну смотри примерно как:


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var clickCount = 0;
var div = document.getElementById("id дива на который будем кликать");
 
function checkCount () {
     switch(clickCount) {
         /* тут условия с несколькими вариантами допустим*/
         case 1 : 
               alert(clickCount);
               break;
     }
     clickCount++; // увеличиваем счетчик
}
 
div.onclick = checkCount // будем выполнять при каждом клике по нашему элементу
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 21:33  [ТС]
Это что?
JavaScript
1
2
3
case 1 : 
               alert(clickCount);
               break;
где условия,что именно там писать?
JavaScript
1
2
3
function checkCount () {
     switch(clickCount) {
         /* тут условия с несколькими вариантами допустим*/
И если у меня дивав больше, что делать? Я имею ввиду,("id дива на который будем кликать"); если у меня их 10 к примеру.

clickCount++; // увеличиваем счетчик - так и оставляем?

Вот я нуб. И спасибо за отклик)

Добавлено через 2 минуты
И если ты такой опытный, может скажешь как сделать так,чтобы контент из diva появлялся в <iframe></iframe> не сразу, как это бывает, а именно плавно.Может есть скрипт такой? Или это можно сделать с помощью css3?
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 21:42
Biseamon, прочитай про конструкцию SWITCH, поймешь тогда куда условия сувать,

Цитата Сообщение от Biseamon Посмотреть сообщение
clickCount++; // увеличиваем счетчик - так и оставляем?
комментарии можешь убрать, то что после
//
если несколько дивов, то можно повесить обработчик на весь документ и проверять куда мы кликнули, или же повесить на каждый элемент класса/тега
1
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 22:16  [ТС]
Спасибо за советы.Что-то не получается с
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var frame = document.getElementsByClassName("id diva")[0];
function showFrame(op) {
    frame.style.opacity = op;
}
 
(function () {   
    var time = 16 // частота вызова функции - количество кадров
    var i =0;
    var q = 0.01 // коэффициент прироста
 
    //теперь засунем это все дело в setInterval
    var timer=  setInterval(function () {
        showFrame(i);
        i + q;
    },time)
})(); // сразу вызовем
Я вот начну разбираться с явой,а то только css и html учил)

И что за обработчик?Если можно ссылочку пожалуйста или подскаску в студию)
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 22:27
Biseamon, ты мой код изменил,
Цитата Сообщение от Biseamon Посмотреть сообщение
var frame = document.getElementsByClassName("id diva")[0];
не так я писал, а вот так вот

JavaScript
1
var frame = document.getElementsByTagName("frame")[0]
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 22:37  [ТС]
И так и так не робит.
Вот
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var frame = document.getElementsByTagName("frame")[0]
;
function showFrame(op) {
    frame.style.opacity = op;
}
 
(function () {   
    var time = 16 // частота вызова функции - количество кадров
    var i =0;
    var q = 0.01 // коэффициент прироста
 
    //теперь засунем это все дело в setInterval
    var timer=  setInterval(function () {
        showFrame(i);
        i + q;
    },time)
})(); // сразу вызовем
Ничего не менял. В iframe так и открывается быстро, а не плавно(.Ну и на этом спасибо.
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 22:40
Biseamon, а тьфу, попробуй вместо

Цитата Сообщение от Biseamon Посмотреть сообщение
var frame = document.getElementsByTagName("frame")[0]
написать:

JavaScript
1
var frame = document.getElementsByTagName("iframe")[0]
Забыл что там i впереди. Или присвой фрейму id и напиши вот так вот:

JavaScript
1
var frame = document.getElementById("id фрейма")
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 23:02  [ТС]
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<head>
    <meta charset="utf-8" />
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet">
<script language="javascript">
 var frame = document.getElementsByTagName("cutie")[0]
;
function showFrame(op) {
    frame.style.opacity = op;
}
 
(function () {   
    var time = 16 // частота вызова функции - количество кадров
    var i =0;
    var q = 0.01 // коэффициент прироста
 
    //теперь засунем это все дело в setInterval
    var timer=  setInterval(function () {
        showFrame(i);
        i + q;
    },time)
})(); // сразу вызовем
</script>
</head>
 
<body>
 
<div class="wrapper">
 
    <header class="header">
        <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor.
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                <strong>Content:</strong>
                <iframe name="text" id="cutie" width="560" height="500" src="index.html"></iframe>
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
            </div>
        </aside><!-- .left-sidebar -->
 
        <aside class="right-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
            </div>
        </aside><!-- .right-sidebar -->
    </div><!-- .middle-->
вот так будет понятнее.Я вот должен эти дивы КНОПКИ открыватся в Iframe плавно,но вот я поставил скриптЮ,но 0!Я просто ДНО))
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 23:11
Biseamon, а почему сразу не добавить их во фрейм? То есть в тот документ который загружается?

Цитата Сообщение от Biseamon Посмотреть сообщение
var frame = document.getElementsByTagName("cutie")[0]
Ты ОПЯТЬ не правильно переписал мой код, у меня же написано :

Цитата Сообщение от Thisman Посмотреть сообщение
var frame = document.getElementsByTagName("iframe")[0]
ИЛИ

Цитата Сообщение от Thisman Посмотреть сообщение
var frame = document.getElementById("id фрейма")
Добавлено через 25 секунд
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<body>
 
<div class="wrapper">
 
    <header class="header">
        <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor.
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                <strong>Content:</strong>
                <iframe name="text" id="cutie" width="560" height="500" src="index.html"></iframe>
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
            </div>
        </aside><!-- .left-sidebar -->
 
        <aside class="right-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
            </div>
        </aside><!-- .right-sidebar -->
    </div><!-- .middle-->
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 var frame = document.getElementById("cutie");
function showFrame(op) {
    frame.style.opacity = op;
}
 
(function () {   
    var time = 16 // частота вызова функции - количество кадров
    var i =0;
    var q = 0.01 // коэффициент прироста
 
    //теперь засунем это все дело в setInterval
    var timer=  setInterval(function () {
        showFrame(i);
        i + q;
    },time)
})(); // сразу вызовем
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 23:32  [ТС]
ИЛИ

Цитата Сообщение от Thisman Посмотреть сообщение
var frame = document.getElementById("id фрейма")

так ведь "cutie" и есть id фрейма, я же код хтмл дал))Там написано.

Не робит и все)Я не знаю в чем дело друг)
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 23:34
Biseamon, так да, только ты в этом же коде пишешь :
Цитата Сообщение от Biseamon Посмотреть сообщение
var frame = document.getElementsByTagName("cutie")[0]
это ищет по имени ТЕГА а не по id
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 23:39  [ТС]
ставлю и с именем тега и ниче(
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<head>
    <meta charset="utf-8" />
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet">
<script language="javascript">
 var frame = document.getElementsByTagName("iframe")[0]
;
function showFrame(op) {
    frame.style.opacity = op;
}
 
(function () {   
    var time = 16 // частота вызова функции - количество кадров
    var i =0;
    var q = 0.01 // коэффициент прироста
 
    //теперь засунем это все дело в setInterval
    var timer=  setInterval(function () {
        showFrame(i);
        i + q;
    },time)
})(); // сразу вызовем
</script>
</head>
 
<body>
 
<div class="wrapper">
 
    <header class="header">
        <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor.
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                <strong>Content:</strong>
                <iframe name="text" id="cutie" width="560" height="500" src="index.html"></iframe>
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
            </div>
        </aside><!-- .left-sidebar -->
вот все как ты писал)Но эффекта 0.У тебя этот скрипт работает?
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 23:49
Biseamon, рабочий код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="wrapper">
 
    <header class="header">
        <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor.
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                <strong>Content:</strong>
                <iframe name="text" id="cutie" width="560" height="500" src="index.html"></iframe>
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
</div>
</aside><!-- .left-sidebar -->
Помести тег script в конец документа, перед закрытие body, иначе могут быть ошибки, у тебя не работало из за того, что там в первую очередь скрипт выполнялся когда еще не было DOM дерева, ибо ты его выполнял в самом начале

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
            var frame = document.getElementById("cutie");
 
            function showFrame(op) {
                frame.style.opacity = op;
            }
 
            (function () {
                var time = 16 // частота вызова функции - количество кадров
                var i =0;
                var q = 0.01 // коэффициент прироста
 
                //теперь засунем это все дело в setInterval
                var timer=  setInterval(function () {
                    showFrame(i);
                    i = i + q;
                },time)
            })(); // сразу вызовем
1
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
11.08.2014, 23:54  [ТС]
Хмм уже ближе))Я смотрю скрипт заработал,да вот только не так как надо) Кароче самого iframe не видно,исчез, испарился))
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
12.08.2014, 00:01
Biseamon, у меня он появляется через секунду. Открой консоль,в хроме ctrl+shift+j и посмотри есть там ошибки или нет

Добавлено через 1 минуту
Biseamon, вот, просто скопируй это и проверь

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
 
<html>
<head>
    <meta charset="utf-8" />
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet">
</head>
<body>
 
<div class="wrapper">
 
    <header class="header">
        <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor.
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                <strong>Content:</strong>
                <iframe name="text" id="cutie" width="560" height="500" src="index.html"></iframe>
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
</div>
</aside><!-- .left-sidebar -->
        <script>
            var frame = document.getElementById("cutie");
 
            function showFrame(op) {
                frame.style.opacity = op;
            }
 
            (function () {
                var time = 16 // частота вызова функции - количество кадров
                var i =0;
                var q = 0.01 // коэффициент прироста
 
                //теперь засунем это все дело в setInterval
                var timer=  setInterval(function () {
                    showFrame(i);
                    i = i + q;
                },time)
            })(); // сразу вызовем
        </script>
</body>
 
</html>
0
 Аватар для Biseamon
0 / 0 / 0
Регистрация: 08.11.2012
Сообщений: 63
12.08.2014, 00:18  [ТС]
SyntaxError: Unexpected token <
message: "Unexpected token <"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
__proto__: Error

Это в консоли.Я не знаю что это. И скрипт не робит у меня.В чем же может быть дела,я и так и сяк и ничего не происходит.Как быстро появлялись так и осталось((
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
12.08.2014, 00:23
Biseamon, вот, просто скопируй это и все. Протестируй...


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
 
<html>
<head>
    <meta charset="utf-8" />
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet">
</head>
<body>
 
<div class="wrapper">
 
    <header class="header">
        <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor.
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                <strong>Content:</strong>
                <iframe name="text" id="cutie" width="560" height="500" src="index.html"></iframe>
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar">
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">1 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">2 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">3 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">4 test</a>
            </div>
            <div class="knopka" align="center">
                <a href="indextwo.html" target="text">5 test</a>
</div>
</aside><!-- .left-sidebar -->
        <script>
            var frame = document.getElementById("cutie");
 
            function showFrame(op) {
                frame.style.opacity = op;
            }
 
            (function () {
                var time = 20 // частота вызова функции - количество кадров
                var i =0;
                var q = 0.01 // коэффициент прироста
 
                //теперь засунем это все дело в setInterval
                var timer=  setInterval(function () {
                    if(i > 1) clearInterval(timer);
                    showFrame(i);
                    i = i + q;
                },time)
            })(); // сразу вызовем
        </script>
</body>
 
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
12.08.2014, 00:23
Помогаю со студенческими работами здесь

При клике на ссылку в WebBrowser открыть ссылку в браузере по умолчанию
Собственно тема. Можно ли как-то такое осуществить?

при клике менялся контент(текст)
Добрый, подскажите как такое сделать как на картинке... Круглешки это кнопки, по клику на какую-та чтоб подгружался контент...

При переходе на ссылку контент динамически менялся
Подскажите, как такое реализовать ссылка на сайт при переходи на пункты меню О компании или Главная и т.д. плавно меняется контент как...

Добавление # при клике на ссылку
почему здесь при клике на категорию(одежда,обувь ...) в url не добавляется # ссылка же имеет такой вид &lt;li&gt;&lt;a...

Таймер при клике на ссылку
Доброго всем Здравия! Нашел в интернете скрипт, который может запускать таймер с открытием странички после нажатия на кнопку. Но, после...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru