Popup senza bordi

S

Supercolore

Utente Attivo
12 Feb 2006
74
0
0
Ciao, premetto che ci capisco poko di javascript, cè qualcuno che mi saprebbe dire come fare una popup senza bordi che compare al passaggio del mouse e scompare all'onmouseout?(oppure anche dove posso documentarmi su come farle, ho girato duemila siti ma non ho trovato nulla di interessante...)

Grazie, ciaooooooo!
 
metalgemini

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Che so io i popup hanno x forza il bordo...mica glielo puoi levare:D
x aprire il popup al passaggio del mouse fai cosi:

<a href="#" onmouseover="window.open('pagina.htm','pagina','height=300

width=300')">Link</a>

per kiuderla non lo so xò! se intendi kiuderla mettendo il puntatore nella popup però basta ke metti questo nella popup:

<a href="#" onmouseover="window.close()">Link</a>

:byebye:
 
S

Supercolore

Utente Attivo
12 Feb 2006
74
0
0
Guarda qui..

Guarda questo codice.. è un pò lungo :-s. Fa quello ke voglio io ma non riesco a dare alla popup una posizione relativa al link.. nel senso ke me la apre sempre nello stesso punto. Fai conto ke io avrei nella realtà una pagina in cui ci son un centinaio di link e per ciascuno dovrebbe apparire la popup in una posizione diversa...:crying:
Inoltre il codice ke ti ho postato funziona solo su IE e non su FireFox... :-s :-s :-s

Ciaoooooooooo :byebye:


<HTML>
<HEAD>

<TITLE>Popup Trasparente</TITLE>

<style>

<!--

#iewrap{

position:relative;

height:30px

}
#iewrap2{
position:absolute
}
#dropmenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
-->

</style>
</HEAD>
<BODY bgcolor="white" >
<ilayer id="dropmenu01" height=35px>
<layer id="dropmenu02" visibility=show>
<span id="iewrap">
<span id="iewrap2" onmouseover="dropit2();event.cancelBubble=true;return false">
<font face="Verdana"><b><a href="miapagina.htm">Clicca qui</a></b></font>
</span>
</span>
<p align="right">
<ilayer id="dropmenu4" height=35px>
<span id="iewrap3">
<span id="iewrap4" onmouseover="dropit2();event.cancelBubble=true;return false">
<font face="Verdana"><b><a href="miapagina.htm">Clicca qui</a></b></font>
</span>
</span>
</ilayer>

</p>
</layer>
</ilayer>

<script language="JavaScript1.2">
//set below variable to false if you wish to turn off "fade-off" effect for IE 4 users
var enableeffect=true
//change the contents of the array to your own. You may extend this list as neccessary
var selection=new Array()
selection[0]='<img src="question.jpg" width="100" height="100" ><br>'

if (document.layers)
document.dropmenu01.document.dropmenu02.visibility='show'

function dropit2(){
if (document.all){
dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 //posizione alto/basso
if (dropmenu03.style.visibility=="hidden"){
if (enableeffect)
dropmenu03.filters.revealTrans.apply()
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}

else{
hidemenu()
}
}
}
function dropit(e){
if (document.dropmenu03.visibility=="hide")
document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=e.pageX-e.layerX
document.dropmenu03.top=e.pageY-e.layerY+19
return false
}
function hidemenu(){
if (enableeffect)
dropmenu03.filters.revealTrans.stop()
dropmenu03.style.visibility="hidden"
}
function hidemenu2(){
document.dropmenu03.visibility="hide"
}
if (document.layers){
document.dropmenu01.document.dropmenu02.captureEvents(Event.mouseover)
document.dropmenu01.document.dropmenu02.onmouseover=dropit
}
else if (document.all)
document.body.onmouseover=hidemenu
</script>

<div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:none;background-color:none;width:120;visibility:hidden;border:0px solid black;padding:0px">

<script language="JavaScript1.2">
if (document.all)
dropmenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection)
</script>

</div>

<script language="JavaScript1.2">
if (document.layers){
document.dropmenu03.captureEvents(Event.mouseover)
document.dropmenu03.onmouseover=hidemenu2
}

</script>
</body>
</html>
 
Ultima modifica:
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
S popup chromeless senza bordi Flash 1
K popup senza html HTML e CSS 6
L Posizione a un popup Javascript 0
L Chiusura automatica popup Javascript 0
C finestra popup dopo login PHP 2
bubino8 [Javascript] popup di controllo elimina dopo window.print(); Javascript 0
Y [Javascript] z-index popup accettazione cookie Javascript 1
L PopUp tramite PHP se la mail inserita è già registrata nel database PHP 3
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
L da php a popup java PHP 2
F [Javascript] chiusura popup e refresh pagina madre su punto preciso Javascript 0
L [ASP.Net] Realizzare modulo contatti PopUp ! ASP.NET 1
V [Javascript] Passaggio valore da popup a pagina madre Javascript 5
K [HTML] Thumbnail (mouseover) + Popup immagine HTML e CSS 1
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
M come creare un popup con CSS da una pagina esterna? jQuery 1
S [CERCO] spazio web per piccolo popup Fb, pago euro 10 ogni 1000 aperture Vendere e Acquistare pubblicita' online 0
F Switch Popup jQuery 0
T [ASP] controllare popup Classic ASP 3
Shyson Aprire finestra popup con Safari Javascript 6
L Problema per centrare titolo PopUp HTML e CSS 5
filomeni Popup pubblicitario con conto alla rovescia Snippet Javascript 1
F popup che si apre SOLO alla prima pagina visitata, qualunque essa sia Javascript 16
L effetto galleria popup (immagini) jQuery 1
Shyson Impedire che il popup sparisca Javascript 0
S [COMPRO] PopUp Fisso Sul Tuo Sito Web dai 300 ai 4000€ al mese Vendere e Acquistare pubblicita' online 1
M Aprire un popup con un form jQuery 2
P SAVE FAILED popup Joomla 0
J Programmazione di un finestra tipo popup CMS (Content Management System) 1
M Print + pagina popup di ringraziamento Javascript 2
G Popup con cookie Javascript 0
M creare form in un popup HTML e CSS 1
B Creare popup con dreamweaver HTML e CSS 3
T [VBulletin] Plugin per Popup Facebook CMS (Content Management System) 0
L popup che blocca la pagina .. quasi completato mi date un aiuto? jQuery 1
E Centrare finestra popup Javascript 7
A richiamare funzione javascript dopo login in popup. Javascript 0
andrea.peo Java popup con ricerca e invio Javascript 0
S finestre popup HTML e CSS 2
S devo creare un popup con metodo post HTML e CSS 0
F Problema finestra popup jQuery 4
A struts2 + jsp + modal popup Java 2
D Popup facebook HTML HTML e CSS 4
Shyson Mettere immagine per chiudere popup HTML e CSS 1
Shyson Onclick apre popup nel posto sbagliato Javascript 0
T Eludere blocco popup Javascript 0
D Popup con form post Javascript 1
H Oscurare pagina con popup interno? Javascript 4
H Azione alla chiusura di una finestra popup? PHP 1
R aiuto popup PHP 9

Discussioni simili

Alto Basso