как сделать, чтобы кнопка отправки получала всплывающее окно с изображением, направляющим на другой сайт?

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

Вот мой код.

<button type="submit" onclick="myImg()" formenctype= "multipart/form-data" style= " width: 8em;  height: 3em; font: bold 14px sans-serif;border-radius:20px;">Send</button>

<SCRIPT>
window.onbeforeunload=confirmExit;
function myImg(){
window.name = "thiswin";
    newwin=open("http://lynx.radiocompetitions.net/wp-content/uploads/2015/04/lynx-banner.png", "dispwin", 
    "width=250,height=300,scrollbars=no, menubar=no");

       }
</SCRIPT>

Проблема в том, что кнопка не работает.


javascript html jquery popup buttonclick
person Nauman Tanwir    schedule 02.09.2015    source источник
comment
у меня работает, jsfiddle.net/twsq5L43   -  person sajanyamaha    schedule 02.09.2015
comment
святой крекер..! тогда почему бы не мне... я делаю это в wordpress. это что-то меняет????   -  person Nauman Tanwir    schedule 02.09.2015
comment
а также, если вы можете, пожалуйста, помогите мне, как использовать это изображение, чтобы направить пользователя на другой сайт .. пожалуйста ....   -  person Nauman Tanwir    schedule 02.09.2015
comment
Мне кажется, это блокировщик всплывающих окон.   -  person epascarello    schedule 02.09.2015
comment
window.onbeforeunload=confirmExit; Существует ли эта confirmExit функция на вашей странице?   -  person vijayP    schedule 02.09.2015

Ответы (2)


arrow_upward
1
arrow_downward

Пожалуйста, взгляните на следующую скрипку. Надеюсь, это поможет вам.

http://jsfiddle.net/twsq5L43/5/

function myImg(){
    window.name = "thiswin";
    var imagePath = "http://lynx.radiocompetitions.net/wp-content/uploads/2015/04/lynx-banner.png";

    newwin=open("", "dispwin", 
    "width=750,height=300,scrollbars=no, menubar=no");

    var otherWebsiteURL = "http://www.google.com";

    newwin.document.write("<div><a href='"+otherWebsiteURL+"'><img src='"+imagePath+"'></a></div>");

}
person vijayP    schedule 02.09.2015

arrow_upward
0
arrow_downward

Он отлично работает.

Вы упомянули в комментариях, что поместили его в wordpress. Убедитесь, что он ни с чем не конфликтует. Вы запустили отладчик и загрузили страницу для проверки? (если не использовать что-то вроде плагина firebug для firefox) запустите консоль и нажмите кнопку, чтобы увидеть, возвращает ли она ошибку. Wordpress и плагины WordPress могут вызвать много головной боли.

Проверьте, где вы его разместили, в самом низу перед закрытием или в шапке? Они могут снова повлиять на размещение в зависимости от плагинов, которые вы используете, и от того, правильно ли разработчик этих плагинов поступил при их создании.

person Elgoots    schedule 02.09.2015
comment
Я разместил этот код в самом низу формы в теле. - person Nauman Tanwir; 02.09.2015
comment
какой адрес веб-сайта или вы можете опубликовать полный код страницы? - person Elgoots; 04.09.2015