|
|||
Jquery Accordion Mouseover
Hallo!
Ich habe ein Jquery Accordion, das ein div bei click auf einen button öffnet und schließt. Nun möchte ich das aber mit einem Mouseover machen. Bei Mouseover über den Button soll das div sichtbar werden und bei Mouseout sich schliessen. Bisher hab ich das Jquery so gelöst: Code:
$(document).ready(function(){ $("dt").click(function(){ // trigger $(this).next("dd").slideToggle("fast"); // blendet beim Klick auf "dt" die nächste "dd" ein. $(this).children("a").toggleClass("closed open"); // wechselt beim Klick auf "dt" die Klasse des enthaltenen a-Tags von "closed" zu "open". }); }); function einblenden(which) { if (which == 1) { document.getElementById("extra").style.display = "block"; } else { document.getElementById("extra").style.display = "none"; } } |
Sponsored Links |
|
|||
mouseover heißt, dass es aktiviert wird, sobald du drüberfährst. Da wird nicht zwischen reinfahren oder verlassen unterschieden. Es gibt aber uach mouseout.
Aber: Ein Akkordion, welches bei :hover reagieren soll, lässt sich auch komplett mit CSS realisieren, vergiss eine JS-Lösung dafür am besten lieber. |
Sponsored Links |
|
|||
Manchmal muss man eben große Teile umbauen. Hat man es ordentlich eingebaut, dann reicht es sogar aus, nur an einer Stelle umzubauen
Deshalb: Lass den Pfusch und bau es ordentlich mit CSS ein. |
|
|||
Mit CSS Pur ist das machbar (ohne java) und Dein Vorteil wäre das Du auch diese armen Leute bedienen könntest die absichtlich ihr java im Browser deaktivieren aus Angst der könnte sich ein schnupfen einfangen oder so etwas.
Schreibst das CSS für das accordeon ganz normal, aber gibst dem zugeklappten Teil eine Höhe von 0px. Folgend kommt das "zugeklappte-teil:hover" wo die richtige Höhe angegeben wird. Wenn du dies dann noch mit Animation versehen willst, z.B. soll sich langsam öffnen und schliessen geht das auch mit CSS, ohne java |
|
|||
Ma, bitte, dann muss ich unzählige Seiten anfassen und hab einen Abgabetermin. Mit der Usability passt schon weil es eh noch andere Funktionen gibt die nur mit Javascript funktionieren, als muss man für die Seite sowieso JS aktiviert haben.
Müsste doch ganz einfach mit einem Mouseout event gehen, aber ich schaffs leider nicht... |
|
||||
JAVASCRIPT!!!!!!!!!!!!!!! (RUDELTIERCAPTNCAPS!!!) Zitat:
Ja, es ist idR auch einfach, wie hast du es bisher denn versucht?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
Zitat:
Daher wurde es eine zeitlang auch per Standard deaktivert Browsersicherheit: Firefox deaktiviert alle Java-Plugins - Golem.de Und ist nach wie vor nicht unbedingt zu empfehlen. Du meinst vermutlich Javascript, dafür gibt es das geniale AddOn NoScript. Da geht es weniger um Schnupfen, sondern um Inhalte die ohne mein Wissen übermittelt werden, um Animationen, die mich beim lesen oder benutzen der Seite nerven und ganz allgemein um mehr Komfort beim surfen. Das JS auch nützlich sein kann ist unbestritten, daher läßt sich mit NoScript die Erlaubnis der Ausführung von Skripten genau steuern. Ein bisschen Vorsicht ist beim surfen auf jeden Fall angebracht, auch wenn man nicht körperlich krank wird, aber viele Computerviren kommen über JS Fehler in dein System. |
Sponsored Links |
|
|||
Zitat:
Wieso dann aber viele Seiten bearbeitet werden müssen ("Ma, bitte, dann muss ich unzählige Seiten anfassen ...") ist nicht ganz klar. Das hängt wohl davon ab wie das HTML der Seiten geschrieben ist. Aber in diesem Fall müssten dann wohl auch die Selben Seiten bearbeitet werden wenn er ein scribt gebraucht oder ein altes script ändert. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen? | papalapap | Javascript & Ajax | 8 | 13.08.2012 23:00 |
JQUERY mouseover function mit Werten | tichy | Javascript & Ajax | 1 | 09.08.2011 21:58 |
jQuery fadeIn bei mouseover div | Scolex | Javascript & Ajax | 8 | 17.03.2011 23:05 |
Jquery Code für Mouseover etwas vereinfachen | connor | Javascript & Ajax | 8 | 08.03.2010 00:01 |
Jquery: untermenüs nur zeigen bei mouseover und mousebewegung | x_merlin_x | Javascript & Ajax | 0 | 27.09.2009 14:04 |