Szerda
2024-04-24
21:53
Üdvözöllek Vendég
RSS
 
borbolya_job
Főoldal Regisztráció Belépés
Felugró ablak - Fórum »
[ Updated threads · Új üzenetek · Tagok · Fórumszabályzat · Keresés · RSS ]
  • Oldal 1 / 1
  • 1
A fórum moderátora: borbolya  
Fórum » Hasznos holmik » Scriptek » Felugró ablak (felugró ablak)
Felugró ablak
borbolyaDátum: Hétfő, 2011-02-07, 06:00 | Üzenet # 1
Generalisszimusz
Csoport: Adminisztrátorok
Üzenetek: 1395
Kitüntetések: 1
Hírnév: 1
Állapot: Offline
Nagyon szolíd felugró ablak kódja, amelyet arrébb húzhatsz az egérrel, és be is zárhatod. A színét, méretét változtathatod, és képet, linket is elhelyezhetsz benne. A borbolyajob oldalain, és főoldalán is látható a doboz. (Pillanatnyilag, mert nem biztos, hogy mindíg itt lesz biggrin )

A honlap

Code
<HEAD>
részébe illesztendő:

Code
<script type="text/javascript">

/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////

function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}  
}
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}

</script>

Ez a rész pedig a

Code
</BODY>
rész fölött legyen:
Code

<div id="showimage" style="position:absolute;width:300px;left:300px;top:3000px">

<table border="0" width="300" bgcolor="#990066" cellspacing="0" cellpadding="2">
   <tr>
     <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
     height="36px">
       <tr>
         <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%"  

onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart="return  

false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)"  

onMouseout="dragswitch=0"><font face="Verdana"
         color="#FFFFFF"><strong><small>Announcement  

Box</small></strong></font></layer></ilayer></td>
         <td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img  

src="close.gif" width="16px"
         height="14px" border=0></a></td>
       </tr>
       <tr>
         <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">

<!-- PUT YOUR CONTENT BETWEEN HERE -->

Ha bármit kérdezni szeretnél írj üzenetet, vagy kérdezz a fórumon!<br><br>
             

<!-- END YOUR CONTENT HERE -->

</td>
       </tr>
     </table>
     </td>
   </tr>
</table>   


borbolya
 
Fórum » Hasznos holmik » Scriptek » Felugró ablak (felugró ablak)
  • Oldal 1 / 1
  • 1
Keresés: