[gelöst] Javascript in Theme einbinden
Eingetragen von Twinhand (68)
am 02.07.2013 - 08:02 Uhr in
am 02.07.2013 - 08:02 Uhr in
Hallo zusammen,
ich möchte folgendes realisieren:
Ich möchte in der Fußleiste meines Themes einige Buttons per Javascript anbringen. Diese sollen je nach Button unterschiedliche funktionen haben, wie z.B. Drucken, verkleinern des Textes, ein Link zum Impressum usw.
Dies soll dann so aussehen, wie auf Abbildung1.
Nehmen wir mal das Beispiel mit dem Druckbutton.
Ich habe folgenden Javascript Code aus dem Internet besorgt:
Inhalte stammen von: http://www.web-toolbox.net/webtoolbox/diverses/seite-drucken.htm#ixzz2Xr...
www.clickstart.de
<form>
<a href="javascript:window.print()">
<img src="print.gif" width="20" height="16" border="0" alt="">
</a>
</form>
Wie kann ich diesen nun richtig in mein Theme einbinden, und wie kann ich das Bild mit der Funktion des Skriptes verlinken.
Es wäre super, wenn ihr eine potentielle Lösung sehr ausführlichen erklären könntet, falls ihr dafür Zeit habt.:)
Ich danke euch auf jedenfall schonmal im voraus.
MfG
Twinhand
Anhang | Größe |
---|---|
Abbildung1.png | 3.16 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Das form-Tag ist überflüssig.
am 02.07.2013 - 09:56 Uhr
Das form-Tag ist überflüssig. Das a-Tag alleine reicht aus. Das ist schon auf der referenzierten Seite nicht korrekt. Also mußt Du nur noch einen Link auf Deiner Seite positionieren, der ein Image beinhaltet. Lege das Icon z.B. in das Unterverzeichnis icons vom Ordner sites/default/files (das existiert noch nicht, also mußt Du es anlegen). Als nächstes erstellst Du unter Struktur > Blöcke einen neuen Block und trägst dort den HTML-Code ein
<a href="javascript:window.print()">
<img src="/sites/default/files/icons/print.gif" width="20" height="16" border="0" alt="print-icon">
</a>
Dabei legst Du noch fest, in welcher Region, z.B. im Footer, Deines Themes dieser Block zu sehen sein soll. Das war es auch schon.
Ich empfehle Dir dringend, wenn Du Dich ernsthaft mit Webseitenerstellung befassen willst, Dir ausreichende Kenntnisse in HTML und CSS zuzulegen.
Beste Grüße
Werner
Das ist eine tolle Antwort,
am 02.07.2013 - 10:22 Uhr
Das ist eine tolle Antwort, ich werde das sofort ausprobieren.^^
Die Sache ist die, ich wurde kwasi ins kalte Wasser geworfen, was die Webseite angeht, also habe ich ein Drupal standart Theme genommen um eine Basis zu haben und dann habe
ich angefangen dan Theme zu bearbeiten, inzwischen ist es schon fast fertig. Nur von Javascript habe ich keine Ahnung deswegen auch die Frage wie man es einbindet.
Danke für die schnelle Antwort.^^
MfG
Twinhand
Mir wurde gerade gesagt, von
am 02.07.2013 - 10:38 Uhr
Mir wurde gerade gesagt, von irgend einer Verordnung vorgeschrieben ist, das Javaskript Datein in den Header kommen.
Ich glaube kaum das damit der Header meines Themes gemeint ist, wisst ihr wie ich das realisieren kann?
Habe gelesen das ich die Datei einfach nur in der . info Datei wie folgt einbinden kann:
scripts[] = js/Beispiel_script.js
Aber wie bekomme ich diese Funktion dann in den von mir gewünschten Block?
MfG
Twinhand
Das "nur" stimmt so nicht
am 02.07.2013 - 10:59 Uhr
Halllo,
die Info-Datei ist da eine aber nicht die einzige Möglichkeit JS in Dein System zu bekommen. Allerdings hast Du erwähnt, daß Du ein Standard-Theme nutzt und wenn Du dann dieses modifizierst hast Du Problem mit späteren Updates. Dies lässt sich mit einem custom Subtheme lösen.
Und wenn Du das JS geladen bekommst, dann kann dieses in der Regel über Selektoren z.B. per CSS ID oder Klasse operieren und so kannst Du auch Deine Aufgabe lösen. Aber dafür muss Dein JS dazu passen. Da Du aber da Du schreibst von Javascript keine Ahnung zu haben, solltest Du neben HTML und CSS (Werners Rat) zusätzlich auch erstmal etwas Basis-Wissen zu JS aneignen. Da Drupal jQuery mitbringt muss es auch nicht unbedingt pures JS sein.
Schau Dir vllt. Drupal-Module und Themes an, die schon mit JS Einbindung funktionieren. Nachahmung ist kein schlechter Weg zum Lernen.
Viel Erfolg,
Carsten
Ohh Entschuldigung,
am 02.07.2013 - 11:26 Uhr
Ohh Entschuldigung, Stadard-Theme ist nicht ganz richtig. Es ist ein Theme einer Webseite eines Arbeitskollegen bzw. Ausbildungskollegen.
Er hat mir dieses Theme gebeben, weil so schon der grobe Aufbau und die Struktur eines Drupal Themes zu erkennen war, für dieses Theme gibt es keine Updates, es sei denn, ich machesie selbst.^^
Könntest du mir die Sache mit den Selektoren wohl etwas genauer erklären. Wenn ich die .js Datei so wie sie jetzt ist in ein Unterverzeichnis namens js speichere und sie dann in der . Info Datei einbinde,
wie genau erreiche ich dann das die das Bild mit der verlinkten Funktion z.B. im footer angezeigt wird?
MfG
Twinhand
Ok, also die ganze Geschichte
am 02.07.2013 - 12:38 Uhr
Ok, also die ganze Geschichte wird jetzt mit HTML und einfachen Blöcken realisiert.
Wenn ich die Druckseite speziel formatieren möchte, muss ich dann ein extra Style-Sheet anlegen, oder reicht es wenn ich die Datei aus meiner Haupt css Datei anspreche.
BZW wie spricht man denn die Druckansicht an, die von der oben gezeigten Funktion genutzt wird?
MfG
Twinhand