Weiches Aufklappen des Spoilers

  • Hey an alle fleißigen Programmierer unter euch.

    Ich bin daran zu versuchen, dass sich beim überqueren des Mauszeigers, der Spoiler (in dem z.b. ein Bild ist) automatisch aufklappt.

    Hier auf der Seite seht ihr auf der Hauptseite eine Reihe von Materialien http://www.lachflaesh.de/ .
    Dort steht die Überschrift und wenn man rechts auf den Button Vorschau klickt, öffnet sich der Spoiler mit dem verkleinerten Material.

    Nochmal : Nun soll sich diser Spoiler beim überqueren des Mauszeigers bei der Überschrift automatisch öffnen.


    Ich hoffe ihr könnt mir weiter helfen.

    Mfg

  • Du brauchst dein Validator nicht bei jedem Thread zu posten....


    Es könnte ja mal sein, dass der ein oder andere sich mal Gedanken über den Schrott macht, den er da produziert.

    Oder hast du es so nötig ?


    Ich nicht, aber du, denn du schraubst da die mittlere Katastrophe zusammen.

  • Aber was du da postet Hilft kein bisschen. Dieser Schei** Validator zeigt sogar Sachen an die keinen Menschen Interessieren....
    Ich geb zu, dass ich auf keinen Fall Fortgeschritten mit Programmieren bin aber so nen Schrott wie du postet juckt keinen !

    Er zeigt sogar bei Youtube....einer der best laufensten und beliebtesten Websiten [ 72 Errors, 2 warning(s) ] ab also macht dir mal darüber Gedanken !

    Zudem bin ich mir dieser Fehler bewusst, jedoch habe ich diesem Thread NICHT nach einer Lösung zu dem Problem gefragt sondern etwas ganz anderes.
    Also wenn du meine gestellte Frage nicht beantworten kannst solltest du deinen Dreck woanders posten und nicht versuchen 1000 Backlinks zu erreichen -.-

    Alter Falter ! O.o

  • Alter Schwede, das ist ja mal 'ne Begründung! Weil andere Seiten Fehler haben, kann die eigene ruhig auch Fehler haben. Ja, ja, andere sind auch schon von der Ruhrtal-Brücke gesprungen, muss ich dir jetzt einen guten Flug wünschen?

    Und falls du mal richtig lesen würdest, ich habe dir einen Tipp gegeben! Und Backlinks? Was für Backlinks?

  • er meint wahrscheinlich ref-links.

    es sollte nicht in einem streit ausarten. lass et gut sein, vielleicht nimmt sich jemand anderes dem problem an

  • Okey statt onlick sollte ich onmouseover nehmen..... aber ich möchte ja nicht das er bei diesem "Vorschau" Button aufklappt sondern wenn ich über den Title gehe..... Zudem .. wie verlangsame ich das aufklappen ??

    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
    <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
    <div class="eTitle" style="text-align:left;">
    <?if($SECTION_NAME$='Videos')?><a href="$SECTION_URL$"><img alt="" src="http://www.lachflaesh.de/Kategoriende/c…-regular_01.png" height="25" width="25" border="0">></a><?endif?>
    <?if($SECTION_NAME$='Bilder')?><a href="$SECTION_URL$"><img alt="" src="http://www.lachflaesh.de/Kategoriende/c…-regular_05.png" height="25" width="25" border="0">></a><?endif?>
    <?if($SECTION_NAME$='Witze')?><a href="$SECTION_URL$"><img alt="" src="http://www.lachflaesh.de/Kategoriende/c…-regular_07.png" height="25" width="25" border="0">></a><?endif?>
    <?if($SECTION_NAME$='Flash')?><a href="$SECTION_URL$"><img alt="" src="http://www.lachflaesh.de/icons/flash.png" height="27" width="27" border="0">></a><?endif?>



    <a href="$ENTRY_URL$">$TITLE$</a></div>
    <div class="eDetails" style="clear:both;">
    <?if($RATING$)?><div style="float:left;background-repeat:no-repeat;"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
    <?if($CATEGORY_NAME$)?>
    <a href="$CATEGORY_URL$"> $CATEGORY_NAME$</a>-Kategorie
    |<?endif?>
    Aufrufe: $READS$ <?if($COMMENTS_URL$)?>
    | <a href="$COMMENTS_URL$">Kommentare ($COMMENTS_NUM$)&nbsp;</a>|
    <?endif?>

    Datum: <span title="$TIME$">$DATE$&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <?if($Categorie_6$)?> Kategorie: <img alt="" src="http://www.lachflaesh.de/Kategoriende/c…-regular_01.png" height="15" width="15"><?endif?>
    </div></td></tr></table>

    <div align="right"><div class="quotetitle"><b></b>
    <input class="spoilbtn" value="VORSCHAU" onmouseover="java:if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'WENIGER'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'MEHR'; }" onFocus="this.blur();" type="button">
    </div><div class="quotecontent"><div style="display: none;"><?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px; text-decoration:none"><a href="$ENTRY_URL$">
    <img style="border: medium none;" alt="" src="http://www.lachflaesh.de/LACHFlAESHDE/zoom.png" align="right" width="40" height="40">
    <div align="center" style="border:#000 solid 5px;;-webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -o-border-radius:6px;
    -khtml-border-radius:6px;padding:10px;"><div class="MySrc">$MESSAGE$</div><center><?if($SOURCE_URL$)?><img src="$SOURCE_URL$"><?endif?>
    <div align="right"><form>
    <a href="javascript://" onClick="new _uWnd('myName','Verlinken',500,200,{min:1,shadow:1,header:1,max:1,resize:0,icon:'http://icons3.iconfinder.netdna-cdn.com/data/icons/hum…mbolic-link.png'},'<strong>Link:</strong><textarea onclick=\'select(this)\' name=\'dest_text\' cols=\'80\' rows=\'1\' style=\'\'>$ENTRY_URL$</textarea><br><strong>BB-Code:</strong><textarea onclick=\'select(this)\' name=\'textarea2\' cols=\'80\' rows=\'1\' style=\'\'>$ENTRY_TITLE$</textarea><br><strong>HTML-Code:</strong><textarea onclick=\'select(this)\' name=\'textarea2\' cols=\'80\' rows=\'1\' style=\'\'><a href=\'$ENTRY_URL$\'>$ENTRY_TITLE$</a></textarea><br>');">
    <input value="Verlinken" onClick="confirmClose()" type="button">
    </a>
    </form>
    </div>

    </center></div><hr></a></div><?endif?>
    </div></div></div>


    <div id="load" style="display: none;">
    <div align="left">
    <div id="nns"><a href=$ENTRY_URL$>$TITLE$</a></div>
    </div>
    </div>

    <hr style=" height:1px;
    border:1px solid black;"><br><br>

  • aber ich möchte ja nicht das er bei diesem "Vorschau" Button aufklappt sondern wenn ich über den Title gehe


    Dann würde ich das an den entsprechenden Link hängen und nicht an den Button

    Zudem .. wie verlangsame ich das aufklappen ??


    Das solltest du aus der Dokumentation des JavaScriptes entnehmen oder den Hersteller fragen. Denn ich gehe davon aus, dass das nicht von dir ist, sonst wüsstest du das ja.

    Und bitte, benutzte die Formatierungsmöglichkeiten des Forums, denn so eine wilde Buchstabenwüste sieht sich niemand an.

  • deine ganze code und scriptgeschichte ist grausig!

    trenne js-code von html und nutz ne bibliothek wie jquery, da is das was du willst in weniger als 20 zeilen code für alle elemente gültig geschrieben.

    du brauchst eine animation für weiches aufklappen, das heisst du musst werte in einem interval ändern bis ein zielwert erreicht wurde :)

  • Synaptic.... WTF..
    Versuch dich mal in meine Lage zu versetzten xD
    Wenn ich schon da oben son Mist gepostet habe werde ich wohl kaum von diesen Begrifflichkeiten, welche du genannt hast bescheid wissen.

    Aber ich bin bereit zu lernen...und will das auch... also ich hab jetzt mal kein plan was du dort beschrieben hast... WO kann ich anfangen um mich dort rein zu finden ?

    mfg

  • Okey das istd er Teil den ich nicht verstehe xD

    Zitat

    deine ganze code und scriptgeschichte ist grausig!

    trenne js-code von html und nutz ne bibliothek wie jquery, da is das was du willst in weniger als 20 zeilen code für alle elemente gültig geschrieben.

    du brauchst eine animation für weiches aufklappen, das heisst du musst werte in einem interval ändern bis ein zielwert erreicht wurde :)

    1:------------------

    Zitat

    trenne js-code von html und nutz ne bibliothek wie jquery, da is das was du willst in weniger als 20 zeilen code für alle elemente gültig geschrieben.


    Wwas meinste mit trenne, wie geht das und weshalb sollte ich wenn es auch so funktioniert ?

    2:--------------

    Zitat

    du brauchst eine animation für weiches aufklappen, das heisst du musst werte in einem interval ändern bis ein zielwert erreicht wurde :)


    Wie Animation ? Unter einer Animation verstehe ich ein GIF Bild welches sich bewegt oder sowas in der Art..
    Welchem Interval ? Was für ein Zielwert ?

    Zitat

    :)

    Und was soll dieses Smiley darstellen es macht mich ganz wirr im Kopf ;D


    Danke für dein "Nicht-Blocken" und weiter helfen :)

  • also wenn du html von javascript und css trennst hast du klare, einheitliche codes die speziell für einen bereich sind, gut lesbar, leicht zu verstehen und auch prüfbar bzw man kann damit was anfangen, wenn ich die zig aktionen für javascript in ein onclick-attribut schreibe kann damit kei sau mehr was anfangen.

    jquery hilft dir einen code zu erstelllen der in allen gängigen browsern funktioniert, der code ist wesentlih kürzer als "normales" javascript

    und zur animation ein aufklappen in mehrern schritten ist eine animation....