Beiträge von Neewmla

Zitat von christine2

Hallo,

vorweg: keine Ahnung von & zu diesem JS button Fall usw. Bist ja in Re:Later in besten Code-Händen.

Du verwendest hier z.B. <div id='xyz'> statt: <div id="xyz">. Schreibs halt nur, weil es mir auffällt. Ob das diesbezüglich relevant ist (ev. Auswirkungen hat), weiß ich nicht.

Liebe Grüße

Christine

Alles anzeigen

Hallo,

ich glaube wenn ich "" statt '' nutze, kann es zu Problemen führen. Meine da was gehabt zu haben. Aber Danke dir vielmals.

So hab die beiden Codes nun eingefügt um zu sehen was passiert und es erscheint da nun der Text

"

Show - BLOCK style

Hide - NONE style

INACTIVE

/*

*/
"

Zitat von Re:Later

Zur Spielerei:

Code

<style>#mkmeldung{display:none}</style>

<div>
<p id="mkbutton">Show - BLOCK style</p>
<p class="mkclose">Hide - NONE style</p>
<p class="mkclose">INACTIVE</p>
</div>
<div>
<p id="mkmeldung">Ich bin die Meldung. Wenn man mich sieht und nicht die Uhr-Zeit läuft was falsch</p>
</div>

Code

;(function() {

    // Geschmackssache
    'use strict';

    document.addEventListener('DOMContentLoaded', function()
    {
        
        var span;
        var mkmodal = document.getElementById('mkmeldung');
        var mkbutton = document.getElementById('mkbutton');
        var spans = document.getElementsByClassName('mkclose');
        
        if (spans.length)
        {
            var span = spans[0];
        }

        if (mkmodal && mkbutton)
        {
            mkbutton.addEventListener('click', function()
            {
                mkmodal.style.display = 'block';
                mkmodal.innerHTML = 'Show geklickt um ' + new Date().toLocaleTimeString();
            });
        }

        if (mkmodal && span)
        {
            span.addEventListener('click', function()
            {
                mkmodal.style.display = 'none';
            });
        }

    });
})();

Alles anzeigen

https://caniuse.com/#feat=domcontentloaded

https://codepen.io/LukeAskew/pen/LnJsE

Alles anzeigen

Hi,

vielen Dank. Das werde ich mir gleich etwas genauer ansehen.

Am Wochenende dachte ich mir so, wenn das mit dieser dynamische CSS Datei nicht geht, müsste es ja eigentlich funktionieren wenn ich in der Default Datei beim Button ein style=""; einfüge mit der PHP Variablen.

<div id='buttonmitte'>
    <button style='background-color: <?php=$mkbuttonfarbebg?>;' id='mkbutton'><?php echo $mkbuttontext; ?></button>
</div>

Aber das ging gerade auch nicht. So kann die Woche beginnen. Herausfordernd.

Ich werde später im Steam Chat wen fragen. der kennt sich eigentlich gut aus. Falls er eine Lösung hat. Werde ich diese am Montag hier posten. Wer weis, vieleicht komme ich ja am WE selber auf die Lösung.

Hab jetzt einiges durchgelesen. Aber immer wenn es um dynamisches CSS geht, werden die Variablen und deren Werte direkt in der CSS Datei geschrieben. Vielicht bin ich auch total auf dem Holzweg. Und mein Ansatz ist einfach nur falsch.

Wäre nicht das erste Mal und sicher auch nicht das letzte Mal.

Jedenfalls wünsche ich ein schönes Wochenende.

Dachte mir ich versuche es grafisch zu veranschaulichen.

https://img.picload.org/image/dcdrlldl/cssphp.png

Es ist zwar möglich eine Variable in der CSS.PHP Datei direkt zu erstellen. Aber es soll halt eine übernommen werden.

Wäre da eher Session die Lösung?

Zitat von DirtyWorld

Hi,
also ich steige da nicht durch was jetzt Dein Problem ist.
Du spingst nämlich von einem Problem zum anderen.

Beschreib doch erst einmal genau was Du machen willst und wie Du das erreichen willst und dann wo es hackt?

Ja, ich hab das erste Problem erstmal kurz auf Eis gelegt um nicht nur Frust zu bekommen.

Das was ich jetzt gerade machen will ist. Das ich einen Button von meinem erstellten Modul mit Hilfe von Fields verändern kann. Dabei will ich CSS Eigenschaften Dynamisch machen. Sprich ich nehme eine Variable die sich durch ein Field ergibt und diese wird der Wert von z.B. der Farbe des Buttons.

Doch wegen meinen mangelden Kenntnissen habe ich es noch nicht geschaft eine Varibale in die externe CSS.PHP Datei zu übernehmen. Doch ich bleib dran. Hat ja immerhin schon das mit dem Text geklappt.

Habe nun ohne Erfolg dies gemacht:

<?php
header('Content-type: text/css');
$mkbuttonfarbe=$_GET['mkbuttonfarbe'];
?>
button{
background-color: <?=$mkbuttonfarbe?>;
}

Bin ich auf dem richtigen Weg?

Ok, also follgendes funktioniert schonmal.

JHtml::_('stylesheet', 'mod_meins/mk_css.php', array('version' => 'auto', 'relative' => true));

Jetzt ist es so das die Variable die ich aus dem Field zu meiner Controllerdatei übergebe, nicht aber in dieser CSS.PHP Datei "ansprechbar" ist.

Um zu testen ob es überhaupt geht mit einer Variablen in CSS, habe ich einfach in dem PHP Headerbereich der CSS.PHP Datei eine Variable geschrieben. Das klappte auch schonmal.

Sicher wurde schon bemerkt das ich versuche mich so "durchzuhangeln" ohne wirklich zu wissen was ich tue.

Weil das ganze bisher noch nicht gefruchtet hat und ich nicht den "Mut" verlieren wollte. Habe ich mich nun mit Fields beschäftigt und hätte da mal eine Frage. Oder mehrere Fragen besser gesagt.

Den Text vom Button ändern per Fields klappte schonmal super.

Jetzt möchte ich auch gerne die Farbe vom Button ändern per Fields. Hab dafür das Field vom type color genommen.

Dann wird das ganze in der Controller PHP Datei übernommen. Jetzt meine Frage/n.

Einfach die Variable in die CSS Datei statt einer direkten Farbangabe zu schreiben geht nicht. Soll ich aus der CSS Datei eine CSS.PHP Datei machen? Und wie binde ich die dann ein?

JHtml::_('Keine Ahnung', 'mod_meins/mk_css.php', array('version' => 'auto', 'relative' => true));

Oder ist dies bei Joomla nicht auf diesen Weg möglich, bzw. würde man das anders angehen?

Hallo,

ich selbst nutze kein JQuery. Aber die Seite für die ich dieses Modul versuche zu machen nutz es.

Ich hab auch schon was gefunden und ausprobiert, also ein window.onload=function(). Aber da passierte nichts. Ich denke da bin dann ich der Fehler. Was das richtige umsetzen angeht.

Wobei ich natürlich jetzt lieber dem Template die Schuld gebe.

Achja, jedesmal wenn ich den Button klicke, geht der Zähler der Warnungen bei der jquery.min.js um 2 Zähler hoch.

var mkmodal = document.getElementById('mkmeldung');
var mkbutton = document.getElementById('mkbutton');
var span = document.getElementsByClassName('mkclose')[0];

mkbutton.onclick = function() {
                    mkmodal.style.display = 'block';
                    }

span.onclick = function() {
                    mkmodal.style.display = 'none';
                    }

window.onclick = function(event) {
                    if (event.target == mkmodal) {
                               mkmodal.style.display = 'none';
                               }
                    }

Das ist der JS Code, nichts Weltbewegendes.

Es scheint so das jquery.min.js ein Problem m allgemeinen hat und das nichts mit meinem JS Code zu tun hat. Habe eben mein Modul gelöscht und die Meldung kam trotzdem.

Also war dies eine kalte Spur. Ich schau mal weiter.

Ich bekomme die Meldung "TypeError: modbutton is null".

Als Lösung wird angezeigt:

"Um den Nullzeiger auf undefined- oder null-Werte zu beheben, kann z. B. der "typeof"-Operator verwendt werden."

Dachte wenn ich dann follgendes in meine JS Datei reinschreibe

if (typeof modbutton !== 'undefined') {  // Nun wissen wir, dass modbutton definiert ist, und können weitermachen.
}

Doch meine Unwissenheit lässt sich leider nicht mit einer 1zu1 Kopie ausgleichen. xD

Ich bleibe dran und melde mich wieder.

Bevor jetzt wer antwortet. wartet noch etwas. Ich glaube ich bin da was auf der Spur.

Melde mich wieder, wenn ich nicht weiter komme.

Hallo,

ich bin gerade dabei rauszufinden, warum nach dem betätigen des Buttons nichts passiert.

Der JS Code befindet sich in einer externen Datei und das Einbinden steht auch im Quellcode dann drin.

Zum testen habe ich dann den ganzen Code mir geschnappt und direkt in die Default.php reinkopiert.

Doch auch hier passiert dann beim betätigen des Buttons nicht.

Um auszuschliessen das der JS Code fehlerhaft ist, habe ich das ganze in eine HTML Datei gepackt und getestet. Funktionierte so wie es soll.

Das Ganze ist Teil eines eigenen Moduls.

Jetzt fragt ihr euch sicher, was will ich denn nun genau wissen?

Nun, wie gehe ich am besten vor um selbst die Lösung zu finden?

Schubst mich mal bitte in die richtige Richtung.

Dankeschön.

Ich sehe gerade im Browser die Meldung "Leerer String an getElementById () übergeben." Aus der Datei jquery.js.

Zitat von chr-hl

Dann vielleicht erst einmal an Treffen einer JUG teilnehmen

Christian

Gibt sogar eine JUG hier bei mir.

Aber bis es soweit ist. Werkel ich mal weiter an meinem Modul. Das muss unbedingt heute noch laufen. Dann kann ich es morgen meinem Kollegen präsentieren. Und falls es nicht so will wie ich, ist es gut das ich es vorher nicht erwähnt habe.

Vieleicht hilft dir das ja.

In deiner template.css folgendes eintragen:

.item-title a{

pointer-events: none;

}

Die Klasse von dem td wo sich die Hyperlinks mit dem Namen befinden heisst "item-title"

Ich glaube meine Fragen würden den ein oder anderen dazu bringen sich mitten im Gespräch, umzudrehen und wortlos wegzugehen. xD

Danke für die Tipps. Hab jetzt auch die error.php umbenannt.

Gerade mal nach geschaut. Mein Account gehört zur Super User Gruppe. Das Template was hier genutzt wird heisst "Haven".

Bin auch die ganze Zeit damit beschäftigt den nun formatierten Button an seine Position zu bringen. Das Template macht es mir nicht so leicht.

Aber das klappt schon noch.

Morgen werde ich dann versuchen das mein JS Code beim betätigen des Buttons auch ausgeführt wird.

Die restliche Zeit von heute, werde ich mich mit dem Template anlegen und drauf bestehen das der Button dorthin kommt wo er hin soll. xD

Ja, natürlich mit *.js

So habe ich es auch bei mir hier stehen. Ich ändere das mal oben nochmal.

Die error.php vom Template kann ich nicht umbennen. Da ich keinen Zugriff auf die Datei habe. Ich hab Joomla auch nicht selber installiert und mache dies alles hier gerade in einer Entwicklungsumgebung. Anders kann ich das gerade nicht bennen. Hab aber einen Account mit Adminrechten bei Joomla.

Und die Fehlermeldungen habe ich schon auf Maximum eingestellt, nachdem ich gestern eine nichts sagende weiße Seite auf einmal hatte.

Edit: Kann den Beitrag oben nicht mehr editieren. Aber ein aufmerksamer Leser wird sicher den Fehler bemerken und nicht duplizieren.