Archivlink: javarea.de Forum > JavaScript > Rollen statt klappen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Rollen statt klappen

Pages: [1]

geschrieben von CeleronD am 27.05.2011 - 13:44
Hallo an alle!

Hab das Forum gerade empfohlen bekommen nun wollte ich auch mal gleich durchstarten. Ich nutze folgenden Code auf meiner Seite um die Menüs auf und zu zuklappen das ganze wird in SessionCookies gespeichert damit beim reload der Seite, die Menüs so sind wie der User sie haben möchte. Nun aber zum eigentlichen Problem sie sollen sanft zurollen statt einfach zu zuklappen. Wie realisiere ich das? Kann mir einer bitte dabei helfen das ganze umzusetzen?

Hier der JavaScript Code:

PHP-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 

<?
function aufzu(id){
  if(
document.getElementById(id).style.display == 'none') {
    
document.getElementById(id).style.display 'block';
    
setCookie(id'0');
  } else {
    
document.getElementById(id).style.display 'none';
    
setCookie(id'1');
  }
}

function 
getCookie(Name){ 
  var 
re=new RegExp(Name+"=[^;]+""i"); 
  if (
document.cookie.match(re)) 
    return 
document.cookie.match(re)[0].split("=")[1];
  return 
"";
}

function 
setCookie(namevalue){
  
document.cookie name+"="+value ";path=/;expires=Thu, 31-Dec-2099 00:00:01 GMT";
}
?>



Und hier der Code im Menü dann:

PHP-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 

<a href="javascript:aufzu('abc')"><? menuehead("ABC zum ABC");?></a>
<div id="abc">

<table cellpadding="0" cellspacing="0" border="0" width="133px">
</td>
Hier der Tabelleninhalt dann.
</tr>
</table>

</div>
<script type="text/javascript">
  if (getCookie("abc") == '1') { aufzu('abc'); }
</script>





Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.