Uhmm forse la mia richiesta non era chiara; vediamo di mettere nero su bianco :bubu:


il codice l' ho gentilmente prelevato e non è minimamente farina del mio sacco! (magari)


Io ho nominato la pagina html di richiamo:

trasparente.html
mentre il js: trasp2.js


1) trasparente.html ha il seguente codice

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>script</title>


<SCRIPT language="JavaScript" SRC="trasp2.js"></SCRIPT>
</head>
<body>
<div align="center">
<table width="50%" border="0" bgcolor="white" height="200">
<tr>
<td valign="top">
<p align="center">Popup completamente trasparente</p>
<p align="center">Prova Popup</p>


</td>
</tr>
</table>
</div>
<div ID="maildiv" style="visibility:hidden;position:absolute; left: 40px; width: 104px; height: 19px; top: 12px" align="center"></div>
</body>
</html>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

2) trasp2.js invece:

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

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 = "red";
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>example</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, "");
}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>



Ora: il problema è che io vorrei che la pop up trasparente possa essere generata e associata ad un CSS ma non so come sistemare il codice.

Qualcuno ha dritte da passami, per gentilezza:
io ringrazio in anticipo.

Salutoni
Poeme