fastix®: Wie mache ich eine "Schublade"

Beitrag lesen

SELF-Forum

Wie mache ich eine "Schublade"

fastix® Homepage des Autors
+1 Informationen zu den Bewertungsregeln

Moin!

Vielleicht meinst Du ja sowas wie den Kalender auf der Startseite auf it-schule.de....

  
<script type="text/javascript">  
<!--  
  
/* Konfiguration */  
var intWaitTime = 15;  
var intStepSize = 32;  
var intEndSize  = 335;  
  
/* Funktionen */  
function heightUp() {  
  counter=0;  
  window.setTimeout('zaehler_up()', intWaitTime);  
}  
  
  
function zaehler_up() {  
  counter=counter+intStepSize;  
  newHeight=(counter)+"px";  
  document.getElementById('T_Liste').style.height = newHeight;  
  if (counter < intEndSize=335) {  
      window.setTimeout('zaehler_up()', intWaitTime);  
  }  
}  
  
  
function heightDown() {  
  counter=intEndSize;  
  window.setTimeout('zaehler_down()', intWaitTime);  
}  
  
function zaehler_down() {  
  counter=counter-intStepSize;  
  newHeight=(counter)+"px";  
  document.getElementById('T_Liste').style.height = newHeight;  
  if (counter > intEndSize=0) {  
      window.setTimeout('zaehler_down()', intWaitTime);  
  }  
}  
// -->  


  
<body>  
  
<a onclick="heightUp()">Öffnen</a>  
<div id='T_Liste' style='height:0px;position:absolute;top:100px;left:100px;z-index:10'>  
Pla...Blubb...Laber  
</div>  
</body>

Du müsstest das insofern anpassen, als dass Du eventuelle mehrere "Kästen hast" und diese eventuell auch noch schließen willst. Die 15 Millisekunden zwischen zwei "Rucks" (intWaitTime) sind frei wählbar, ebenso der Fortschritt (intStepSize) und die Endhöhe (intEndSize).

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development
Beitrag melden
+1
Informationen zu den Bewertungsregeln