Форум Сайтостроение Веб-строительство

Модальное окно по клику?

zaxavar
На сайте с 08.10.2012
Offline
161
zaxavar
1302

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

Юзер скачивает файл, кликая по ссылке. Надо, чтобы кроме скачивания файла еще и открывалось модальное окно, с содержимым из статичного html.

Перекопал варианты с css и jqerry - ничего не нашел. Везде применяется <a href="">

А ведь он уже занят ссылкой на файл.

Как выполнить задачу?

Спасибо.

ВМЕСТО или ВМЕСТЕ с ADSENE - ADSTERRA - https://publishers.adsterra.com/referral/wf8uqXSYuu Раcскажу, подскажу.
[Удален]
#1

https://jsfiddle.net/q6Lygf17/

zaxavar
На сайте с 08.10.2012
Offline
161
zaxavar
#2
imagine:
https://jsfiddle.net/q6Lygf17/

А как вместо

вставить просто окно с фреймом из отдельного html файла?

Спасибо.

S
На сайте с 23.05.2004
Offline
316
Stek
#3

http://fancybox.net/howto - взять вот этот скрипт. Подключается в пару строк, очень легок в использовании.

Это просто подпись.
[Удален]
#4

Если это тот самый popup, то даже отвечать не хочется. А показывается он как и любой другой popup, способов мильен: https://jsfiddle.net/q6Lygf17/1/

zaxavar
На сайте с 08.10.2012
Offline
161
zaxavar
#5

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

Нашел такой вот код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>

    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"

        rel="stylesheet" type="text/css" />

 

    <script type="text/javascript">

        $(function () {

            $("#dialog").dialog({

                modal: true,

                autoOpen: false,

                title: "jQuery Dialog",

                width: 300,

                height: 150

            });

            $("#btnShow").click(function () {

                $('#dialog').dialog('open');

            });

        });

    </script>

    

    

    <input type="button" id="btnShow" value="Show Popup" />

    <div id="dialog" style="display: none" align="center">

        This is a jQuery Dialog.

    </div>

</body>

</html>

Ног он работает по кнопке, а мне бы надо по ссылке.

Заменил кнопку на ссылку по принципу 

<a href="#" id="btnShow" type="button" value="Show Popup">test</a>

Не работает.

Как заставить по ссылке чтобы работало?

Спасибо.

[Удален]
#6

Вставьте: 


<a href="#" id="btnShow">Click Me</a>
zaxavar
На сайте с 08.10.2012
Offline
161
zaxavar
#7

Огромное спасибо.

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

I2
На сайте с 07.03.2015
Offline
38
indenger20
#8

создайте переменную с true и напишите условие, мол если true, то выполняем код при клике и меняем значение на false.

еще можно делать проверку по куки, принцип такой-же. только куки будет висеть столько, сколько вы этого захотите, а первый способ будет работать до перезагрузки станицы.

Качественная верстка PSD макетов (/ru/forum/974524)
Заполнение декларации 3-ндфл за Резкий всплеск прямых заходов. Brainlabs разработал скрипт для

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий