Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- javascript:documentready [15/02/2021 16:38] – Externe Bearbeitung 127.0.0.1
+++ javascript:documentready [15/02/2021 16:45] (aktuell) – Manuel
@@ Zeile 1: / Zeile 1: @@
-====== Joomla - JInput ======
+====== Javascript - Document ready function ======
-Zusatzinformationen zu JInput - Joomla-Klasse, um Request-Variablen zu empgangen.
+Eine Funktion die erst ausgeführt wird, wenn der DOM vollständig geladen ist.
-Offizielle Doku: https://docs.joomla.org/Retrieving_request_data_using_JInput
-===== Klasse =====
+==== jQuery ====
-So wird die Klasse aufgerufen:
+<file javascript>
+jQuery(document).ready(function(){
-<file php>
+  // document ready function;
-use Joomla\CMS\Factory;
+  alert('DOM sucessfully loaded');
-$input = Factory::getApplication()->input;
+});
-// equivalent of the older format $input = JFactory::getApplication()->input;
 </file>
-==== Eine bestimmte Variable ====
+==== Vanilla Javascript ====
-<file php>
+<file javascript>
-$name = $input->get('name', 'default', 'filter');
+var callback = function(){
-</file>
+  // document ready function;
+  alert('DOM sucessfully loaded');
+}; //end callback
-==== Mehrere bestimmte Variablen ====
-<file php>
+if ( document.readyState === "complete" || (document.readyState !== "loading" && !document.documentElement.doScroll))
-$name = $input->getArray(array('p1'=>'int', 'p2'=>'float', 'p3'=>'word'));
+{
+  callback();
+} else {
+  document.addEventListener("DOMContentLoaded", callback);
+}
 </file>
-==== Variablen aus einem Joomla-Formular (JForm) ====
-<file php>
-$name = $input->getArray(array( 'jform' => array('title'=>'string', 'quantity'=>'int', 'state'=>'int') ));
-</file>
-==== Eine bestimmte GET-Variable ====
-<file php>
-$name = $input->get->get('name', 'default', 'filter');
-</file>
-==== Alle vorhandenen Variablen ====
-<file php>
-$name = $input->getArray(array());
-</file>