YourWBB

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Headlayer Script

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

1.890 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen

Headlayer Script

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

RapX
Mitglied

Dabei seit: 07.01.06
Beiträge: 370

großes Grinsen

Headlayer Script

Antworten Zitieren Editieren Melden UP

Hallo ich habe hier ein script für euch.

Ein Headlayer der links oder rechts im Forum oder auf eurer Seite angezeigt werden kann.

Eine Demo findet ihr im Dateianhang.

Hier das Script:

Zitat:

<script language="JavaScript1.2">
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
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)
}
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
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}
function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"
while (firedobj.tagName!=topelement&&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.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
</script>
<div id="showimage" style="position:absolute;" align=right>
<table border="0" width="220" bgcolor="#B40303" cellspacing="0" cellpadding="1">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
height="36">
<tr>
<td id="dragbar" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0">
<font color="#121212" size=1 face="Verdana, Arial"><strong>  Unterstüzt uns und votet bei MZEE...</strong></font></layer></ilayer></a></td>
<td style="cursor:hand" valign="middle"><a href="#" onclick="hidebox();return false"></font><font color="#000000" size=3 face="Verdana"><strong> x </strong></font></a></td>
</tr>
<tr>
<td width="100%" bgcolor="#121212" style="padding:4px" colspan="2" align=center>


<a href="http://www.mzee.com/linkprojekt/site/in/3475/hip-hop-im-netz-communit
ies-portale-projekte-rap.html" target="_blank"><img src="http://www.mzee.com/linkprojekt/site/img/3598/format/gross/rap-musik-o
ffizielle-rap-crew-sites-shop.jpg" border="0" width="224" height="110" /></a>

Dateianhang:

png

layer.png (156,35 KB, 42 mal heruntergeladen)

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von RapX: 11.03.07 12:25.

11.03.07 12:24

RapX ist offline

E-Mail WWW Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Headlayer Script