mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 11:35 Benutzername: Passwort: Auto-Login

Thema: jQuery - Hover vom 06.11.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jQuery - Hover
Seite: 1, 2, 3  Weiter
Autor Nachricht
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 06.11.2008 14:43
Titel

jQuery - Hover

Antworten mit Zitat Zum Seitenanfang

hallo zusammen,

habe hier ein kleines Problem bei dem ich gerade keine lösung finde.

Es ist so das ich linklisten habe den immer eine überschrift zugeordnet ist


|-------------|
Head 1
+ Link1.1
+ Link1.2

Head 2
+ Link2.1
+ Link2.2
|-------------|

jetzt ist es so das diese listen in manchen fällen sehr lang sind.
ich habe mir gedacht das ich es für die übersichtlichkeit so löse das wenn man auf die überschrift klickt das menü eingefahren und ausgefahren werden kann.

das klappt auch soweit

Code:

$(document).ready(function() {
  $("#doit1").click(function(){
    if ($("#action1").is(":hidden")) {
   $("#action1").slideDown("slow");
    } else {
   $("#action1").slideUp("slow");
    }
  });
  return true;
});


nun ist es so, das es nicht ersichtlich ist das die überschrift ( in einem div untergebracht) anklickbar ist.
da ich ihr selbst nicht das <a> zuweise.
sondern der komplette container soll klickbar sein

ich habe mir gedacht das ich bevor die click-function beginnt folgendes davor schalte

Code:

$("#doit1").hover(function(){
  $(this).css("cursor","pointer");
});


nur klappt das nicht. der cursor bleibt gleich.
hat jemand von euch eine idee?
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.11.2008 14:49
Titel

Antworten mit Zitat Zum Seitenanfang

warum deklarierst du nicht einfach im css für jedes a den pointer?

Code:

a { cursor: pointer; }


* Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 06.11.2008 14:52
Titel

Antworten mit Zitat Zum Seitenanfang

pixelpapst303 hat geschrieben:
warum deklarierst du nicht einfach im css für jedes a den pointer?

Code:

a { cursor: pointer; }


* Keine Ahnung... *


es gibt ja kein a

Code:

<div class="navhead" id="doit1">Head 1</div>
<div id="action1">
  <ul>
   <li class="aktiv"><a href="#">Link1</a></li>
   <li><a href="#">Link2</a></li>
   <li><a href="#">Link3</a></li>
  </ul>
</div>
  View user's profile Private Nachricht senden
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Do 06.11.2008 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

dann setzt du das halt fürs div?

Wieso willst du das unbedingt über jquery machen?
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 06.11.2008 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

weil ich übung brauche.und es gern einsetze.
für die divs...hmm, gute idee.

mittels jQuery nicht lösbar?
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.11.2008 15:00
Titel

Antworten mit Zitat Zum Seitenanfang

ups, sorry. da hab ich mich verlesen...

übung schön und gut. aber sollte man nicht auch üben, schwachsinn zu vermeiden?? *bäh*

warum eine externe library mit fünf zeilen code anschmeißen, wenn es mit css gelöst is?

ok, beim div haste das problem, dass du das whatever:hover brauchst, aber was spricht gegen:

Code:

<div id="doit1"><a>Menüpunkt</a></div>


css siehe oben

* Keine Ahnung... *


Zuletzt bearbeitet von pixelpapst303 am Do 06.11.2008 15:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 06.11.2008 15:08
Titel

Antworten mit Zitat Zum Seitenanfang

den fadeUp / fadeDown effekt bekommt man mittels CSS nicht realisiert.
und über diesen webauftritt verkaufen wir ein produkt.
da wollen wir auch zeigen was wir können.


was du mit 'schwachsinn vermeiden' meinst, kann ich nicht nachvollziehen, sollte jetzt aber auch nicht mein Problem sein.

es sind nicht nur die 5 zeilen code *ha ha*
der übersichtshalber habe ich es aufs wesentliche hier gekürzt.

naja ich denke der lösungsvorschlag vom polen sagt mir am ehesten zu.
teste das grad mal
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.11.2008 15:12
Titel

Antworten mit Zitat Zum Seitenanfang

is heute so einer diese tage?

gegen deine slideDown-fancy nummer sag ich doch gar nichts. aber warum willst du die css eigenschaft pointer per jquery an eine id binden? das ist, ich steh dazu, schwachsinn.

und wenn du noch mal genau liest, ... der pole scheints nicht anders zu sehen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Hover mit JQuery flackert
jQuery hover über größere Grafik
Javascript / jQuery: Menü mit Hover bzw. Touch-Events
hover-Button/hover-Bild wird darunter eingefügt
jquery - hide content in jquery object
jQuery Plugin - Slider als Input wie in jQuery UI
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.