njow
Dabei seit: 23.04.2006
Ort: Löhne
Alter: 38
Geschlecht:
|
Verfasst Di 23.05.2006 16:43
Titel
|
|
|
hallo,
kann sich ja keiner mehr anschaun
ich hab dir mal was gebastelt, aber den rest musste dann selber machen.
dein htmlfile:
Code: |
<div id="test" class="bannerwerbung" style="display: none;">HIER DEIN HTML-KRAM</div>
<a href="#" onclick="showTEST('test'); return false;"><h1>makeLayer</h1></a>
|
kurze erklärung: du machst ein div, setzt es mit dem style att. auf display none, sodass es nicht sichtbar ist.
die id kannst du umbenennen, aber sie muss gleich der sein, die du in der javascriptFunktion "showTEST" übergibst.
das att. "class" ist für de zuweisung in deiner css datei zuständig.
dein css file:
Code: |
.bannerwerbung {
background-color: #ffffff;
border: 1px solid red;
width: 300px;
height: 200px;
position: absolute;
z-index: 100;
}
|
pass es dann so an wie du meinst
das javascript file:
Code: |
function showTEST(id){
var obj = document.getElementById(id);
if(obj){
if(obj.style.display == "none"){
obj.style.display = "block";
}
}
}
function hideTEST(id){
var obj = document.getElementById(id);
if(obj){
if(obj.style.display == "block"){
obj.style.display = "none";
}
}
}
|
die aufzurufende funktion "showTEST" kannst du auf einen link etc legen, wenn das div aber sofort beim seitenaufruf eingeblendet werden soll, machst du im "body - Tag" ein onload="showTEST('id')"...
die restlichen funktionen belaufen sich auch auf javascript viel spass beim suchen und implementieren.
mfg barry
|
|