Da Associazione Astrofili di Piombino.
(Differenze fra le revisioni)
|
|
Riga 7: |
Riga 7: |
| | | |
| https://web.astropiombino.org/ | | https://web.astropiombino.org/ |
- |
| |
- |
| |
- | <style type="text/css">
| |
- | #popup_box {
| |
- | display: none;
| |
- | position: fixed;
| |
- | height: 500px;
| |
- | width: 500px;
| |
- | left: 400px;
| |
- | top: 50px;
| |
- | z-index: 100;
| |
- | margin-left: 25px;
| |
- | border: 2px;
| |
- | background-color:#2e303a;
| |
- | padding: 15px;
| |
- | font-size: 15px;
| |
- | -moz-box-shadow: 0 0 5px;
| |
- | -webkit-box-shadow: 0 0 5px;
| |
- | box-shadow: 0 0 5px;
| |
- | }
| |
- | #popupcontainer {
| |
- | position:absolute;
| |
- | width: 80%;
| |
- | height: 80%;
| |
- | top:10%;
| |
- | left:10%;
| |
- | }
| |
- | a {
| |
- | cursor: pointer;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | #popupBoxClose {
| |
- | font-size: 20px;
| |
- | line-height: 15px;
| |
- | right: 25px;
| |
- | top: 5px;
| |
- | position: absolute;
| |
- | color: red;
| |
- | font-weight: 500;
| |
- | }
| |
- | #popupBoxForward {
| |
- | font-size: 20px;
| |
- | line-height: 15px;
| |
- | right: 5px;
| |
- | top: 5px;
| |
- | position: absolute;
| |
- | color: green;
| |
- | font-weight: 500;
| |
- | }
| |
- | </style>
| |
- |
| |
- | <script>
| |
- |
| |
- | var script = document.createElement('script');
| |
- | script.onload = function() {
| |
- | jQuery.noConflict();
| |
- |
| |
- | jQuery( document ).ready(function() {
| |
- | var id;
| |
- | var othersite = "https://web.astropiombino.org";
| |
- |
| |
- | jQuery('body').append('<div id="popup_box"><a id="popupBoxClose">X</a><a id="popupBoxForward">V</a><div id="popupcontainer"><h1 id="countDown" style="color:white;"></h1><h2 style="color:red;">Clicca sulla X per rimanere qui!</h2><h2 style="color:green;">Clicca sulla V per andare subito a '+othersite+'!</h2></div></div>');
| |
- |
| |
- | loadPopupBox();
| |
- |
| |
- | jQuery('#popupBoxClose').click( function() {
| |
- | unloadPopupBox();
| |
- | clearInterval(id);
| |
- | });
| |
- |
| |
- | jQuery('#popupBoxForward').click( function() {
| |
- | unloadPopupBox();
| |
- | clearInterval(id);
| |
- | window.location.href = othersite;
| |
- | });
| |
- |
| |
- | jQuery('#popupcontainer').click( function() {
| |
- | unloadPopupBox();
| |
- | });
| |
- |
| |
- | function unloadPopupBox() {
| |
- | jQuery('#popup_box').fadeOut("slow");
| |
- | }
| |
- |
| |
- | function loadPopupBox() {
| |
- | var counter = 10;
| |
- |
| |
- | jQuery('#popup_box').fadeIn("slow");
| |
- |
| |
- | id = setInterval(function() {
| |
- | counter--;
| |
- | if(counter < 0) {
| |
- | clearInterval(id);
| |
- | unloadPopupBox();
| |
- | window.location.href = othersite;
| |
- | } else {
| |
- | jQuery("#countDown").text("Tra " + counter.toString() + " secondi verrai rediretto al nuovo sito della ASSOCIAZIONE ASTROFILI DI PIOMBINO!");
| |
- | }
| |
- | }, 1000);
| |
- |
| |
- | }
| |
- | });
| |
- |
| |
- | };
| |
- | script.src = "https://code.jquery.com/jquery-3.4.1.min.js";
| |
- | document.getElementsByTagName('head')[0].appendChild(script);
| |
- |
| |
- | </script>
| |
- |
| |
- |
| |
- |
| |
| | | |
| | | |
Versione corrente
Redirect AAP
PROVA
https://web.astropiombino.org/
_______________________________
.