Fragen und Antworten » Vorschau-Link im Forum sichtbar ?

02.09.2019 19:57

alfpohl
#1 Vorschau-Link im Forum sichtbar ?

al

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

#2

03.09.2019 14:31 (zuletzt bearbeitet: 03.09.2019 14:34)

Mike48
#2 RE: Vorschau-Link im Forum sichtbar ?

Mike48

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 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#3

03.09.2019 17:16

Mike48
#3 RE: Vorschau-Link im Forum sichtbar ?

Mike48

@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 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#4

06.09.2019 13:42

Mike48
#4 RE: Vorschau-Link im Forum sichtbar ?

Mike48

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 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#5

06.09.2019 22:33

alfpohl
#5 RE: Vorschau-Link im Forum sichtbar ?

al

alfpohl

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

Gruß
Alfred

Antworten

Beitrag melden

#6

01.08.2022 11:53

Mike48
#6 RE: Vorschau-Link im Forum sichtbar ?

Mike48

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 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden