Beiträge von derkps

#18 Indigo66

Danke für das Stickwort!

#19 Sieger66

In der Tat ist der Link defekt. Es fehlt ein ';' am Ende.

Beschrieben wird, wie eine ImageMap aufgebaut ist. Gut zu wissen.

Ich habe zahlreiche ImageMap-Generatoren gefunden, die insbesondere die Ermittlung der Koordinaten der Tippflächen vornimmt.

Zwei KO-Kriterien sind wichtig:

1. Das Image muss aus der URL der Website geladen werden. Das können nicht alle; KO!

2. Das Ergebnis der Map muss responsive sein. Der erzeugte HTML-Code ist es nicht; KO!

Programme, die aus einem URL-Image eine svg-(Bild) Datei erzeugen sind geeignet.

Mit dem online-Tool fla-shop.com/image-maep ist das recht komfortabel möglich; free!

Auch 'Anker sind als Link mit "/rel.Adresse/#anker3" target="_parent" möglich.

Die erzeugten svg-Daten müssen (mit Editor/Notepad) als map.svg abgelegt und in den image-Pfad der Website geladen werden.

Wichtig:

Style im svg-Code ggf. bearbeiten.

Das urprüngliche Image ist als Pfad in der map.svg eingebunden; nicht doppelt im Beitrag einfügen!

Joomla unterstützt kein svg-Format, nichtmal im upload.

Mit dieser Codezeile kann die map.svg aus o.g. Pfad über das JCE-Codefenster im Beitrag eingebunden (und skaliert) werden:

<p style="text-align: center; margin-bottom: 1em;">
<object data="/images/stories/.../map.svg" type="image/svg+xml" style="width: 90%; height: auto;" width="90%" height="auto"> </object>
</p>

Der Herstellen bietet Support an!

Dieser Beispiellink ist nur vorübergehend aktiv.

vG

Moderator: Ggf. wäre dieses ein eigener Thread. Mit dem ursprünglichen JS-Player hat das nicht mehr zu tun.

Hallo Sieger 66

Zitat

...Mich wundert, welche Infomationen aus fremden Seiten gezogen werden...

Zitat

Welche Informationen möchtest du erklärt bekommen wie man diese in fremden Seiten findet?

Mit Chrome und Firefox kann ich - mit genügend Lesekompetenz - im Quelltext z.B. erkennen, welche Scripte und welches Template_child verwendet wird.

Wenn ich nun versuche mittels user.css über eine .class etwas zu verändern, wähle ich F12.

Meine Suche ist aber sehr unsystematisch und nicht selten erfolglos.

Gibt es Tutorials, die mich in die Systematik einführen?

vG

Moderator: Ggf. wäre dieses ein eigener Thread. Mit dem ursprünglichen JS-Player hat das nicht mehr zu tun.

Zitat

In deiner user.js mußt du auf jedenall zuerst die beiden html-Tags <script> am Anfang und Ende komplett entfernen.

Richtig, das war's. Eigentlich logisch, was soll hier sonst stehen?! Danke!

Zitat

Sofern du das mehrfache gleichzeitige wiedergeben der windfege_mam.mp3 meinst,

lege die Variable bellSound auserhalb der Funktion windfege fest wie es auch im Beispiel bei codepen ist.

Wieder Treffer. Ich weiß zwar nicht warum es so sein muss, aber Danke!
Bei Mehrfachklick auf 'Windfege' quatscht jemand dazwischen.
Der arme Kuckuck wird bei 5x 'Knall' unter Dauerfeuer genommen.
Kann der Koll. ja jetzt ändern.

Habe mich letztmalig vor 20 Jahren mit JS befasst. Nur meine Französichkenntnisse sind noch schlechter.
JS etc. ist ja ganz interessant, ich bin aber nicht sicher, ob es nicht dem CMS-Konzept (Plugin, Erweiterung...) widerspricht. Egal!

Abschließend aber noch 2 Fragen:
1. Ich habe das komplette Bild als <button> definiert.
Kann man auch in einem großen Bild mehrere kleine Bilder auf bestimmter Position jeweils als einzelnen <button> setzen?
Hat das schonmal jemand gemacht?

2. Ich arbeite mit Chrome bzw. Firefox und nutze F12. Mich wundert, welche Infomationen aus fremden Seiten gezogen werden.
Schaffe ich nicht!

vG

Zitat

In deiner user.js mußt du auf jedenall zuerst die beiden html-Tags <script> am Anfang und Ende komplett entfernen.

Danke, das war der Fehler! Eigentlich logisch. Es läuft auch mit iOS.

Script:

document.addEventListener("DOMContentLoaded", function() { if (document.getElementById("wind")) { document.getElementById("wind").addEventListener("click", windfege);
	 }
});
function windfege() {  var bellSound = new Audio('../images/stories/media/media4/windfege_mam.mp3');  bellSound.play(); }

HTML:

<button id="wind" style="padding: 0; border: none; background: none;"><img src="images/stories/media/windfege1p.jpg" alt="windfege1" width="400" height="300" style="margin: 5px; float: left;" /> </button>

Im Beitrag mit Text soll das Bild mit float links stehen, rechts und darunter der Text.
Sobald das Bild in <button> ... </button> eingefasst wird, sieht es aus wie in diesem Link zum Problem http://test.derkps.de/index.ph…article&id=107&Itemid=540 .
Das ist nicht ok, aber wie kann man es ändern?

Der Player spielt mit jedem Klick. Der Kuckuck im knipser von den stwerner-schuetzen piepst um sein Leben, während er von rechts unter Dauerfeuer steht.
Das ist nicht ok, aber wie kann man es ändern?

vG

Link zum Problem!

Hallo Sieger66

#9 Nein, der Link spielt auf iOS nicht. Es wird etwas geladen und ich werde auf eine andere Seite geführt ?!

#8 Den Code <button.. habe ich sinngemäß im JCE in den Beitrag gestellt. MIt Bild und Text. <button>...</button> schließt nur das Bild ein.

Bei mouseover verändert sich der Mauszieger über dem Bild, ok.

Text mit eingefügtem Bild/links funktioniert nicht: Bild links, Text darunter statt daneben.

Das Script habe ich sinngemäß in einer user.js eingebaut ‎/media/templates/site/cassiopeia_med/js/user.js

Es wird aber mit Klick auf das Bild nicht ausgeführt.

Was habe ich falsch gemacht?

Nun war es doch so, dass StMa hier MP3 abspielen nach einer Lösung für seinen Kuckucksknipser gesucht hat.
Ihm wurde JS gemäß codepen.io/gunnarbittersmann/pen/apmyWQ empfohlen.

Inswischen hat er wohl auch eine Lösung gefunden, ich weiß aber nicht welche. Jedenfalls funktioniert http://www.stwerner-schuetzen.de/index.php/kuckucksknipser auch auf iOS.

Die Anwendung codepen.io/gunnarbittersmann/pen/apmyWQ - definitiv JS - funktioniert auf iOS (Safari, Firefox) nicht! JS ist aber aktiviert.

Daraus muss ich wohl schlussfolgern, dass ein JS MP3 Player für Apple-Geräte nicht geeignet ist.

Blöd, irgendwie.

ja, nee, ich möchte nur die Seite https://tass.ewbb.ch/test-mp3-bild mit meinem iPhone aufrufen, um das Thema abzuschließen.
Am PC hat es ja funktioniert. Aber iOS???

Danach entscheide ich, ob ich noch einen Ansatz mit JS versuche oder nicht.

vG

Das war nicht die Frage!

Der Zugang #18 ist gesperrt und daran ändert sich auch nichts.

Dann kann ich den Thread auch unerledigt schließen.

vG

Hallo,

ich habe mehrere Audioplayer ausprobiert. PlugIn, HTML5

Da gab es mal eine Demosite mit einem JS-Player, der hat auf Klick einen Kuckuck gespielt o.s.ä.

Diese Anwendung suche ich. Kann sich jemand erinnern? Indigo66 und Stef waren glaube ich involviert.

Hintergrund: Alle von mir getesteten Player machen kein Autoplay bei iOS. Safari, Firefox.

Bei Android funktioniert es.

vG

Toll, Steff!
Ich probiere das mal aus. Aber wenn jemand JS nicht kennt, nicht mag .... ?!

Aber das Motiv ist anspechend und der Klick gilt nur dem Vogel.png

Also ich benutze den 'Simple Audio Player' und spendiere 5€

Simple Audio Player - Shortcode, by SUDesign - Joomla Extension Directory

Der ist free, gut beschrieben und man kann ihn umfangreich konfigurieren.

Im Beitrag1 mit Menüeintrag habe ich Text und Bild.

Das Bild hat einen Link auf Beitrag2 mit Menüeintrag.

Beitrag2 ist identisch mit Beitrag1, enthält aber den Shortcode des Players!!

Mit Klick auf das Bild in Beitrag1 kommt der Beitrag2 - sieht genauso aus - und Musik dudelt.

Windfege

Mit  hidden="yes" kann iOS/Safari leider nichts anfangen, er startet nicht

Die Lösung klingt schräg, isses wohl auch, funzt aber

Schönen Tag noch.

Hallo,

ich habe in einem Beitrag ein Bild, auf das ich einen Link/Klick setze, um ein Modul zu erreichen (ID:219), dessen Code dann ausgeführt wird (Player-Plugin).

Wenn ich das Modul im Bild einsetze {loadmodulid 219}, ist das Bild weg und der Code des Moduls (Player) wird hier ausgeführt. Korrekt.
Der soll aber "hinter" dem Bild laufen.

Hmm. Mir fällt nichts ein.

vG

Hallo,

wenn ich das richtig verstanden habe, soll mit Klick auf das BILD eine .mp3 abgespielt werden. Das ist gerade auch meine Aufgabenstellung.

Verfahre ich wie beschrieben und setze im JCE den Player auf das Bild, ist das Bild weg und der Player da. Das ist aber wohl nicht die Aufgabe.

Ich habe den Shortcode vom 'Simple Audio Player' im Absatz notiert und das funzt gut. Automatisch oder mit Klick auf den Player.
Es klappt aber nicht, den Player auf ein Bild zu setzen und von dort mit Klick zu starten.

Wenn ich das rausbekomme, bin ich wieder da.

vG

Ok, ich versuche das mal.

Danke

Hallo,

ich möchte folgenden Ablauf automatisieren:

Der aktuelle Beitrag1 [alias: beitrag1] und als solcher im Menüeintrag zugewiesen, möge mit 'Veröffentlichung beenden: ...23:59:00' auslaufen.

Danach Fehlermeldung 'not found' o.s.ä. OK!

Der neue Beitrag2 [alias: beitrag2] möge mit 'Veröffentlichung starten ab ...00:00:00' online sein.

Tut er aber nicht, da er unter dem neuen Alias nicht gefunden wird (Menüeintrag). Logisch!

Aber wie nutze ich jetzt 'Veröffentlichung beenden:' und 'Veröffentlichung starten' sinnstiftend?

vG

Hallo,

'redirect' ist das Stichwort!

Dazu war ich in 5/2021 schon mal hier.
Letztlich wurde ein Plugin 'Simple Meta Refresh Redirect' installiert

Im JCE-Codefenster wurde die Zeile {MetaRefresh}weiterleitungsurl{/MetaRefresh} eingegeben.

Mit J4 funktioniert das. J5 muss ich mal testen.

Vielen Dank

vG

Hallo,

es ist schon etwas länger her, dass ich mich aktiv mit Joomla befasst habe.

Diese Anwendung hat damals funktioniert, ich habe sie verkauft aber leider nicht die Lösung notiert.

Anwendung:

Mit Eingabe der URL erscheint die Homepage (URL/home) zur Begrüßung.

Diese soll nach einer bestimmten Zeit automatisch wechseln auf eine andere Seite (URL/Seite2); ohne 'Weiter'-Button.

Wie geht/ging das?

vG

Hallo

und vielen Dank für die Rückmeldungen!

Zwischen den Zeilen lese ich, dass der Kunde ganz allgemein wenig Interesse an Upgrades hat, sobald sie kostenpflichtig sind.
Mit 'Spaß an der Freude' und meinen vier Kunden muss ich mir aber keine Gedanken um die Wirtschaftlichkeit im gewerblichen Webdesign machen.

Ich werde bei Zeiten auf einer Testseite - schon aus Interesse - so verfahren wie empfohlen und orientiere mich an dem Hinweis #12.

vG

Hallo,

mal zwischen durch:

Zitat

Aber das mit den Updates den Kunden zu erklären ist nicht immer einfach, vor allem kam ja J5 relativ rasch nach dem 4er raus.

Das war mein Anliegen.
Migration von 1 bis 3 und dann nach 4 kenne ich (Spaß an der Freude!)
Mit MIgrationstool von Protostar nach Cassiopeia war zeitaufwend, lief aber problemlos (wieder viel gelernt). Dem Kunden war/ist das egal.

Welches Template liegt denn J5 bei?
Ein Migrationstool soll wohl in der Pipeline sein?!

vG