avevo iniziato in html ma mi sposto qui visto che si tratta certamente di javascript... ho la necessita' di creare una popup trasparente per ottenere come risultato finale un qualcosa simile alla schermata di trillian o di icq o dei vari lettori mp3 che si trovano in giro una cosa del tipo:
con i bordi non squadrati ma arrotondati e la forma la volevo creare tramite l'immagine gif che formerebbe il background della popup stessa.
Ho trovato uno script javascript che fa appunto questa cosa e funziona ma soltanto all'interno della pagina da cui si lancia, sapete dirmi se e' possibile modificare lo script per poter far agire la popup anche all'esterno della pagina (un po' come le chromeless microbians)
Grazie
var closebutton = "close.gif"; //percorso del bottone di chiusura
var raampje, xtra, ytra;
function sleepen(){if (event.button!=1)return;
raampje = eval("maildiv");temp1=raampje.style.posLeft;
temp2=raampje.style.posTop;xpos=event.clientX;
ypos=event.clientY;xtra = temp1-xpos;
ytra = temp2-ypos;document.onmousemove=plaats;}
function plaats(){if (event.button==1){
raampje.style.pixelLeft=event.clientX+xtra;
raampje.style.pixelTop=event.clientY+ytra;return false;}}
function raam(inside, color){
titlecolor = "blue";
opacitytitle = 45;
var thisspan = eval("maildiv.style")
thisspan.pixelLeft = document.body.scrollLeft + 100;
thisspan.pixelTop = document.body.scrollTop + 100;
thisspan.visibility="visible";
output = "<table cellpadding=0 cellspacing=0 width=450 height=100 border=1 bordercolor=000000><tr>";
output += "<td onmousedown='sleepen()' style='cursor:hand' onmouseup='JavaScript:document.onmousemove=\"\" ' bgcolor='"+titlecolor+"' style='filter:alpha(opacity="+opacitytitle+");'></td></tr>";
output += "<tr><td width=100%><table>";
output += " <font face=Verdana size=2><font size=3 color=0000FF>Esempio</font>
Pop-up dallo sfondo completamente trasparente: è personalizzabile nei colori, nelle dimensioni ecc.Si possono inserire link, <font face=Times New Roman size=3>cambiare font</font>, formattare varie parti del testo, <font color=FF0000>modificare i colori</font>, aumentare o diminuire il grado di trasparenza, inserire immagini <img src=tongue.gif>.</font>
<div align=center><input type='image' alt=\"Chiudi questa finestra\" onclick='closeraam()' src='"+closebutton+"'></div></table></td></tr>";
maildiv.innerHTML = output;
}function closeraam(){maildiv.style.visibility="hidden";}
function popup()
{
outp = "";
outp += "<div align=center><input type='image' alt=\"Chiudi questa finestra\" onclick='closeraam()' src='"+closebutton+"'></div>";
raam(outp, "");
}
Rispondi quotando
