benutzerdefiniertes Modul mit Unterstützung von Inhalt-Plugins

Kurtus · 28. August 2023

Hallo Leute,

ich wollte mal nachfragen, ob es möglich ist Inhalt-PlugIns in einem benutzerdefinierten Modul zu verwenden.

Ich habe im Headerbereich ein benutzerdefiniertes Modul mit einer Image Map (es sind mehrere Wappen der Vereine zu sehen. Wenn man auf eines der Wappen klickt, kommt man zum Bereich dieses Vereins). Hier der Link zur Seite https://www.kreisnarrenring.de

Nun wollte ich mit der Extension "Up" (https://up.lomart.fr/demo/action-sound-hover) eine Sprachausgabe einfügen. der den Namen des jeweiligen Vereins nennt.
Dies funktioniert auch, wenn ich es in einem Beitrag mache.

Im benutzerdefinierten Modul geht dies leider nicht.
Es wir lediglich der Quelltext unterhalb des Images angezeigt. So wie hier auf dem Screenshot zu sehen:

Meine Frage ist daher, ob es hierfür eine Lösung gibt, um auch Inhalt-Plugins in einem Modul zu verwenden?

Danke für Eure Hinweise.
Kurt

Elwood · 28. August 2023

Du musst vermutlich das Bild direkt ansprechen (Bsp.):

Code

{up sound-hover=images/son/tomate.mp3}<img src="/images/photos/tomate.jpg">{/up sound-hover}

Wie das mit dem Image Map funktioniert. müsste man mal prüfen.

Vielleicht beim erstellen den Code mit einbauen für jeden Verein.

Kurtus · 28. August 2023

Hi Elwood,

danke für Deine Antwort.

Ich hatte es zunächst nur mit dem ersten Verein ausprobiert. Selbstverständlich müsste ich dann für jedes Wappen bzw. für jeden Verein den Code gesondert einbauen.

Allerdings war meine Frage mehr allgemein, ob es überhaupt die Möglichkeit gibt Inhalt-Plugins in einem benutzerdefinierten Modul zu verwenden.

Mein HTML-Code sieht in dem von mir erstellten benutzerdefinierte Modul so z.B. aus:

Code

<div id="wrapper-logo">
<img src="https://www.kreisnarrenring.de/images/logo/KNR-Logo_Website.png" alt="" />
<a href="index.php/mitgliedervereine/hcv-hausen/info-ueber-den-hcv" target="_self" id="anchor-hcv"></a> 
<a href="index.php/mitgliedervereine/kcv-kleinwallstadt/info-ueber-den-kcv" target="_self" id="anchor-kcv"></a>
<a href="index.php/mitgliedervereine/kfe-elsenfeld/info-ueber-die-kfe" target="_self" id="anchor-kfe"></a>
<a href="index.php/mitgliedervereine/mcv-moemlingen/info-ueber-den-mcv" target="_self" id="anchor-mcv"></a>
<a href="index.php/mitgliedervereine/ncv-niedernberg/ncv-der-verein" target="_self" id="anchor-ncv"></a>
<a href="index.php/mitgliedervereine/rcc-roellfeld/info-ueber-den-rcc" target="_self" id="anchor-rcc"></a>
<a href="index.php/mitgliedervereine/rfv-rossbach/info-ueber-den-rfv" target="_self" id="anchor-rfv"></a>
 <a href="index.php/mitgliedervereine/ttc-trennfurt/info-ueber-den-ttc" target="_self" id="anchor-ttc"> </a>
 <a href="index.php" target="_self" id="anchor-knr"></a>
</div>

Alles anzeigen

Das dazugehörig CSS ist das hier:

Code

#wrapper-logo {
  width: 100%;
  max-width: 1280px; /*actual width of image*/
  position: relative;
}

#wrapper-logo img {
  max-width: 100%;
}

#anchor-hcv {
  /* hilfe fuer Positionierung
  border: 1px solid red;
  */
  height: 52%;
  width: 7.5%;
  position: absolute;
  left: 1.5%;
  top: 31.5%;
}
#anchor-kcv {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 12.0%;
  top: 31.5%;
}
#anchor-kfe {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 22.7%;
  top: 31.5%;
}
#anchor-mcv {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 33.6%;
  top: 31.5%;
}
#anchor-ncv {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 58.7%;
  top: 31.5%;
}
#anchor-rcc {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 69.4%;
  top: 31.5%;
}
#anchor-rfv {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 80.4%;
  top: 31.5%;
}
#anchor-ttc {
  height: 52%;
  width: 7.8%;
  position: absolute;
  left: 91.0%;
  top: 31.5%;
}
#anchor-knr {
  height: 90.4%;
  width: 14.1%;
  position: absolute;
  left: 43.0%;
  top: 3.5%;
}

Alles anzeigen

Dies funktioniert einwandfrei.

Wenn ich die Image Map mit dem Inhalts-Plugin von "Up" (https://up.lomart.fr/demo/action-imagemap) in diesem benutzerdefinierten Modul erstelle:

Code

{up imagemap=images/logo/KNR-Logo_Website.png"}
[area target="" alt="Kleinwallstädter Carneval-Verein" title="Kleinwallstädter Carneval-Verein" href="index.php/mitgliedervereine/kcv-kleinwallstadt/info-ueber-den-kcv" coords="231,117,49" shape="circle"]
    [area target="" alt="Karnevalfreunde Elsenfeld" title="Karnevalfreunde Elsenfeld" href="index.php/mitgliedervereine/kfe-elsenfeld/info-ueber-die-kfe" coords="362,117,51" shape="circle"]
    [area target="" alt="Mömlinger Carneval Verein" title="Mömlinger Carneval Verein" href="index.php/mitgliedervereine/mcv-moemlingen/info-ueber-den-mcv" coords="497,116,51" shape="circle"]
    [area target="" alt="Niedernberger Carneval Verein" title="Niedernberger Carneval Verein" href="index.php/mitgliedervereine/ncv-niedernberg/ncv-der-verein" coords="813,116,50" shape="circle"]
    [area target="" alt="Röllfelder Carneval Club" title="Röllfelder Carneval Club" href="index.php/mitgliedervereine/rcc-roellfeld/info-ueber-den-rcc" coords="955,114,50" shape="circle"]
    [area target="" alt="Roßbacher Fasenacht Verein" title="Roßbacher Fasenacht Verein" href="index.php/mitgliedervereine/rfv-rossbach/info-ueber-den-rfv" coords="1088,115,49" shape="circle"]
    [area target="" alt="Trennfurter Türkenclub" title="Trennfurter Türkenclub" href="index.php/mitgliedervereine/ttc-trennfurt/info-ueber-den-ttc" coords="1224,115,50" shape="circle"]
{/up imagemap}

funktioniert dies nicht. Es wird wieder nur der Text {up imagemap=images/logo/KNR-Logo_Website.png"} {/up imagemap} im Frontend angezeigt.

Kopiere ich den Quellcode in einen Beitrag, funktioniert er einwandfrei im Frontend.

Viele Grüße
Kurt

Benno · 28. August 2023

Hi,

in den Optionen des benutzerdefinierten Moduls 'Inhalte vorbereiten' = "Ja" setzen.

Freundliche Grüße,

Benno

Kurtus · 28. August 2023

Hallo Benno,

danke, ich wusste bisher nicht was "Inhalte Vorbereiten" bewirkt.

Damit konnte ich die Image Map von Up zum Laufen bringen.
Allerdings funktioniert das sound-hover von Up offensichtlich nur bei img-Tags.

Wenn ich es so einbinde (in diesem Fall nur das erste Wappen - HCV), tut sich soundmäßig leider nichts.

{up imagemap=images/logo/KNR-Logo_Website.png"} {up sound-hover=images/son/HCV.mp3}[area target="" alt="Hausener Carnevalverein" title="Hausener Carnevalverein" href="index.php/mitgliedervereine/hcv-hausen/info-ueber-den-hcv" coords="91,115,52" shape="circle"]{/up sound-hover} [area target="" alt="Kleinwallstädter Carneval-Verein" title="Kleinwallstädter Carneval-Verein" href="index.php/mitgliedervereine/kcv-kleinwallstadt/info-ueber-den-kcv" coords="231,117,49" shape="circle"] [area target="" alt="Karnevalfreunde Elsenfeld" title="Karnevalfreunde Elsenfeld" href="index.php/mitgliedervereine/kfe-elsenfeld/info-ueber-die-kfe" coords="362,117,51" shape="circle"] [area target="" alt="Mömlinger Carneval Verein" title="Mömlinger Carneval Verein" href="index.php/mitgliedervereine/mcv-moemlingen/info-ueber-den-mcv" coords="497,116,51" shape="circle"] [area target="" alt="Niedernberger Carneval Verein" title="Niedernberger Carneval Verein" href="index.php/mitgliedervereine/ncv-niedernberg/ncv-der-verein" coords="813,116,50" shape="circle"] [area target="" alt="Röllfelder Carneval Club" title="Röllfelder Carneval Club" href="index.php/mitgliedervereine/rcc-roellfeld/info-ueber-den-rcc" coords="955,114,50" shape="circle"] [area target="" alt="Roßbacher Fasenacht Verein" title="Roßbacher Fasenacht Verein" href="index.php/mitgliedervereine/rfv-rossbach/info-ueber-den-rfv" coords="1088,115,49" shape="circle"] [area target="" alt="Trennfurter Türkenclub" title="Trennfurter Türkenclub" href="index.php/mitgliedervereine/ttc-trennfurt/info-ueber-den-ttc" coords="1224,115,50" shape="circle"] {/up imagemap}

Ich werde mal beim Autor nachfragen, ob er eine Lösung hierfür hat.

Viele Grüße

Kurt