|
Вывод ссылки
Есть вот такой вот код:
<script> $(function(){ $('#link6').click(function(){ window.open("view.php?ad=6", '_blank'); }); }); </script> <table class='work-serf' width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td class='normal' width='40' valign='top'> <span class="serfimghigh"></span></td> <td class='normal' valign='top' style='font-size:11px;padding-top:10px;'> Мы предлагаем<span id='link6' class='serfgo'> ва</span>м прямо сейчас начать зарабатывать на нашем проекте. </td> </tr></table> Суть его в том, что нажимая на определнный участок текста у нас открывается новая страница. 1) Как сделать чтоб сначала мы нажимаем на определнный текст, 2) Далее вместо текста надпись перейти на сайт. 3) И После перехода на сайт, у нас появится надпись: спасибо что перешли. Если кто может помогите пожалуйста |
Цитата:
И, BTW, open большинством браузеров блокируется сейчас, лучше его не пользовать. |
Не на новом сайте, а на старом сайте место кнопки перейти появится спасибо что перешли
|
![]() Вот так выглядит 1,2,3 стадии |
<!DOCTYPE html> <html> <head> </head> <div id="wrapper"> <button>GO</button> </div> <body> <script> wrapper=document.querySelector("#wrapper") go=function(){setTimeout(function(){open("http://javascript.ru")}, 1000)} wrapper.onclick=function(){this.innerHTML="<span>Thanks</span>", go()} </script> </body> </html> |
что та не совсем так как нужно.
надо вот так: Нажимаю на текст, вылазит ссылка место текста, перехожу по ссылке, и место ссылки текст номер 2 |
Что-то вроде этого наверное. Полностью рабочий код протестить дать не могу, спать охота :) но направление куда двигаться ты надеюсь поймешь.
$('#link6').click(function(){ $('#link6').off('click'); $(this).html($('<a class="real_href" href="туда">Туда</a>')) $(this).find('.real_href').on('click',function(){ $(this).html('<p>молодец что нажал</p>') window.open($(this).attr('href'), '_blank'); }) }); |
<!DOCTYPE html> <html> <head> </head> <div id="wrapper"> <p>The Best Partner Programm here</p> </div> <body> <script> wrapper=document.querySelector("#wrapper") go=function(){ wrapper.innerHTML="thanks"; setTimeout(function(){open("http://javascript.ru")}, 1000);} wrapper.onclick=function(){this.innerHTML="<a href='#'>click here to go to the site</a>"; this.onclick=go} </script> </body> </html> |
Сделал для нескольких ссылок, но не работает чего-то, только по 1
<script> wrapper=document.querySelector("#wrapper3") go=function(){ wrapper.innerHTML="thanks"; setTimeout(function(){open("view.php?ad=7")}, 1000);} wrapper.onclick=function(){this.innerHTML="<div class='gos'>Переход по ссылке</div>"; this.onclick=go} </script> <script> wrapper=document.querySelector("#wrapperc") go=function(){ wrapper.innerHTML="thanks"; setTimeout(function(){open("view.php?ad=6")}, 1000);} wrapper.onclick=function(){this.innerHTML="<div class='gos'>Переход по ссылке</div>"; this.onclick=go} </script> <script> wrapper=document.querySelector("#wrapper5") go=function(){ wrapper.innerHTML="thanks"; setTimeout(function(){open("view.php?ad=5")}, 1000);} wrapper.onclick=function(){this.innerHTML="<div class='gos'>Переход по ссылке</div>"; this.onclick=go} </script> <div id='wrapper3'><span class='serfgo'>222</span>222222</div> <div id='wrapperc'>Мы предлагаем вам прямо сейчас нача<span class='serfgo'>ть </span>зарабатывать на нашем проек</div> <div id='wrapper5'>Д<span class='serfgo'>обр</span>о пожаловать</div> |
и еще проблема, когда появляется thanks, если еще раз на него нажать то перейдет опять по ссылке, а такого быть не должно
|
Часовой пояс GMT +3, время: 02:58. |
|