language Platzhalter in js prepend verwenden

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
phonon112358
Mitglied
Beiträge: 10
Registriert: 22.01.2016 18:45

language Platzhalter in js prepend verwenden

Beitrag von phonon112358 »

Hi,

ich erstelle gerade meinen ersten phpBB style (basierend auf prosilver) und stecke gerade fest:
Ich möchte in einer javascript Funktion einen phpBB3 Platzhalter in einer prepend Anweisung verwenden, um mehrsprachigkeit zu ermöglichen.
Konkret geht es um folgende Funktion in der forum_fn.js Datei (Zeile 578 ff.) aus prosilver:

Code: Alles auswählen

if ($this.hasClass('post-buttons')) {
$('.button', $menuContents).removeClass('button icon-button');
$('.responsive-menu-link', $menu).addClass('button icon-button').prepend('<span>{LA_OPTIONS}</span>');
Diese wird für das responsive dropdown menü für die postbuttons verwendet.
Ich habe natürlich auch

Code: Alles auswählen

{L_OPTIONS}
statt

Code: Alles auswählen

{LA_OPTIONS}
probiert, aber leider ohne das gewünschte Ergebnis.

Ich hoffe, jemand hier kann mir weiterhelfen...
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8136
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: language Platzhalter in js prepend verwenden

Beitrag von Kirk »

Hallo
Du müsstest es in die viewtopic_body.html reinsetzen, schau mal ab <ul class="post-buttons"> dort werden die post-buttons eingetragen, die js Datei ist nur für die responsive Ansicht zuständig.
phonon112358
Mitglied
Beiträge: 10
Registriert: 22.01.2016 18:45

Re: language Platzhalter in js prepend verwenden

Beitrag von phonon112358 »

Danke für die Antwort - aber was ich möchte ist, dass auf dem Button für das responsive dropdown menü etwas steht (ich möchte ein barrierefreies Forum erstellen und muss deshalb jeden Button beschriften...) und nach Möglichkeit je nach Sprache angepasst. Dies ist leider in der genannten html Datei nicht möglich (zumindest weiß ich nicht, wie...).
Hier die URL des Forums: http://phpbb3.chronisch-akademisch.org/ ... f=2&p=3#p3
Ich habe gerade ein Testkonto erstellt, da leider das Problem nur auftritt, wenn man angemeldet ist (sonst sind nicht genug Buttons sichtbar, um die Funktion auszulösen). Benutzername: Test1 Passwort: phpBB3!;

Nochmals, was ich möchte, ist, dass statt

Code: Alles auswählen

{LA_OPTIONS}
die entsprechende Übersetzung auf dem Dropdown Button angezeigt wird...

Entschuldigung, dass ich es bei meinem ersten post anscheinend nicht ganz richtig beschrieben habe...
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8136
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: language Platzhalter in js prepend verwenden

Beitrag von Kirk »

Öffne die viewtopic_body.html deines Styles
Finde:

Code: Alles auswählen

<ul class="post-buttons">
Ersetzen mit:

Code: Alles auswählen

<ul class="post-buttons" title="{L_OPTIONS}">
Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere deinen Browser Cache
STRG+F5
phonon112358
Mitglied
Beiträge: 10
Registriert: 22.01.2016 18:45

Re: language Platzhalter in js prepend verwenden

Beitrag von phonon112358 »

Hi kirk,

vielen Dank für deine erneute Antwort! ;)

Leider bewirkt dein Vorschlag noch immer nicht ganz das, was ich gerne möchte... :(

Warum ist es nicht möglich, in der javascript Funktion den Platzhalter zu verwenden? Ich hätte gerne, dass nur wenn die Funktion für das responsive dropdown menü aufgerufen wird, die entsprechende Übersetzung auf dem Button erscheint - es wird ja bereits ein span Bereich erzeugt, in den man auch etwas schreiben kann, nur irgendwie keinen Platzhalter... :(

Hoffe, ich habe jetzt mein Anliegen klarer beschrieben...
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: language Platzhalter in js prepend verwenden

Beitrag von Talk19zehn »

Hi, mMn musst du dich mit den Klassen, die phpBB mitbringt, befassen: ul / li .. ff(!) an jener Konzeption....
Nutze ggf. ein AddOn für weitere Untersuchungen.
Das Dropdown greift ja ab 500px (responsive). Kann auch möglich sein, ich habe deine Frage nicht grundsätzlich verstanden. Im Grunde bringt phpBB das "Gewollte" bereits insofern mit.

Allerdings kenne ich das Style nicht, welches du nutzt.

Gruß
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
phonon112358
Mitglied
Beiträge: 10
Registriert: 22.01.2016 18:45

Re: language Platzhalter in js prepend verwenden

Beitrag von phonon112358 »

Talk19zehn hat geschrieben:Hi, mMn musst du dich mit den Klassen, die phpBB mitbringt, befassen: ul / li .. ff(!). Nutze ggf. ein AddOn für weitere Untersuchungen.
Ich kann ja html, css und auch javascript... und benutze natürlich für die Entwicklung meines styles Add-Ons wie firebug...
Im Grunde bringt phpBB das "Gewollte" bereits mit. Allerdings kenne ich das Style nicht, welches du nutzt.
Dass es mit phpbb grundsätzlich möglich sein sollte, nehme ich auch an...
Dass du meinen style nicht kennst, liegt halt dadran, dass ich ihn gerade erst schreibe (wie gesagt basierend auf prosilver). ;) deshalb habe ich ja den Link zum Forum gepostet...

Hier noch ein Nachtrag zu meinem ersten post: Ich bin auf die Schreibweise {LA_OPTIONS} gekommen, da diese auf folgende Website von area51 beschrieben wird: https://area51.phpbb.com/docs/dev/31x/l ... late-files

Entschuldigung für den zugegebenermaßen etwas genervten Tonfall...
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: language Platzhalter in js prepend verwenden

Beitrag von Talk19zehn »

Hi, du musst dich nicht entschuldigen. Da war nix, was ein Erfordernis mit sich bringt.
Test: völlig unverbindlich rein via Addon ... :oops:
ul ==> class="linklist navlinks"
li ==> class="small-icon icon-home"
Jedoch liegt die "Tücke" mMn .has-profile .post-buttons darin? Vgl. responsive.css... Ich habe nicht näher geschaut/untersucht, also nur ein Anhaltspunkt, wenn dieser denn in deinem Falle greift.
BTW - In der Ruhe liegt die Kraft! Step by Step ..
LG und viel Glück! Ja, es muss funktionieren, - stimmt. Leider bin ich momentan anderweitig eingebunden.
=====
Edit: 25.01.2016, 12:55 --> TEST (!)
CSS bitte ergänzen:

Code: Alles auswählen

ul.linklist-buttonviewtopic > li {
float: left;
font-size: 1.1em;
line-height: 1.7em;
list-style-type: none;
margin-top: 7px;
margin-right: 7px;
padding-top: 1px;
width: auto;
}
viewtopic_body.html --> Anmerkung: Nur der geänderte Teilbereich --> Auszug

Code: Alles auswählen

		<!-- EVENT viewtopic_body_post_buttons_list_before -->
		<!-- IF not S_IS_BOT -->
			<!-- IF $SHOW_POST_BUTTONS -->
				<ul class="linklist linklist-buttonviewtopic">
					<!-- EVENT viewtopic_body_post_buttons_before -->
					<!-- IF postrow.U_EDIT -->
						<li class="rightside">
							<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button icon-button edit-icon"><span>{L_BUTTON_EDIT}</span></a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_DELETE -->
						<li class="rightside">
							<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button icon-button delete-icon"><span>{L_DELETE_POST}</span></a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_REPORT -->
						<li class="rightside">
							<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button icon-button report-icon"><span>{L_REPORT_POST}</span></a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_WARN -->
						<li class="rightside">
							<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button icon-button warn-icon"><span>{L_WARN_USER}</span></a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_INFO -->
						<li class="rightside">
							<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button icon-button info-icon"><span>{L_INFORMATION}</span></a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_QUOTE -->
						<li class="rightside">
							<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button icon-button quote-icon"><span>{L_QUOTE}</span></a>
						</li>
					<!-- ENDIF -->
					<!-- EVENT viewtopic_body_post_buttons_after -->
				</ul>
			<!-- ENDIF -->
		<!-- ENDIF -->
		<!-- EVENT viewtopic_body_post_buttons_list_after -->

Ich denke, so könnte dieser neue Ansatz funktionieren. Der untere Abstand zum Themenersteller, Datum etc. muss m.E. noch reguliert werden.
Evtl. würde ich diesen sogar mittels CSS ein wenig "aufhübschen". :wink:

JS ist nicht angewendet worden. Evtl. findest du für dein Vorhaben der Übersetzungen auch eine Extension.

Viele Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
phonon112358
Mitglied
Beiträge: 10
Registriert: 22.01.2016 18:45

Re: language Platzhalter in js prepend verwenden

Beitrag von phonon112358 »

Hi,

vielen Dank für deinen Vorschlag!

Leider wird jetzt in der responsiven Ansicht (ich habe den css Code nur in der responsiv.css eingefügt) der Button für das dropdown menü gar nicht mehr angezeigt... das könnte daran liegen, dass ich fast alle Hintergrund Bilder abgeschaltet habe - habe gerade zwar schon probiert, das entsprechende zu finden und wieder zu aktivieren, bin aber auf die Schnelle nicht fündig geworden...

Außerdem ist das nicht ganz, was ich wollte... wie kann ich den dropdown button im html beschriften (falls er wieder angezeigt wird)? sehe momentan noch keine wirkliche Möglichkeit in deinem Vorschlag...
Ich suche eigentlich eine Lösung mit javascript, da die im ersten post im Prinzip schon das Richtige macht - nur das mit der mehrsprachigkeit funktioniert dort irgendwie nicht...!

Wäre es eventuell sinnvoller, diesen Beitrag in die Entwicklerecke zu verschieben??? bin halt ganz neu im Forum - und kenne mich noch nicht wirklich mit den verschiedenen Bereichen aus...
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: language Platzhalter in js prepend verwenden

Beitrag von Talk19zehn »

Hi, gern geschehen. Klar gehe ich vom Standard (Prosilver- phpBB3.1.7pl1) aus und es wird korrekt angezeigt. Das Hamburger-Icon mit einem Content zu versehen ist durchaus möglich, wenn manul.linklist li.responsive-menu a.responsive-menu-link:before in der common.css (Pseudo-CSS-Content) nutzt. Das führt jedoch im aktuellen phpBB-Quelltext dazu, dass die Navigation (navbar_header (Schnellzugriff)) nicht mehr sachlich richtig greift und auch konform ein dortiger Umbau erforderlich ist/wäre. Die Folgen sind also größere als gedacht. :wink: Du bis ja schon dran, dies zu gestallten(!).
Andere Pseudo-Elemente habe ich bei dir nicht gesucht/untersucht. Insofern würde ich mich von der Standardnavigation verabschieden, um optional ein Layout zu entwickeln.

BTW: Der Gast (Posting) war ich, - die Rechte würde ich unbedingt anpassen. :wink:

LG

Edit: 26.01.2016, 16:02
Die Übersetzung greift pro Beitrag und ist darum aus meiner Sicht weniger sinnvoll. :wink:
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Antworten

Zurück zu „Styles, Templates und Grafiken“