[gelöst] Darstellung der Seitenzählung

[Perlchamp]

Hi @all,
ist es möglich, anstelle der drei Punkte in der Seitenanzeige/-zählung auch eine Grafik einzufügen?
guckst du:
momentan
so soll es werden

Im Voraus besten Dank
so long

[hackepeter13]

Dann suche mal sowas wie die includes/functions.php nach sowas ab <span class="page-dots"> ... </span> (müsste mehrmals vorkommen).

Und da kannste das durch das Icon ersetzen.

[Perlchamp]

Hi Hackepeter13,
danke für deine schnelle Hilfe !

komplette Lösung:
1.) der entsprechende <span>-Tag ist zu finden in den Dateien "functions.php" (2x) und "functions_display.php" (1x)
2.) da leere <span>-Tags nicht valide zu xhtml1 strict sind (also z.B. einfach Punkte rauslöschen ist nicht), habe ich ein transparentes Bild im Code eingebaut (<img src="{T_THEME_PATH}/images/...), und via css der Klasse ein Hintergrundbild spendiert; somit kann jedes beliebige Bild über die css-Dateien "verbaut" werden, ohne wieder den Code anfassen zu müssen.

Wenn jemand eine elegantere oder bessere Lösung hat, bitte melden und mich nicht dumm sterben lassen - danke.

so long

[hackepeter13]

Man mein Satz ließt sich ja völlig verdreht - naja um die Zeit war ich auch erst aufgestanden. ^^

Wenn ich mehr Zeit gehabt hätte, hätte ich dir auch gleich noch ein Lösungsansatz mit einer Grafik gepostet, aber ich dachte mir, du wirst das schon selber hinbekommen.

Meine Idee/Vorschlag wäre noch das ganze als Link zu machen, also in <a></a> reinpacken und dann am besten den Link aus der "Springe zur Seite"-Funktion.

Das müsste dann folgendermaßen aussehen:
<a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a><img src="{T_THEME_PATH}/images/...}" alt="{L_JUMP_TO_PAGE}" /></a>

PS: Ob das Bild nun direkt angegeben wird oder per css-Anweisung, denke ich ist ehr Wurst, da man ja nicht ständig das Icon ändern wird.

[Perlchamp]

Hi,

Meine Idee/Vorschlag wäre noch das ganze als Link zu machen, also in <a></a> reinpacken und dann am besten den Link aus der "Springe zur Seite"-Funktion [...] müsste dann folgendermaßen aussehen:

Code: Alles auswählen

<a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a><img src="{T_THEME_PATH}/images/...}" alt="{L_JUMP_TO_PAGE}" /></a>

... verstehe ich nicht ganz, da dieses durch die Grafik ersetzte "..." ja MEHRERE Seiten "abdeckt", z.b. 1 ... 4 5 6. Auf welche Seite soll denn der Link dann verweisen ?

Auserdem: gerade eben dies finde ich gut (dass es nicht verlinkt ist) - "Geschmackssache" ...
so long

[hackepeter13]

Hi,

Meine Idee/Vorschlag wäre noch das ganze als Link zu machen, also in <a></a> reinpacken und dann am besten den Link aus der "Springe zur Seite"-Funktion [...] müsste dann folgendermaßen aussehen:

Code: Alles auswählen

<a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a><img src="{T_THEME_PATH}/images/...}" alt="{L_JUMP_TO_PAGE}" /></a>

... verstehe ich nicht ganz, da dieses durch die Grafik ersetzte "..." ja MEHRERE Seiten "abdeckt", z.b. 1 ... 4 5 6. Auf welche Seite soll denn der Link dann verweisen ?

Ja die Grafik ersetzt die 3 Punkte (die für die Zwischenliegenden Seiten stehen).
Mit dem Link öffnet sich eben die Abfrage, auf welche Seite du direkt springen willst (die Begriffe "jumb to page" sollten doch eigentlich selbsterklärend sein) - quasi das was der Link "Seite X von X" (klick da mal rauf, dann verstehste was ich meine, falls du den Link noch nicht kennst).

Beispiel bei größeren Themen mit bspw. über 100 Seiten, wird ja dann in etwa Angezeigt: 1 2 ... 98 99 100
Wenn du nun sagen wir mal auf Seite 50 willst, klickst du normalerweise auf den Link "Seite 1 von 100" und dann öffnet sich ein Abfragefenster in dem du die Seitenzahl 50 eingibst und bestätigst, somit landest du auf Seite 50 des Themas - und genau das meinte ich, dass das mit dem Klick auf das Icon passiert.
Weil rein teoretisch würde es da hinpassen (in diversen anderen Forensoftware ist das auch so).

Verstehste nun was ich meine?

Auserdem: gerade eben dies finde ich gut (dass es nicht verlinkt ist) - "Geschmackssache" ...
so long

Das war ja auch nur eine Idee/Vorschlag was du umsetzt, ist mir dann schnuppe, aber vllt. gibt es ja noch andere die eines Tages mal interessae daran haben.

[Perlchamp]

Hi Hackepeter13,
jetzt hatte ich ein Brett vorm Kopf. Ich dachte zuerst an die next-previous-Links und dann wieder an etwas komplett anderes... (wie blöd kann man denn sein?).

A propos zu-Seite-spring-Fenster:
in welcher Datei befindet sich das? (ich wollte es noch formatieren).

Vielen Dank im Voraus
so long

[hackepeter13]

A propos zu-Seite-spring-Fenster:
in welcher Datei befindet sich das? (ich wollte es noch formatieren).

Ähm, schau dir einfach mal in der overall_header.html den Javascript-Teil im <head></head> Bereich an.

Was willst du da formatieren?

[Perlchamp]

ich wollte es meinem Style mit einer Klasse anpassen (wie? - weißt du es ?)
ach ja, ich habe einen Fehler entdeckt:

Code: Alles auswählen

<a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a><img src="{T_THEME_PATH}/images/...}" alt="{L_JUMP_TO_PAGE}" /></a>

... da ist ein

Code: Alles auswählen

</a>

zuviel ... (vorm img-Tag - das PAGE_NUMBER könnte man auch weglassen ...)
UND:

Code: Alles auswählen

title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a><img src="{T_THEME_PATH}/images/...}" alt="{L_JUMP_TO_PAGE}"

... versuch's mal damit:

Code: Alles auswählen

title="' . $user->lang['JUMP_TO_PAGE'] . '">' [...] alt="' . $user->lang['JUMP_TO_PAGE'] . '" [...]

Nochmals vielen Dank für deine Hilfe !

so long

[hackepeter13]

...ich habe einen Fehler entdeckt: [...] da ist ein

Code: Alles auswählen

</a>

zuviel ... (vorm img-Tag - das PAGE_NUMBER könnte man auch weglassen ...)

Richtig, ist eben durch Copy/Paste passiert.

UND:

Code: Alles auswählen

title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a><img src="{T_THEME_PATH}/images/...}" alt="{L_JUMP_TO_PAGE}"

... versuch's mal damit:

Code: Alles auswählen

title="' . $user->lang['JUMP_TO_PAGE'] . '">' [...] alt="' . $user->lang['JUMP_TO_PAGE'] . '" [...]

Versuchen tuh ich das nicht, da ich diese Änderung bei mir nicht gemacht habe - ich habe den Codeteil nur aus der html Datei kopiert um die Anregung/Hilfe zu leisten, ohne das ich das selber angewendet/getestet habe.