mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:48 Benutzername: Passwort: Auto-Login

Thema: Drop-Down bzw Select Box stylen - per Javascript vom 30.08.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Drop-Down bzw Select Box stylen - per Javascript
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
raz0rback
Threadersteller

Dabei seit: 18.03.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 30.08.2011 21:03
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für die Antworten, da werd ich dann morgen nochmal Spaß mit haben.

Vielleicht darf ich auch nochmal genauer nachfragen, wenn mir der Feuerkäfer nicht weiterhilft. Weiß auch nicht, warum der nicht mehr drauf ist Grins

Bisher gings auch ohne *bäh*
  View user's profile Private Nachricht senden
raz0rback
Threadersteller

Dabei seit: 18.03.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 31.08.2011 12:30
Titel

Antworten mit Zitat Zum Seitenanfang

Ok, also:

Dieses Auswahlfeld ist keine richtige select-box, wird durch ein JS manipuliert und man bekommt eine Liste angezeigt.

Versteh ich alles, seh ich alles.
Kein Problem

Aber wo und wie wird diese Liste eingeblendet? Ich finde weder die Funktion, noch überhaupt einen Name dazu noch CSS Angaben. Ich such überall, nur irgendwie nicht richtig * Ich geb auf... *

Hilfe?! Au weia!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 31.08.2011 12:37
Titel

Antworten mit Zitat Zum Seitenanfang

Die Liste ist sicherlich ein Kindelement eines Containers (oder so). Demnach könntest du einfach in CSS über normale HTML Elemente auf diese Liste zugreifen.

HTML
Code:

<div id="bla">
<ul>
<li>bla</li>
<li>bla</li>
</ul>
</div>

CSS
Code:

#bla ul li{width:123px;color:#444;}


usw.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 31.08.2011 12:40
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habe dir doch schon einen Link zu einem jQuery Plugin gepostet. Auf deiner Beispiel Seite kommt etwas ähnliches zum Einsatz. Die Nutzung des Plugins ist total easy. Ob du jetzt jQuery oder eine andere Bibliothek einsetzt spielt keine Rolle, ähnliches Scripts findest du haufenweise. Wird wohl besser sein du nutzt etwas vorhandenes anstatt dass du dich selbst daran versuchst.

Auch einfach einzusetzen ist z.B.: http://www.emblematiq.com/lab/niceforms/


Zuletzt bearbeitet von m am Mi 31.08.2011 12:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
raz0rback
Threadersteller

Dabei seit: 18.03.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 31.08.2011 13:09
Titel

Antworten mit Zitat Zum Seitenanfang

Das hilft mir leider alles nicht.

Ich danke euch echt für die Antworten, aber ich muss nur wissen woher dieses <div> kommt

Code:
<div class="jsDropdownMenu genericRoundedCorners" style="width: 72px; top: 737px; left: 586px;">


Es gibt im gesamten CSS keine Klasse, die "jsDropdownMenu" heißt
Irgendwas muss doch diese Liste aufrufen und genau das funktioniert bei meinem geklauten Code nicht.

Mehr brauch ich eigentlich nicht, aber ich finds nich.
Ich dachte ich könnte CSS/JS o.O

Aber das übersteigt meine Nerdigkeit ^^
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 31.08.2011 13:17
Titel

Antworten mit Zitat Zum Seitenanfang

Es geht hier doch um CSS und das Zugreifen auf HTML Elemente oder nicht * grmbl *
Wenns die Klasse in CSS nicht gibt, erstelle sie? * Keine Ahnung... *

Und du kannst wie ich oben beschrieben habe auch einfach auf das <div> zugreifen indem du vom Elternelement ausgehst. Sagen wir es gibt einen <span> in einem <li> was is einem <div> ist.
Dann ist
<div> elternelement von <li>,
<li> elternelement von <span>,
<span> kindelement von <li>,
<li> kindelement von <div>

also greifst du über folgenden Code auf das bestimmte Element zu weil es die Konstelation anders wohlmöglich nicht geben wird:
Code:
div li span{den:style;}


Wenn das <div> eine ID oder Klasse hat eben:
Code:
.blabla li span



JavaScript arbeitet ebenfalls mit Elementen, IDs und Klassen. Das guckt sich das HTML an und behandelt sie - die Klasse wird also in JavaScript stehen.


Zuletzt bearbeitet von SimonDerDude am Mi 31.08.2011 13:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
raz0rback
Threadersteller

Dabei seit: 18.03.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 31.08.2011 13:23
Titel

Antworten mit Zitat Zum Seitenanfang

Ich befürchte wir reden aneinander vorbei.

Wenn ich auf die Anrede klicke, wird dieses <div> erstellt:

Code:
<div class="jsDropdownMenu genericRoundedCorners" style="width: 72px; top: 737px; left: 586px;">


WIE wird es erstellt? WO wird das eingeblendet? Ich habe alle CSS, alle JS Dateien duchsucht

Ich will daran nix ändern, der style ist mir egal, ich will es BEIM KLICK aufrufen.
Öffnen, einblenden... wie auch immer.

Oder bin ich grad völlig blöd?
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 31.08.2011 13:33
Titel

Antworten mit Zitat Zum Seitenanfang

Im Titel des Threads steht halt "stylen", hatte keine Lust die ganzen Vorposts durchzulesen *ha ha*
Ein Element wird meist über ".add" erstellt. Die Klassen kommen über ".addClass" hinzu. Wenn die ganzen Klassen aber weder in CSS noch JS stehen wird das Ding vielleicht über PHP ausgegeben - dann haste verloren.

Habe gerade aber keine Zeit die ganzen JS Dateien zu durchsuchen. Halte dich besser an die Antwort von m und setz es neu auf.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen javascript stylen - wie, wo?
[solved] Wie skinne ich ein <form> <select> drop down?
[javascript] mit <select> feld wert an javascript funk
<select>-Tag per Javascript funktioniert nur in FF
CSS Drop-Down Menü mit Javascript
Drag&Drop mit JavaScript.
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  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.