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

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

11.08.2014, 20:17. Показов 2081. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Вывод данных через динамический список в справочнике
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru