DIV: Automatisches ausblenden nach 3 Sekunden

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • DIV: Automatisches ausblenden nach 3 Sekunden

    Hallo, ich versuche krampfhaft eine "Div-Box" nach 3 Sekunden aus zu blenden, jedoch funktioniert das nicht.

    Quellcode

    1. function test(d) {
    2. if (d.length < 1) {return; }
    3. alert(""+d+"");
    4. document.getElementById(d).style.display = "none";
    5. }
    6. function HideContent(d) {
    7. if(d.length < 1) { return; }
    8. document.getElementById(d).style.display = "none";
    9. }
    10. function ShowContent(d) {
    11. if(d.length < 1) { return; }
    12. document.getElementById(d).style.display = "block";
    13. setTimeout("test("+d+")", 3000);
    14. }
    Alles anzeigen


    Show und Hide funktioniert ohne Probleme nur das automatische ausblenden nicht,

    in alert wir mit [object HtmlDivElement] zurückgegeben.... <--- was soll den das?

    Kann mir das jemand hefen wie ich "d" richtig überge?


    PS kenn jemand einen editor der JS debugen kann? Ich bekomme nie Fehlermeldungen das nervt wenn man fehler sucht....
    Erst wenn der letzte FTP Server kostenpflichtig, der letzte GNU-Sourcecode verkauft, der letzte Algorithmus patentiert, der letzte Netzknoten kommerzialisiert, die letzte Newsgroup moderiert wird, werdet Ihr merken, dass man mit Geld allein nicht programmieren kann.

  • So, da mein Div-layer nun funktioniert wie es soll :) will ich den euch nicht vorenthalten:

    Quellcode

    1. <script type="text/javascript" language="JavaScript"><!--
    3. function action(d) {
    4. if (d.length < 1) {return; }
    5. document.getElementById(d).style.display = "none";
    6. }
    7. function HideContent(d) {
    8. if(d.length < 1) { return; }
    9. document.getElementById(d).style.display = "none";
    10. }
    11. function ShowContent(d) {
    12. if(d.length < 1) { return; }
    13. document.getElementById(d).style.display = "block";
    14. start = setTimeout("action('"+d+"')", 3000);
    15. }
    16. function ReverseContentDisplay(d) {
    17. if(d.length < 1) { return; }
    18. if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
    19. else { document.getElementById(d).style.display = "none"; }
    20. }
    21. function HoldContent(d) {
    22. if (d.length < 1) {return;}
    23. clearTimeout(start);
    24. }
    26. function FadeContent(d) {
    27. if (d.length <1 ) {return;}
    28. start = setTimeout("action('"+d+"')", 1000);
    29. }
    30. //--></script>
    33. <a
    34. onMouseOver="ShowContent('uniquename'); return true;"
    35. href="javascript:ShowContent('uniquename')">
    36. [show]
    37. </a>
    38. <div onMouseOver="HoldContent('uniquename'); return true;" onMouseOut="FadeContent('uniquename'); return true;"
    39. id="uniquename"
    40. style="display:none;
    41. position:fixed;
    42. width: 200px;
    43. margin-left: 400px;
    44. border:1px solid;
    45. background-color: white;
    46. padding: 2px;">
    47. <p>
    48. Content goes here.
    49. </p>
    50. <p align="right"><a onClick="HideContent('uniquename'); return true;" href="#">[more...]</a></p>
    51. </a>
    52. </div>
    Alles anzeigen


    Feature:
    - Blendet sich automatisch aus nach 3sek
    - OnMouseOver, wird er nicht ausgeblendet
    - OnMouseOut, wird er nach 2sek ausgeblendet
    - OnClick auf den link, wird er sofort ausgeblendet

    Viel Spass

    //EDIT Weiß einer wie man da nen Drop-Shadow rein machen kann? Sieht dann bestimmt auch fetzig aus...

    //EDIT2 IE-Fix eingebaut
    Erst wenn der letzte FTP Server kostenpflichtig, der letzte GNU-Sourcecode verkauft, der letzte Algorithmus patentiert, der letzte Netzknoten kommerzialisiert, die letzte Newsgroup moderiert wird, werdet Ihr merken, dass man mit Geld allein nicht programmieren kann.

  • super danke :)

    Was ich auch noch einbauen werde, ist das der inhalt des layers mit AJAX geladen wird mit nem schicken Loading symbol :)
    Erst wenn der letzte FTP Server kostenpflichtig, der letzte GNU-Sourcecode verkauft, der letzte Algorithmus patentiert, der letzte Netzknoten kommerzialisiert, die letzte Newsgroup moderiert wird, werdet Ihr merken, dass man mit Geld allein nicht programmieren kann.