Вопросы чайника. Периодически будут пополняться

[Ichwill]

Здравствуйте!

 

Народ, кто соображает и кому не трудно, подскажите, пожалуйста, как правильно всё сделать.

 

Я начал делать себе сайт, состоящий из 3-5 страниц (пока ещё не понял сколько точно будет). В сайтостроении я чайник, в школе только было несколько уроков Html и всё. Начал делать в Adobe dreamweaver. Пробовал в Kompozere, но мне что-то не понравилось, мож я и не прав. Ну да ладно. В общем, сделал я начальное оформление (табличка со столбцами, чтобы разобраться что за чем идёт).

 

Вопрос 1:

Теперь мне надо вставить на страницу две ссылки. Причём таким образом, чтобы перейти по второй можно было только тогда, когда перейдёшь по первой + 10 секунд времени. Первая ссылка ведёт на сторонний сайт, вторая на другую страницу исходного сайта. Как это реализовать? 

 

Это единственный сложный момент, по ходу дела.

Edited February 2, 2015 by Ichwill

[Veseloff]

http://learn.javascript.ru/

[Aleksandr.L]

<a href="http://yandex.ru" id="yandex" target="_blank">First</a>

<a href="http://google.ru" id="google" target="_blank">Second</a>

var firstLink = document.getElementById('yandex'),

secondLink = document.getElementById('google');

function stopFollow(e) {

e.preventDefault();

}

secondLink.addEventListener('click', stopFollow);

firstLink.addEventListener('click', function() {

setTimeout(function() {

secondLink.removeEventListener('click', stopFollow);

}, 10000);

});

Edited February 1, 2015 by Aleksandr.L

[Aleksandr.L]

Вопрос 1: Теперь мне надо вставить на страницу две ссылки. Причём таким образом, чтобы когда перейти по второй можно было только тогда, когда перейдёшь по первой + 10 секунд времени. Как это реализовать? 

 

Стесняюсь спросить, а зачем?

Edited February 1, 2015 by Aleksandr.L

[Ichwill]

Aleksandr.L, надо   

 

Veseloff, ох блин, так так много всего ... Edited February 2, 2015 by Ichwill

[SelenIT]

Первая ссылка хоть на страницу того же сайта? А то ведь в приведенном примере через 10 секунд после перехода по первой ссылке вы будете уже далеко на Яндексе, и вся ваша страничка вместе со всеми ее скриптами с миром упокоится в history браузера...

[Ichwill]

А, точно, в общем. 1-я ссылка ведёт на другой сайт, надо чтобы она в новой вкладке открылась (но не в новом окне или не в этой же самой вкладке).

 

2-я ссылка ведёт на этот же сайт, но на другую страницу. Можно в новой вкладке сделать открытие, можно в этой же самой.

 

В общем, у меня пока такой код: 

<tr><td height="134" align="center">Текст и ссылка - <a href="http://yandex.ru">нажимаем</a>  </td></tr>

т.е. переходим на яндекс, смотрим его, через 10 секунд нужно, чтобы активировалась вторая ссылка

<tr>     <td height="134" align="center">Текст и ссылка на описание. Становится активной через 10 секунд - <a href="Описание .html">Описание процесса</a></td></tr>

 

Как это реализовать?

Edited February 2, 2015 by Ichwill

[boond]

Для этого служит атрибут тэга <a> target=_blank

[Ichwill]

SelenIT написал, что код от Aleksandr.L не очень подходит для всей этой оперы.

[Aleksandr.L]

SelenIT написал, что код от Aleksandr.L не очень подходит для всей этой оперы.

 

Он делает то, что ты и хочешь.

 

А, точно, в общем. 1-я ссылка ведёт на другой сайт, надо чтобы она в новой вкладке открылась (но не в новом окне или не в этой же самой вкладке).   2-я ссылка ведёт на этот же сайт, но на другую страницу. Можно в новой вкладке сделать открытие, можно в этой же самой.   В общем, у меня пока такой код:  Текст и ссылка - нажимаем т.е. переходим на яндекс, смотрим его, через 10 секунд нужно, чтобы активировалась вторая ссылка Текст и ссылка на описание. Становится активной через 10 секунд - Описание процесса   Как это реализовать?

[rus]

походу Т.С. готовит нечно вроде попапа, которые на порносайтах крутят

пришел на страницу, а тебя закинуло в вонючие дали в одном окне, но остаешься на этом же сайте в другом окне...

[Ichwill]

rus, не совсем, у меня ничего аморального нету (ни порно, ни что-то иное). Скорее это, как на летбите, но там просмотр нужной им информации, потом можешь качать файл. У меня же просмотрите вводную информацию, потом (через 10 секунд) вы сможете просмотреть полное описание. В общем, такая вот заморочка. Если кому интересно будет, то я потом сюда полный код выложу. Вдруг кому-то пригодится. Попробую сделать по методу Aleksandr.L.

 

Такой вопрос - всю эту функцию куда вставлять?

var firstLink = document.getElementById('yandex'),    secondLink = document.getElementById('google');function stopFollow(e) {    e.preventDefault();}secondLink.addEventListener('click', stopFollow);firstLink.addEventListener('click', function() {    setTimeout(function() {       secondLink.removeEventListener('click', stopFollow);    }, 10000);});

У меня, в общем, табличка на всю страницу пока что. Я попытался вставить куда-нибудь в тело страницы <body> </body> => оно у меня над заголовком страницы всё вылезло (весь код в 3 строчки прописался). Естественно ничего не работает.)))

 

Я помню, мы Pascal и Delphi изучали, там для включения функций надо было прописать что-то, я уже и не помню что, да это и не важно, т.к. тут не Паскаль. Но может быть тоже надо чем-то "включить" функцию?

Edited February 2, 2015 by Ichwill

[Aleksandr.L]

Такой вопрос - всю эту функцию куда вставлять?

 

http://plnkr.co/edit/MuAASZWWVNNXG1NqXKlF?p=preview 

[Ichwill]

Aleksandr.L, спасибо за подсказку. Включаются значит тегом script. 

Но теперь такой вопрос - начальная страница сайта вроде без ошибок запускается, но! ткнуть на вторую ссылку я могу не нажимая первой. А это меня не устраивает. Основное условие включения второй ссылки - пройти сначала по первой. Это условие нарушается. 

 

Cookie браузера я удалял, толку нет.

Edited February 2, 2015 by Ichwill

[Aleksandr.L]

ткнуть на вторую ссылку я могу не нажимая первой. А это меня не устраивает. Основное условие включения второй ссылки - пройти сначала по первой.

 

Я ваще не понимаю что ты хочешь? Что значит "ткнуть" - кликнуть? Ну кликнешь ты на вторую ссылку, перехода то не будет никуда.

 

Или вторая ссылка должна быть скрыта изначально? Потом при переходе по первой должна стать видимой и через 10 сек. должна работать?

Edited February 2, 2015 by Aleksandr.L

[Ichwill]

Aleksandr.L, не надо ничего скрывать изначально. Достаточно того, чтобы ссылка была не рабочей.

 

Я же очистил вообще всю историю браузера, удалил нужные Cookie (допустим yandex.ru) => запустил свой сайт, на котором у меня есть две ссылки, первая на яндекс, вторая на рамблер. И я могу нажать на вторую ссылку, и перейти на rambler.ru.

 

Что не так в коде? Вроде всё верно:

<table width="618" height="688" border="1" align="center">// тут я пропустил код двух ненужных нам ячеек таблицы, чтобы не загромождать страницу<tr>    <td height="134" align="center">Текст и ссылка- <a href="http://yandex.ru" id="8b" target="_blank">Нажимаем</a>  </td> </tr>    <tr>    <td height="134" align="center">Текст и ссылка на описание работы. Становится активной через 10 секунд - <a href="http://rambler.ru" id="Описание работы" target="_blank">Описание работы</a></td>      </tr>	</table><script> (function () {var firstLink = document.getElementById('8b'),    secondLink = document.getElementById('Описание работы');function stopFollow(e) {    e.preventDefault();};secondLink.addEventListener('click', stopFollow);firstLink.addEventListener('click', function() {    setTimeout(function() {       secondLink.removeEventListener('click', stopFollow);    }, 10000);}); }); </script>

Edited February 2, 2015 by Ichwill

[Aleksandr.L]

<a href="http://rambler.ru" id="Описание работы" target="_blank">Описание работы</a>

secondLink = document.getElementById('Описание работы');

 

[Ichwill]

Исправил id на '9b' в обоих местах, результат тот же

[Aleksandr.L]

Ichwill, а ты пробовал сам что-нибудь сделать? Или попытаться разобраться?

 

Исправил id на '9b' в обоих местах, результат тот же

 

А ниче что ID должен быть уникальным? 

[Ichwill]

Вот, пробую... пытаюсь....

 

В смысле yandex у меня под id 8b, rambler под id 9b. Результат тот же самый(

Edited February 2, 2015 by Ichwill

[Aleksandr.L]

 

 

Идентификатор должен обязательно начинаться с латинского символа и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо.

[Ichwill]

Aleksandr.L спасибо за ликбез. Учту

 

только вот скрипт работать не хочет. Запускаю сайт на компьютере, обе ссылки рабочие изначально. (((

Edited February 4, 2015 by Ichwill

[Ichwill]

Всё, вопрос решён, нашёл способ сделать лучше, чем хотел изначально.

 

Тема больше не нужна.

[SelenIT]

Не нужна вам — может понадобиться другим (см. заголовок), кто случайно найдет ее поиском.

 

Хорошим тоном считается, если самостоятельно нашли удачное решение, поделиться им (хотя бы в общих чертах идеи).

[Ichwill]

Хорошо, пусть будет. 

 

В таком случае ещё вопрос - как сделать так, чтобы при копировании материала с моего сайта на сторонний сайт, автоматически туда вставлялась ссылка на мой сайт? У новостных сайтов такая фишка часто практикуется.

 

Решение предыдущего моего вопроса, без всяких скриптов:

Текст  - <a href="http://yandex.ru" target="_blank" onclick="setTimeout(function(){location.href='http://rambler.ru'},10000);">Нажимаем</a>

Edited February 6, 2015 by Ichwill

[Veseloff]

В таком случае ещё вопрос - как сделать так, чтобы при копировании материала с моего сайта на сторонний сайт, автоматически туда вставлялась ссылка на мой сайт? У новостных сайтов такая фишка часто практикуется.

Я считаю, что люди, которые так делают будут прокляты и отправлены в ад за издевательство. Ну а вообще гуглите, я думаю таких рецептов очень много.