Har ikke kigget på den anden men hvad med denne her?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots" content="noindex, nofollow">
<style type="text/css">
/* Demo page css */
#mcpbrev{left:0px;border-top:0px;width:100%;background:#aaa;}
/* Needed for script */
.abs{position:absolute;}
.mcp_abs{position:absolute;overflow:hidden;}
.mcp_app{position:relative;height:0px;overflow:hidden;}
#mcp_div{position:relative;height:0px;overflow:hidden;}
</style>
<script type="text/javascript">
/* MCPosition:absolute layer */
/* Script by Marc Clemmensen */
/*
http://exp.dk/spm/715114 */
/* - - - Version: 0.97 - - - */
/* Free use - keep this note */
/* If changed add extra note */
/* Edited version by MClemens */
/* Changeable values */
mcpcs=10; // Speed of animation in ms.
mcpcp=1; // Amount of pixels used for each change.
mcperr=false; // Alert if missing a div in document (true/false)
/* ----------------- */
/* Don't touch script below unless you know where to edit */
var mcp={}; // Object for transportation of objects and their properties
window.onload=function(){
// Initiate element gathering onload
var tns=document.getElementById("mcp_div").childNodes; // Get all childs
while(tns.length>0){
if(tns[0].id){
// Check if you've made all div's neccessary...
if(tn=document.getElementById(tns[0].id+"_")){
mcp[tns[0].id]={
c:false,r:0, // Set open/close check and running count
o:tns[0],s:tns[0].style, // Shortcut to object and style
h:tns[0].offsetHeight,w:tns[0].offsetWidth // Store elements initial width and height
};
tns[0].style.top=-tns[0].offsetHeight+"px"; // Position div at top
tn.style.height="0px"; // Set height of new parent div element
tn.style.width=tns[0].offsetWidth+"px"; // Set width of new parent div element
tn.removeChild(tn.childNodes[0]);tn.appendChild(tns[0]); // Move div element
}else if(mcperr)alert("The div with id:\n"+tns[0].id+"_\n- was not found");
}
else{
tnx=document.getElementById("mcp_div");
tnx.removeChild(tnx.childNodes[0]);
}
}
}
function mcppos(mcp0,mcp1){
mcp0=mcp["mcp"+mcp0]; // Activate shortcut
mcp2=++mcp0.r; // Get timeout run number
if(mcp1==3)mcp0.c=!mcp0.c; // Make a check value for the action
else mcp0.c=(mcp1==1)?true:false;
setTimeout("mcpact('"+mcp0.o.id+"',"+mcp2+");",2*mcpcs); // Activate layer handling
}
function mcpact(mcp0,mcp2){
mcp0=mcp[mcp0]; // Activate shortcut
if(mcp2==mcp0.r){ // Check if this is the active layer timeout
tmpns=mcp0.o.offsetParent.style;
tmpnsh=parseInt(tmpns.height.replace("px","")); // Get parent current height
tmpval=(mcp0.c)?mcpcp:-mcpcp; // Tmp value for offsetting
tmperr=false;
if((tmpnsh+tmpval)>mcp0.h)tmpval=mcp0.h-tmpnsh; // Don't make div above actual height
else if((tmpnsh+tmpval)<0)tmpval=tmpnsh; // Don't make div below 0px height
else tmperr=true;
tmpns.height=tmpval+tmpnsh+"px"; // Set new height
mcp0.s.top=-mcp0.h+tmpval+tmpnsh+"px"; // Set top
if(tmperr)setTimeout("mcpact('"+mcp0.o.id+"',"+mcp2+");",mcpcs);
}
}
</script></head><body>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>tekst og indhold her<br>
<b onclick="mcppos('brev',3);">Vis / Skjul</b><br>
<div style="float:left;">
<div class="abs"><div id="mcpbrev_" class="mcp_app"> </div></div>
</div>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>tekst og indhold her
<div id="mcp_div">
<div id="mcpbrev" class="mcp_abs">Small message...<br>Small message...<br>Small message...<br>Small message...<br>Small message...<br>Small message...</div>
</div>
</body></html>
Ny bruger
Nybegynder
Opret
Preview
