Vorschau-Link im Forum sichtbar ?

02.09.2019 19:57
avatar  alfpohl
#1 Vorschau-Link im Forum sichtbar ?
al
Mitglied

Hallo zusammen,
ich versuche gerade ein neues Forum für Radwege einzurichten. Dabei sollen die User gerne Tracks von ihren Tracking-Systemen wie z.B. Garmin hochladen.
Links kann man ja schön hier einfügen, aber was muß man denn machen, damit die Vorschau (z.B. auf eine Karte)
ähnlich wie bei Facebook schon angezeigt wird, bevor der Link aufgerufen wird ?

Beispiel:
https://connect.garmin.com/modern/activi...Uun0TQysDqTjc8Q

Vielen Dank für Eure Hilfe.
Alfred


 Antworten

 Beitrag melden
03.09.2019 14:31 (zuletzt bearbeitet: 03.09.2019 14:34)
avatar  Mike48
#2 RE: Vorschau-Link im Forum sichtbar ?
avatar
Mitglied

Du könntest den GPS Trackviewer verwenden.
Dafür kann man in die Iconbar ein neues Icon einfügen.

Admin → Layout → Iconbar

Neue Icons hinzufügen:
- HTML
- Name: [gpx][/gpx]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<div onclick="insertGpxTag()" class="xob_icon_cont"><img title="[gpx][/gpx]" alt="[gpx][/gpx]" target="_blank" class="xob_icon" src="//files.homepagemodules.de/b578865/a_672_2cb3bfff.png" ></div>
<script>
function insertGpxTag() {
console.log("GPX Tag geklickt");
sel =''; start=0;end=0;
link = prompt('Geben Sie die URL ein, auf die der Link verweisen soll.');
if (link != ' ' && link != null && link != 'null') {
var input = miranus_current_iconbar_textarea();
if(input==false) {
alert('Fehler: Dieser Symbolbar wurde kein Textfeld zugeordnet. Verwenden Sie folgenden JS-Code für die Zuordnung: miranus_add_iconbar_textarea(\'textarea_id\'); ');
return false;
}
start = input.selectionStart;
end = input.selectionEnd;
if(end && (start != end)){
sel = input.value.substring(start,end);
nosel = input.value.substring(0,start) + input.value.substring(end);
}
linktext=prompt('Bitte geben Sie nun den Linktext an.',sel);
if (linktext != ' ' && linktext != null) {
if(sel && (sel != '')){
input.value = nosel;
setCaretPosition(input, start)
}
return returnTag('[URL=http://www.gpswandern.de/gpxviewer/tvanzeige.shtml?url='+link+'&mtype=osm]'+linktext+'[/URL]');
} else {
return returnTag('[URL]http://www.gpswandern.de/gpxviewer/tvanzeige.shtml?url='+link+'&mtype=osm[/URL]')
}
}
}
</script>
 



Die Grafik für das icon steht in der 1. Zeile hinter src=.
Ich habe da ein icon von meinem Forum drin //files.homepagemodules.de/b578865/a_672_2cb3bfff.png
Kannst du austauschen gegen ein anderes 20 Pixel hohe Icon.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
03.09.2019 17:16
avatar  Mike48
#3 RE: Vorschau-Link im Forum sichtbar ?
avatar
Mitglied

@alfpohl

Für die Vorschau muss dann 2 Schritte machen.

1. GPX Datei in den Beitrag hochladen und speichern.
2. Beitrag bearbeiten und mit der rechten Maustaste auf die Datei gehen und den Link kopieren und diesen dann mit dem neuen Icon aus der Icon-Bar in den Beitrag einfügen.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
06.09.2019 13:42
avatar  Mike48
#4 RE: Vorschau-Link im Forum sichtbar ?
avatar
Mitglied

Erstellen des BBCode in der Iconbar.



Administration aufrufen
1. Layout
2. Iconbar
3. Neue Icons hinzufügen
4. HTM
5. bei Namen [gpx][/gpx] einfügen
6. bei HTML: den folgenden Code einfügen

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<div onclick="insertGpxTag()" class="xob_icon_cont"><img title="[gpx][/gpx]" alt="[gpx][/gpx]" target="_blank" class="xob_icon" src="//files.homepagemodules.de/b578865/a_673_f95aac45.png" ></div>
<script>
function insertGpxTag() {
console.log("GPX Tag geklickt");
sel =''; start=0;end=0;
link = prompt('Geben Sie die URL ein, auf die der Link verweisen soll.');
if (link != ' ' && link != null && link != 'null') {
var input = miranus_current_iconbar_textarea();
if(input==false) {
alert('Fehler: Dieser Symbolbar wurde kein Textfeld zugeordnet. Verwenden Sie folgenden JS-Code für die Zuordnung: miranus_add_iconbar_textarea(\'textarea_id\'); ');
return false;
}
start = input.selectionStart;
end = input.selectionEnd;
if(end && (start != end)){
sel = input.value.substring(start,end);
nosel = input.value.substring(0,start) + input.value.substring(end);
}
linktext=prompt('Bitte geben Sie nun den Linktext an.',sel);
if (linktext != ' ' && linktext != null) {
if(sel && (sel != '')){
input.value = nosel;
setCaretPosition(input, start)
}
return returnTag('[URL=http://www.gpswandern.de/gpxviewer/tvanzeige.shtml?url='+link+'&mtype=osm]'+linktext+'[/URL]');
} else {
return returnTag('[URL]http://www.gpswandern.de/gpxviewer/tvanzeige.shtml?url='+link+'&mtype=osm[/URL]')
}
}
}
</script>
 


7. Speichern


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
06.09.2019 22:33
avatar  alfpohl
#5 RE: Vorschau-Link im Forum sichtbar ?
al
Mitglied

Vielen Dank für die schnelle Hilfe.
Ich probier es gleich mal aus.

Gruß
Alfred


 Antworten

 Beitrag melden
01.08.2022 11:53
avatar  Mike48
#6 RE: Vorschau-Link im Forum sichtbar ?
avatar
Mitglied

Das war extra für gpx-Dateien.
Damit konnte man gpx-Dateien in einem gpx-Viewer öffnen.

Allerdings funktiert das aus dem Thema Vorschau-Link im Forum sichtbar ? nicht im V6.
Dafür habe mittlerweile ein kleines Plugin geschrieben für die gpx-Dateien.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!