div popup
Variazione 3
Clicca per visualizzare la popup.
Apri popup
Ecco la funzione:
function mostradx(a) {
document.getElementById(a).style.display="block";
var x = window.screen.width;
var posx = x - 300;
document.getElementById(a).style.left=posx+"px";
}
Da quello che ho capito con i miei primi esperiementi con js, window.screen. width rileva la larghezza dello schermo, posx toglie i px dalla larghezza (200 è la larghezza della finestra, 100 px di sicurezza) e viene usato come valore di left per l'elemento che deve apparire ...
Nel codice html, l'unica differenza rispetto a prima è nel div a comparsa:
<div id="nomeid" style="display:none; left:200px;">
e nel richiamo della funzione nel link di partenza
href="javascript:mostradx('nomeid);"