Beiträge von Shor-ty

Hallo zusammen, ich hab mir jetzt selber mit sehr einfachen Mitteln eine Art "Light-Box" für meine Seite gebaut. Auf jedem <img> Element, dass ein Parent-Element <div class="article-image"> enthält ist ein Listener eingebaut, mit dem ich dann beim Klicken auf das Element eine Maske über mein derzeitiges Ansicht lege und dort das Bild anzeige. Das sieht dann ungefähr so aus: https://jsfiddle.net/rgqjovx5/5/

Jetzt die Frage. Das Bild, dass ich in den "<div class="info-2">" lege, überspannt den Div-Container. Ich möchte aber, dass das Bild nur die maximal Größe des Div Containers ausnutzen kann und falls das Bild zu klein ist, nicht gezogen wird. Ich denke mit dem Code-Beispiel wird alles klar.

Okay. Selbst gefunden. Es geht wie ich das meinte:

$(".image-handler > img").on('click', function() {}); 

Sollte öfter mit jsFiddle testen
Natürlich ist Kritik willkommen, sollte das eine Art sein die man vermeiden sollte.

Hey LukasHH, korrekt sowas meinte ich. Das Thema ist nur, dass ich das nicht für jedes Image machen möchte sondern nur für die Images, welche im div Kontainer mit der Klasse "image-handler" vorzufinden sind. Kann ich das irgendwie (ähnlich wie bei css) umsetzen (.image-handler > img)?

Mit anderen Worten, dein Javascript legt den Event Handler auf das "img". In meinem Fall ist es derzeit auf die Klasse "image-handler" gelegt, wodurch ich keinen Zugriff auf das Attribut "src" habe, da mein $(this) Objekt nicht das Image ist sonder der darüberliegende <div> Kontainer. Beispiel:

$(".image-handler").on('click', function() {

  // $(this) ist jetzt das <div> Objekt und nicht das img Objekt. Somit kann ich nicht auf .attr('src') zugreifen:
  var a = $(this).innerHTML;

  // Gibt mir <img src="..." alt="..." title="..." /> aus
  console.log(a);
}

Ist es möglich direkt das <img> Objekt anzusprechen? Quasi so in der Art:

// Auf Klasse image-handler und dann das Objekt <img>
$(".image-handler > img").on('click', function() {
  // $(this) sollte jetzt das Img Objekt beherbergen...
}

Ich teste das mal, und such weiter. Das muss es geben

Hey zusammen,

möchte kurz bei euch etwas nachfragen und zwar möchte ich gerne auf eine bestimmte Klasse (sind <img>) mit einem Listener ein Event (click) prüfen und falls das gemacht wird, dann möchte ich in Javascript etwas damit abarbeiten. Dazu benötige ich aber die URL des geklickten Bildes (bzw. des Objektes). Ich müsste doch mit dem **this** Objekt auch an den **src=""** des **<img>** gelangen, oder? Ich kann natürlich über **innerHTML** und weiteren String-Manipulatoren mir das Ergebnis in JS selber generieren aber das wäre ja eine Mehraufwand als wenn ich direkt auf das Attribut **src** Zugriff hätte.

Mein Quellcode sieht ungefähr wie folgt aus:

<div class="image-handler"><img src="foobar" /></div>

Das **<img>** selber hat keine Klasse oder ID. Wahrscheinlich gehen deshalb die Properties nicht, weil ich das **Div** Element im this Objekt wiederfinde und nicht das **img**.

Jede Info ist herzlich willkommen.
Grüße
Tobi

Hallo anka,

vielen Dank für die Rückmeldung. Ich hab mir gestern nach deinem Post #13 schon gedacht, dass das der Grund ist. Ich prüf das gleich mal. Danke für den Hinweis.

Und ja, die <div class="article"> könnte ich eigentlich rausnehmen und über die von Joomla eingesteuerte Class bearbeiten

Hallo anka, danke für Deine Überprüfung.

Ja der Weiterleselink liegt innerhalb eines <div> Elements:

<div class="article">
<p><i class="fas fa-blog"> </i></p>
<h1>Temperature-Dependent Thermophysical Properties for Pure Water</span></h1>
<p>The OpenFOAM® thermophysicalProperties file for water (polynomial approach)</p>
<br />
<p class="article-text">Water is an ...</p>
<hr id="system-readmore" />
<p class="article-text">Some other text ... </p>
... Further HTML code ...
</div>

Hey Harmageddon,

natürlich kann ich das bereitstellen Aber bitte nicht allzusehr schimpfen. Ist immerhin mein Erstes

Grüße Tobi

Nein ich habe keine Overrides diesbezüglich angelegt.

Also das Read More Feature hab ich drin. Probiere es morgen mal aus. Derzeit sind es nur 2 Artikel die ich drin hab.

Hallo zusammen,

vielen Dank für die Rückmeldungen.

christine2, das was Du ansprichst kommt von Joomla und ist in meinem Template nicht enthalten. Dieses <div class="mod-custom custom" > steht nicht in meinem Template. Mein Template ist sehr schlicht:

<body>                                                                          
    <div class="span">                                                          
      <div class="container-1">                                                 
        <div class="item-logo"><a href="/" title="<?php echo $app->get('sitename'); ?>"><img src="<?php echo $this->baseurl . '/templates/' . $this->template . '/images/logo.png'; ?>" alt="<?php echo $app->get('sitename'); ?>" /></a></div>
        <div class="item-menu"><jdoc:include type="modules" name="menu" style="none" /></div>
      </div>                                                                    
    </div>                                                                      
    <div class="container-2">                                                   
      <div class="item-promo-1"></div>                                          
      <div class="item-promo-2"><jdoc:include type="modules" name="promo" style="none" /></div>
      <div class="item-promo-3"><jdoc:include type="modules" name="counter" style="none" /></div>
      <div class="item-breadcrumbs"><jdoc:include type="modules" name="breadcrumbs" style="none" /></div>
      <div class="item-content"><jdoc:include type="component" style="none" /></div>
      <div class="item-footer-1"></div>                                         
      <div class="item-footer-2"><jdoc:include type="modules" name="footer" style="none" /></div>
      <div class="item-footer-3"></div>                                         
    </div>                                                                      
    <script src="/templates/holzmanncfd/js/canvas.js"></script>                 
</body>                                                                         
</html> 

Re:Later , Seite ist derzeit noch offline, werde ich aber demnächst auf den Server unter einer Sub-Domain hosten und dort weiterarbeiten. Die Warnungen kommen viele von dem JaTex Plugin, aber auch einige von meiner Seite. Werde ich überarbeiten und korrigieren. Den HTML Code hab ich einfach mal angehängt. Deinen Validator hab ich schon verwendet, mit Info, dass die DIVS nicht beendet werden. Allerdings, wie erwähnt, tritt das nur im Zusammenhang mit der Blogdarstellung auf.

firstlady, Seite nicht online daher nicht über Deinen Vorschlag möglich.

Harmageddon, guter Tipp. Gerade probiert, das DIV Problem ist hier nicht gegeben, allerdings ist natürlich die Seite komplett anders zwecks fehlendem *css*. Dann muss es doch irgendwo bei mir liegen (war ja auch irgendwie klar).

WErde mich erstmal um die Warnungen kümmern.

Hallo, wieder einmal gibst Du mir sehr hilfreiche und aufschlussreiche Rückmeldung. Das mit dem Datenschutz hab ich schon wieder ganz vergessen.

Da muss ich auf meiner Seite sicherlich auch noch was einbauen oder? Immerhin verkaufe ich mein Buch und damit muss ich das sicherlich aufnehmen.

Wo finde ich hierzu den Infos was ich alles brauche?

Danke schon im Voraus

Tobi

Hallo zusammen,

ich hätte nochmals eine Frage bezüglich der Blog-Darstellung in Joomla 4 (Beta 3.0). Ich habe mehrere Artikel, die ich als Blog darstellen möchte. In Joomla 3.9.19 habe ich das damals eigentlich so hinbekommen, wie ich das möchte (siehe Anhang 1). In Joomla 4 habe ich jetzt folgendes Problem.

• Mein Template-Layout wird durch das Blog-Layout verändert (Footer geht nicht mehr über die ganze Breite und nach einer HTML Analyse wird ein <div> Tag nicht geschlossen, wodurch mein </body> Tag im Quelltext rot eingefärbt ist (Bild 2+3))

Daher folgende Fragen:

• Wie kann ich debuggen, wieso ein </div> Tag nicht geschlossen wird? Alle anderen Seiten auf meiner Seite funktionieren tadellos, nur wenn ich die Blog-Darstellung wähle wird das zerstört (ggf. ein Bug im J4?)

Jeder Hinweis wird dankend angenommen.

Grüße Tobi

Hallo zusammen,

dank Euch allen bin ich so langsam mit der Integration meiner Joomlaseite von 3.19 auf 4 Beta 3 fast fertig und das bislang mit komplett eigenen Modulen. Das hat ziemlich Spaß gemacht und ich hab wieder einiges gelernt. Denke damit kann ich jetzt wirklich meine Seite nun deutlich besser aktuell halten.

Zuletzt möchte mich noch informieren, ob es diverse »freie« Plugins gibt, die es mir erlauben meinen Besuchern meine Artikel auf Twitter/Facebook und Co. zu teilen.
»Easy Social Icons« ist einn Plugin, dass mir ins Auge gefallen ist. Frag mich aber gerade ob es von euerer Sicht bessere Alternativen gibt?


Tobi

Hi,

Soll heißen, dass mir die Infos für das Weiterkommen reichen. ☺️

Hallo zusammen,

ich verwende in meinen Modulen die Joomla-Funktion »addStyleSheet()«. Wollte gerade nachsehen, ob es hier Optionen gibt, dass das Stylesheet an letzte Stelle gerückt wird, da es im Default immer an erster Stelle eingebunden wird (also im <head> Bereich ist das Stylesheet vom Modul immer als erstes gelistet). Es gibt hier ja Optionen wie ich hier erkenne: https://api.joomla.org/cms-3/c…html#method_addStyleSheet aber daraus kann ich nicht viel ableiten.

Wo finde ich diesem Fall eine genauere Beschreibung der Optionen? Gibts sowas wie Doxygen für Joomla?

Grüße Tobi

Zitat von Indigo66

Zwar geht es Dir wohl darum, alles selber zu bauen, aber schau Dir trotzdem mal diese Formular-Plugin an, welches Du frei per XML konfigurieren kannst.
https://github.com/JoomTools/plg_content_jtf

Das Formular zieht sich das Captcha, welches in der Joomlakonfiguration vordefiniert ist, sofern in den Plugin-Optionen ausgewählt.

Auch wenn Du das Plugin nicht einsetzten willst, kannst Du zumindest "abschauen" wie das Captcha umgesetzt wurde.

Hallo Tom,

eigentlich bin ich schon »faul«, daher programmiere ich auch viel in der Arbeit, um immer wiederkehrende Aufgaben automatisch durchzuführen. In diesem Fall hier ist es eher die Neugier mit dem Captcha Code etc. Habe erst die Paypal-Buttons in ein Modul integriert und das war echt interessant. Ich denke für die meisten Dinge kann ich auf vorgefertigte Module/Plugins/Erweiterungen zurückgreifen.

Es geht mir nicht darum, dass Rad neu zu erfinden aber wenn man etwas selber macht, dann ist der Lerneffekt doch etwas anders.

Danke für die RÜckmeldungen.
Damit komm ich zurecht.

Tobi

Hi und danke für die Rückmeldung. Meine Ausführung war etwas schlecht und unzureichend. Ich baue gerade ein Kontaktformular-Modul, dass ich nach meinen eigenen Angaben definiere. Um nur reale Anfragen durchzulassen, möchte ich eine Recaptcha-Authentifizierung dabei haben.

Ich schau mir deine Link mal an. Danke dafür.
Tobi

Hallo zusammen,

ich hätte wieder mal eine kurze Frage. Wie kann ich einen Recaptcha-Code / Test in mein eigenes Modul einbauen? Das Recapchtca Plugin ist aktiviert und die Keys sind drin. Jetzt stellt sich mir die Frage wie ich die Abfrage in das Modul bring.

Links zu Lesestoff sind willkommen oder Rückmeldung
Tobi

Hi,

ich arbeite ohne einen Pre-Prozessor. Derzeit arbeite ich auf meinem lokalen NAS, auf dem ein Apache2 Server läuft. Somit kein FTP sondern ich bearbeite die Files hier direkt in der Shell auf meinem Linux. Schau mir das mit den Entwicklerwerkzeugen gleich mal an.

Hallo zusammen,

ich hab das Problem schon öfter gehabt und bin mir nicht sicher, ob es an Joomla oder am Browser liegt.
Wenn ich bpsw. in einer CSS Datei eine Änderung durchführe, dann wird dies allerdings nicht im Browser übernehmen.

Auch wenn ich ab und an den Browsercache lösche bringt das nichts. Ich öffne dann meistens einen anderen Browser bpsw. Chrome,.

Verwende im Normalfall Firefox.

Scheint irgendwie eine "Cache" Sache zu sein.
Hatte die letzten Wochen das Problem eigentlich nicht. Seitdem meine CSS etwas länger werden, ist es jetzt wieder da.

Kann es ggf. auch ein Syntaxproblem sein?