Redirect AAP

Da Associazione Astrofili di Piombino.

(Differenze fra le revisioni)
Riga 9: Riga 9:
 +
<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 delle 10:08, 3 apr 2020

Redirect AAP


PROVA


https://web.astropiombino.org/


<style type="text/css">

  1. 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;

}

  1. popupcontainer { 
   position:absolute;
   width: 80%;
   height: 80%;
   top:10%;
   left:10%;

} a { 

   cursor: pointer;
   text-decoration: none;

}

  1. popupBoxClose { 
   font-size: 20px;
   line-height: 15px;
   right: 25px;
   top: 5px;
   position: absolute;
   color: red;
   font-weight: 500;

}

  1. 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('');

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>




_______________________________


.

Estratto da "http://www.astropiombino.org/index.php?title=Redirect_AAP"
Strumenti personali