[gelöst] Selektor - Aber wie kann ich diesen auslesen???
am 09.10.2012 - 11:52 Uhr in
Wie kann ich den Selektor von einem Objekt erkennen oder lesen, damit dieses Objekt ansprechen kann?
Ich habe Firefox, Chrome, Opera, doch was brauch ich dazu?
Sorry, wegen meiner dummen Frage, doch auch solche Fragen können beantwortet werden.
Danke schon einmal im voraus.
Grüße Thomas aus Leipzig
- Anmelden oder Registrieren um Kommentare zu schreiben

Am einfachsten geht das mit
am 09.10.2012 - 13:13 Uhr
Am einfachsten geht das mit dem Plugin Firebug im Firefox. Damit kannst Du Dir den Quelltext und die bereits aktiven CSS-Statement ansehen und Änderungen auch erst mal nur im Browser testen, bevor Du sie in eine CSS-Datei schreibst. Dazu noch das Video von Thoor .
Beste Grüße
Werner
ja, damit habe ich es ja auch
am 09.10.2012 - 17:30 Uhr
ja, damit habe ich es ja auch versucht, doch vielleicht gehe ich falsch an die sache.
ich habe einen inhaltstypen, wo ich eine pdf und eine zip-datei mit abspeichere. Nun möchte ich diese in views die pdf oder zipdateien in einem externen browserfenster anzeigen lassen bzw. downladen lassen.
in einem anderem beitrag hat mir berthold folgenden tipp gegeben, doch ich weiß nicht wie ich zu diesem selektor komme.
Wenn ich es richtig verstanden haben, dann soll das PDF doch nur mit dem target Blank versehen werden.
Das geht am einfachsten mit der JQuery.
Deine Ausgabe in der View hat ja genaue Selektoren und da kannst du einfach ein target=_blank an den Selektor anhängen, ungefähr so:
$('dein_Selektor_zum_pdf_link > A').attr('target', '_blank');
Wenn du mir die Seite mit dem
am 10.10.2012 - 00:29 Uhr
Wenn du mir die Seite mit dem Link zeigst, dann sage ich dir, wie der Selekor genau heißt :-)
Die Feststellung, welchen Selektor ein bestimmtes Element auf der Seite hat, ist im allgmeinen trivial. Firebug ist dazu ein gutes Werkzeug und auch Dragonfly von Opera.
Natürlich bietet auch der Safari ein entsprechendes Tool an. Ich nehmen im allgmeinen meinen Lieblings-WYSIWYG-CSS Editor Stylizer.
Gruß
Berthold
danke berthold, dass du
am 10.10.2012 - 09:00 Uhr
danke berthold, dass du diesem bzw. meinem forenthema dich gewidmet hast.
entweder bin ich doch zu doof oder ich mache nur fehler.
ich habe versucht einen selektor zu bestimmen, mit firebug bzw. dragonfly. leider bekomme ich nur den html-code:
<a target="_blank" href="http://bob.dev/sites/default/files/presse/pdf/T1.pdf">PDF·-·Presse·Download</a>es wäre für mich wichtig zu wissen, was ich verkehrt mache und ich habe noch eine andere möglichkeit gefunden um zu dem gestellten ziel zu kommen.
ich möchte es dir kurz beschreiben, nicht das diese gedanke auch wieder nur ein irrtum von mir ist :(
1. views ansicht bearbeiten
2. das Feld 'Inhalt: PDF' angeklickt -> konfiguriere feld: Inhalt: PDF
3. Formatierer ändern in 'URL zu Datei' auswählen
4. Karte 'Ergebnisse überschreiben' aufklappen;
4.1 Option 'Die Ausgabe des Feldes neu-definiere' aktivieren ( ich habe einfach 'PDF-Presse·Download' eingetragen)
5. Option 'Dieses Feld als Link ausgeben' aktivieren
5.1 Im Feld 'Linkpfad' habe ich [field_presse_pdf]
5.2 Option 'Verwenden Sie den absoluten Pfad' aktiviert
6. im Feld 'Ziel' die gewohnte und gewünscht target-eigenschaft "_BLANK" eingetragen
Ist mein Vorgehen nicht ausreichend überdacht oder würde das eine alternative darstellen?
Dennoch möchte ich immernoch wissen, wie ich den Selektor bestimmen kann.
Tools wie firebug und
am 10.10.2012 - 13:31 Uhr
Tools wie firebug und dragonfly liefern die schon den richtigen Selektor. der HTML-Tag steht ja nicht einfach so auf der Seite, sondern ist in einem DIV drin, welches dann eine entsprechende CSS Klasse oder ID besitzt, damit der Link auch im Browser genau so aussieht, wie er aussehen soll.
Wenn du mir so einen PDF-Link auf deiner Seite zeigen kannst, dann kann ich dir gerne den Selektor verraten, über den du diesen Link manipulieren kannst.
btw: die Lösung mit der JQUERY hat mit views nichts zu tun.....
ich will dich mit der Sache
am 10.10.2012 - 14:47 Uhr
ich will dich mit der Sache nicht so ganz alleine stehen lassen und deshalb noch einmal einen Beitrag von mir zu diesem Thema.
Ich habe mal auf der Seite drupal.org den Selektor für das Bildchen: Develop with Drupal und darunter ist so eine 8 (für Drupal 8) herausgesucht und dieses Bild mit einem roten Rahmen versehen (siehe angehängte Screenshots, einmal ohne roten Rahmen und einmal mit roten Rahmen).
Ein passender Selektor dafür ist z.B.
DIV#front-top-right-inner > DIV.block-content > DIV > DIV.grid-1.alpha > IMG
Das ist wirklich ganz einfach und da ist nichts myteriöses dabei :-)
Gruß
Berthold
Hallo Berthold, danke für
am 11.10.2012 - 08:27 Uhr
Hallo Berthold, danke für deine Unterstützung. Also ich weiß nicht wie ich dir den PDF Link zeigen kann. Da ich es nicht extern stellen kann. Ich habe mir mal 'deinen' Stylizer installiert (noch nicht freigeschalten bzw. bezahlt) und dir ein Foto beigelegt. Kann man hieraus den richtigen Selektor bestimmen?
Wie kann ich dir sonst den Link zeigen?
ich würde es mal
am 11.10.2012 - 17:44 Uhr
ich würde es mal mit:
DIV.field-name-field-presse-pdf > DIV.field-item>SPAN>A
versuchen, dass müßte doch gehen.
Du kannst es leicht ausprobieren, indem du einfach mal einen Rahmen um diese Selektor legst, dann sieht du genau, ob du auch den richtigen erwischt hast, und ob noch andere Elemente auf deiner Seite unter Umständen den gleichen Selektor haben.
Gruß
Berthold
NULL ist leider nur das Ergebnis :(
am 12.10.2012 - 08:28 Uhr
Guten Morgen Berhold,
danke für deinen Beitrag, doch der Selektor kann damit das Feld nicht ansprechen. Was mache ich falsch?
Ich habe diese Zeile eingegeben in opera Dragonfly:
$('DIV.field-name-field-presse-pdf > DIV.field-item > SPAN > A');Ergebnis: null
Mit Chrome habe ich den Fehler aus der eingebundenen JS-Datei. Siehe bitte Dateianhang (Bild -> selektor_suche_1.jpg).
Wie du sehen kannst, habe ich aus deinem Tutorial diese JS-Datei erstellt.
Ich habe die Selektoren dann anders dargestellt, doch das hat mich dann auch nicht weiter gebracht.
Mit nachstehenden Code wird mir bei opera Dragonfly
$('DIV > DIV.field-name-field-presse-pdf');mit folgendem Ergebnis angezeigt - Siehe bitte Dateianhang (Bild -> selektor_suche_2.jpg)
Wo liegt der Hund begraben?
es ist leider schwierig, wenn
am 12.10.2012 - 10:58 Uhr
es ist leider schwierig, wenn du die Dinge nicht online zeigen kannst....
Ich würde mal in deiner Stelle das J von JQuery klein schreiben, also jQuery :-)
Na, das mit der Schreibweise
am 12.10.2012 - 11:30 Uhr
Na, das mit der Schreibweise von jQuery bekomme ich ja hin *lach
Hat es denn Auswirkungen, wenn der Apache-Webserver nicht auf meiner Maschine läuft sondern, separat über das Netzwerk im Intranet?
Denn mit Firebug bekomme ich gar keine Ergebnisse. Noch nicht eínmal mit
$('h2');obwohl das vorhanden ist..Ich habe zwei Bilder im Anhang. Einmal das Ergebnis mit Firebug und das zweite Bild zeigt meine Add ons in Firefox.Auch wenn du mir unter den Umständen auch nicht weiter helfen kannst, möchte ich mich ganz herzlich für deiner Unterstützung bedanken.
Die Fehlermeldung aus dem
am 12.10.2012 - 12:33 Uhr
Die Fehlermeldung aus dem ersten Bild sagt, daß Du keinen jQuery-Umschlag um Deine Funktion hast und deshalb die $-Funktion nicht bekannt ist.
Beste Grüße
Werner
Hallo Werner, danke für
am 15.10.2012 - 07:21 Uhr
Hallo Werner, danke für diesen wichtigen Hinweis, wie kann ich Abhilfe schaffen?
Sieh Dir doch Dein Bild
am 15.10.2012 - 07:57 Uhr
Sieh Dir doch Dein Bild selector_suche_1.jpg an, da hast Du den Umschlag, aber es muß jQuery heißen, wie Berthold schon anmerkte.
Einen gut gemeinten Rat: Du stocherst furchtbar im Nebel und hast Null Ahnung von dem, was Du tust. Du verstehst ja nicht mal die Hinweise, die Du bekommst. Vielleicht solltest Du Dich mal mit einem Einführungsbuch zu jQuery befassen. Die Materie ist einfach zu komplex um sie als BlackBox zu benutzen.
Beste Grüße
Werner
Ja Werner, das ist schon so,
am 15.10.2012 - 09:45 Uhr
Ja Werner, das ist schon so, wie du richtig erkannt hast. Mit jQuery habe ich außer was ich hier geschrieben oder gelesen habe, nichts getan. Welches Einführungsbuch meinst du genau zu jQuery?
Sowie die Profis feststellen,
am 18.10.2012 - 11:04 Uhr
Sowie die Profis feststellen, dass man keine Ahnung hat, wird sich einfach keine Zeit mehr genommen, um das Problem gemeinsam zu lösen. Ich dachte, dazu ist das Drupalcenter gedacht, dass man den schwächeren Usern mit unter die Arme greift. Ich habe es als gelöst deklariert, was jedoch nicht heißt, dass ich geholfen wurde.
Dennoch vielen Dank Berthold und Werner. Ich werde mich bemühen, jQuery mir anzueignen und lernen.
Dann werde ich jetzt auch mal
am 18.10.2012 - 13:42 Uhr
Dann werde ich jetzt auch mal direkter. Man fängt bei einem Hausbau nicht mit dem Balkon im 1. Stock an, sondern mit dem Fundament.
Das Fundament zu Drupal und jedem anderen CMS heißt HTML und CSS. Da fehlt es bei Dir bereits.
jQuery kommt erst danach. Zufällig hat jQuery fast identische Selektoren wie CSS, kann aber noch mehr.
CSS-Selektoren findest Du genau im Web beschrieben.
Grundlagen zu HTML und CSS findest Du z.B. im Buch "Peter Müller, Little Boxes. Webseiten gestalten mit CSS". Ich hoffe Du kennst wenigstens die Suche bei Amazon.
Zu jQuery solltest Du in eine Fachbuchhandlung gehen und verschiedene Bücher zu dem Thema anblättern. Meine Voraussetzungen sind andere als bei Dir und von daher weiß ich auch nicht, womit Du zurechtkommen kannst. Das mußt Du für Dich selbst herausfinden.
Dieses Forum ist dazu da, über gewisse Schwierigkeiten hinweg zu helfen, aber kein Kindergarten. Ich erwarte von jedem, der ernsthaft mit Drupal arbeiten will, das er sich bemüht, Kenntnisse aufzubauen. Drupal ist mein Hobby und ich helfe eigentlich gerne, aber bei solch einem Lamentieren, wie Du das gerade veranstaltet hast, sinkt bei mir die Bereitschaft weiter zu helfen rapide.
Beste Grüße
Werner
danke werner, für deine
am 18.10.2012 - 14:01 Uhr
danke werner, für deine ehrlichen worte, doch ich wollte ich in keiner weise damit angreifen. und vielleicht siehst du als profi es als spielwiese an. sorry, ich wollte in keiner jemanden mit meine zeilen angreifen. und ich habe dir auch geschrieben, dass ich mich mit jquery auseinandersetzen werde und lernen möchte.
und ich würde mich sehr freuen, wenn du bei eventuellen problemen oder schwierigkeiten weiter deine meinung und dein wissen mir schreibst.