Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

22.04.2021 19:57 (zuletzt bearbeitet: 22.04.2021 19:58)

CuSF
#1 Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Cu

Hallo,
ich habe mal ein kleines (für mich) kniffliges Problem.

In unserem Forum (Gaia Template v3) haben wir ein Inputfeld, welches eine URL abfragt. Als Wert soll da die Url des aktuellen Beitrages eingetragen werden. Das soll eine Sprungmarke werden.

Das klappt auch soweit fehlerfrei.

Der identische Code im v6 HPM Gaja ruft zwar das Inputfeld auf, schreibt aber den eingetragenen Wert nicht in den Beitrag. Das Feld schließt sich einfach.

Ich zeige es euch:

Durch Druck auf das letzte Icon öffnet sich das Inputfeld.

Nach Eintragen der URL (Bsp. www.xobor.de) schreibt der Code die "Sprungmarke" in den Beitrag.

Hier der Scriptcode:

Und hier der Aufruf des Inputfeldes.

Kann mir da jemand helfen, wie wir das im v6 zum Laufen kriegen?

Hier noch mal die Codes:
<script>
function insertZALinkTag() {
link = prompt('Geben Sie die URL des eigenen Beitrages ein.');
if (link != ' ' && link != null && link != 'null') {
return returnTag('[URL='+link+']zum Anfang[/URL]');
}
}
</script>

<div onclick="insertZALinkTag()" class="xob_icon_cont"><img title="zum Anfang" alt="zAnfang" class="xob_icon" src="//files.homepagemodules.de/b641307/a_140_47d057fe.png" ></div>

Antworten

Beitrag melden

#2

22.04.2021 21:02

creator
#2 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

cr

creator

Mit xob_insert statt returnTag müsste es funktionieren:

1
2
3
4
5
6
 
function insertZALinkTag() {
link = prompt('Geben Sie die URL des eigenen Beitrages ein.');
if (link != ' ' && link != null && link != 'null') {
return xob_insert('[URL='+link+'][small][i]zum Anfang[/i][/small][/URL]');
}
}
 

Antworten

Beitrag melden

#3

22.04.2021 21:04

Ingmar
#3 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Ingmar

1
2
3
4
5
6
7
8
9
10
 

<script>
function insertZALinkTag() {
link = prompt('Geben Sie die URL des eigenen Beitrages ein.');
if (link != ' ' && link != null && link != 'null') {
return xobor.mbt.iconbar.insertBBCode([URL='+link+']zum Anfang[/URL]')
}
}
</script>
 
 

So könnte das klappen...

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#4

22.04.2021 21:04

Ingmar
#4 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Ingmar

creator war schneller (und hat den kürzeren code )

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#5

23.04.2021 06:50

CuSF
#5 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Cu

CuSF

Rückmeldung:

Mit dem "längeren" Code öffnet sich das Inputfenster gar nicht,
mit dem "kürzeren" Code klappt es einwandfrei

Vielen Dank an euch beide.

Antworten

Beitrag melden

#6

24.04.2021 11:25 (zuletzt bearbeitet: 24.04.2021 11:25)

CuSF
#6 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Cu

CuSF

Ich hätte da noch eine Frage. Ihr wisst ja, der Mensch ist nie zufrieden.

Wie müsste der Code lauten, damit unsere InputBox vom Layout genauso aussieht wie die "forumseigene",
beim Aufruf von Linkeingabe oder auch Video.

Forumsbox

unsere Box

Antworten

Beitrag melden

#7

24.04.2021 14:18 (zuletzt bearbeitet: 24.04.2021 14:23)

creator
#7 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

cr

creator

Es reicht aus, den passenden Code zum Öffnen eines Modalfensters aus dem Quellcode vom Forum zu suchen und entsprechend anzupassen:

1
2
3
4
5
6
 
xobor.mbt.modalPrompt('Link','Geben Sie die URL des eigenen Beitrages ein.', function () {
    link = xobor.mbt.modalpromptval;
    if (link != ' ' && link != null && link != 'null') {
        return xob_insert('[URL='+link+'][small][i]zum Anfang[/i][/small][/URL]');
    }
});
 

Wenn ich mir an dieser Stelle einen kleinen Hinweis zur Umsetzung erlauben darf:
Wenn ich das richtig sehe, muss der Nutzer erst zurück auf das Thema navigieren, den ersten Beitrag heraussuchen, und anschließend den Link zum Thema / ersten Beitrag kopieren.

Der Link vom ersten Thema kann allerdings auch per JavaScript ausgelesen werden (für das v6):

1
2
3
4
5
6
7
8
9
10
11
 
function insertZALinkTag() {
var link = window.location.href;
if(link.includes("/new.php") || link.includes("/msg.php")) {
    var breadcrumb = $('#breadcrumbs .breadcrumb-item:nth-last-child(2) a').attr('href');
    link = window.location.origin;
    if(link != null && !breadcrumb.startsWith("/")) link += "/";
    link += breadcrumb;
}
 
xob_insert("[url=" + link + "][small][i]Zum Anfang[/i][/small][/url]")
}
 

Es wird automatisch der passende Link zum Thema eingefügt. Dieser bringt den Nutzer zum ersten Beitrag.

Eventuell wäre das eine alternative Option.

Antworten

Beitrag melden

#8

24.04.2021 17:05

CuSF
#8 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Cu

CuSF

Coole Idee mit der Alternative zum Sprung zum ersten Artikel. Klappt wunderbar, aber:

Der Einsatz soll im Wiki erfolgen und dort dann zum Kopf der Seite springen. Der "Eintrager" muss derzeit dazu die neue Wikiseite abspeichern und die Url dann oben aus der Adressleiste kopieren.

Was den Code bzgl. des Fensterlayout´s betrifft, der funktioniert leider nicht. Es öffnet sich keine Inputbox.

Antworten

Beitrag melden

#9

25.04.2021 00:00

creator
#9 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

cr

creator

Zitat von CuSF im Beitrag #8
Was den Code bzgl. des Fensterlayout´s betrifft, der funktioniert leider nicht. Es öffnet sich keine Inputbox.

Bei diesem Code fehlt die Definition der Funktion insertZALinkTag. Mit folgendem Code müsste es funktionieren:

1
2
3
4
5
6
7
8
 
function insertZALinkTag() {
xobor.mbt.modalPrompt('Link','Geben Sie die URL des eigenen Beitrages ein.', function () {
    link = xobor.mbt.modalpromptval;
    if (link != ' ' && link != null && link != 'null') {
        return xob_insert('[URL='+link+'][small][i]zum Anfang[/i][/small][/URL]');
    }
});
}
 

Zitat von CuSF im Beitrag #8
Der Einsatz soll im Wiki erfolgen und dort dann zum Kopf der Seite springen.

Das müsste sich mit einem einfachen Forencode umsetzen lassen:

1
2
3
4
5
6
7
8
 
Ersetze:
[toplink
...
]
Mit:
<a href="#"><i><small>Zum Anfang
...
</small></i></a>
 

Technische Erklärung: Da eine Seite im Wiki nicht über mehrere Unterseiten geht, reicht ein direkter Sprung nach oben. Das lässt sich mit einem Link auf # umsetzen.

Antworten

Beitrag melden

#10

25.04.2021 11:02

CuSF
#10 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Cu

CuSF

Der Code für das Fensterlayout klappt jetzt, vielen Dank dafür.

Mit deinem 2. Tipp tue ich mich noch etwas schwer.

Ersetze [toplink ...]: Diesen Code habe ich doch nirgends.

Testweise habe ich mal händisch als Link # eingesetzt:
Ein Sprung auf # führt im Wiki dazu, dass eine neue Registerkarte öffnet mit der Adresse: "about:blank#blocked".

Antworten

Beitrag melden

#11

25.04.2021 11:33

creator
#11 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

cr

creator

Zitat von CuSF im Beitrag #10
Ersetze [toplink ...]: Diesen Code habe ich doch nirgends.

Ich habe mich eventuell etwas unklar ausgedrückt. Der Forencode [toplink] sollte zusätzlich in der Iconbar eingetragen werden:

Das bisherige Icon mit dem JavaScript-Code wird nicht mehr benötigt und kann in die Kategorie nicht sichtbar verschoben werden.

Zitat von CuSF im Beitrag #10
Testweise habe ich mal händisch als Link # eingesetzt:
Ein Sprung auf # führt im Wiki dazu, dass eine neue Registerkarte öffnet mit der Adresse: "about:blank#blocked"

Grund dafür ist, dass der Forencode [URL=#] zu <a href="http://#" target="_blank"> umgewandelt wird. Da für einen Sprung nach oben weder http:// noch target="_blank" gewollt ist, muss ein weiterer Forencode manuell angelegt werden.

Antworten

Beitrag melden

#12

25.04.2021 15:40 (zuletzt bearbeitet: 25.04.2021 15:40)

CuSF
#12 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Cu

CuSF

Wie blöd, das hatte ich einfach nicht mitbekommen.

Vielen Dank, klappt jetzt wie es soll. Springt im Wiki nach oben.

Nur noch eine Verständnisfrage: Ist es normal, dass beim Einfügen der Cursor vor dem ] stehen bleibt?
[toplinkI]

Wenn man da nicht aufpasst und gleich weiterschreibt, passiert Mist.

Antworten

Beitrag melden

#13

25.04.2021 18:22 (zuletzt bearbeitet: 25.04.2021 18:33)

creator
#13 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

cr

creator

Zu der Cursor-Position: Das ist leider ein Nebeneffekt des Forencodes. Bei "ersetzte ____ ... ____" müssen beide Felder ausgefüllt werden. Die Forensoftware positioniert den Cursor an die Stelle der drei Punkte.

Du kannst das Problem allerdings umgehen, indem du ein weiteres Icon vom Typ "HTML" erstellst, welches den Forencode per JavaScript einfügt. Als Code kannst du den Code aus dem ersten Beitrag nutzen und mit xob_insert('[toplink]') ersetzen:

1
 
<div onclick="xob_insert('[toplink]')" class="xob_icon_cont"><img title="zum Anfang" alt="zAnfang" class="xob_icon" src="//files.homepagemodules.de/b641307/a_140_47d057fe.png" ></div>

Der aktuelle Forencode für [toplink] sollte weiterhin unter "nicht sichtbar" vorhanden sein, damit die Forensoftware [toplink] richtig ersetzt.

Es sollten sich für diese Funktion zwei Icons in der Iconbar befinden:
- Das Icon zum Einfügen des Forencodes (sichtbar)

- Das Icon, welches den Forencode in HTML umwandelt (unsichtbar)

Antworten

Beitrag melden

#14

25.04.2021 18:42

Mike48
#14 RE: Input Feld über IconBar aufrufen und Wert in Beitrag einfügen.

Mike48

Für die WikiSeiten wo nur zum Anfang gesprungen werden soll würde ich das so in die Iconbar setzen.

- Foren-Code
- Erweiterte Foren-Codes ein-/ausblenden auf ausblenden setzen

Ersetze: [toplink]
Mit: <a href="#"><i><small>Zum Anfang</small></i></a>

Dann erscheint auch kein Cursor im Tag.