Popup senza bordi

Supercolore · 20 Feb 2006

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 · 20 Feb 2006

Che so io i popup hanno x forza il bordo...mica glielo puoi levare

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:

Supercolore · 20 Feb 2006

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>



</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>

metalgemini · 21 Feb 2006

ma sinceramente a me non funge sto script

Supercolore · 3 Mar 2006

Tranqy

Tranqy poi è andata, si c'era un errore ma ho risolto! Cmq grazie lo stesso!

Cerca

Cerca

Popup senza bordi

Supercolore

Utente Attivo

metalgemini

Utente Attivo

Supercolore

Utente Attivo

metalgemini

Utente Attivo

Supercolore

Utente Attivo

Discussioni simili