Posts mit dem Label Jquery werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Jquery werden angezeigt. Alle Posts anzeigen

23.7.13

PHP und JS Schnipsel - Datumsfunktionen

Datum aus einer MySQL-Datenbank formatieren:


$datum_de = date("d.m.Y ", strToTime($datum));



Datumspicker mit jquery einbinden:

  1. Framework und CSS einbinden 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"</script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">
    </script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" type="text/css" />
  2. Funktion definieren (geht auch ohne PHP :))
function datepicker($fieldId)
{
    ?>
    <script type="text/javascript">

        jQuery(function($){
            $.datepicker.regional['de'] = {clearText: 'enternen', clearStatus: 'Auswahl löschen',
                closeText: 'schließen', closeStatus: 'Änderungen nicht übernehmen',
                prevText: 'vorheriger Monat', prevStatus: 'vorheriger Monat',
                nextText: 'nächster Monat', nextStatus: 'nächster Monat',
                currentText: 'heute', currentStatus: '',
                monthNames: ['Januar','Februar','März','April','Mai','Juni',
                    'Juli','August','September','Oktober','November','Dezember'],
                monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
                    'Jul','Aug','Sep','Okt','Nov','Dez'],
                monthStatus: 'anderer Monat', yearStatus: 'anderes Jahr',
                weekHeader: 'Wo', weekStatus: 'Woche des Monats',
                dayNames:
                    ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
                dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
                dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
                dayStatus: 'Setze DD als ersten Wochentag', dateStatus: 'Wähle D, M d',
                dateFormat: 'yy-mm-dd', firstDay: 1,
                changeMonth: true,
                changeYear: true,
                initStatus: 'Bitte wählen Sie ein Datum', isRTL: false};
            $.datepicker.setDefaults($.datepicker.regional['de']);
        });
        $(function() {
            <?php echo "\$(\"#" . $fieldId . "\").datepicker();";
            ?>
        });

    </script>
    <?php
}

3.1.13

Mit JQuery (Input)-Felder "disablen"


 Feld deaktivieren:
$('#submit').prop('disabled', true);
 Feld aktivieren:
$('#submit').prop('disabled', false);
 

25.10.12

Formulardaten auswerten aus WYMeditor

Der WYMeditor ist ein  WYSIWYM (What You See Is What You Mean) XHTML Editor, welcher sehr leicht in die eigene Webanwendung implementiert werden kann.

Mein Problem war, dass die Formulardaten aus einer Textarea nicht so einfach zu erhalten waren.
Nach einer Google-Suche fand ich dann die Lösung:

$.wymeditors(0).update();
Anschließend kann das Formular versendet werden und die entsprechenden Daten werden per POST übertragen.
Eine Ajax-Funktionalität ist auch sehr leicht möglich.
Nach dem o.a. Update einfach den Text per ID selektieren (JQuery erforderlich - ansonsten document.getElementById......):
 // Text selektieren (nach Update!)
    var text = $('#meineTextarea').val();   
// Aktion definieren
var aktion = {
        "aktion" : "editNotice",
        "editnoticearea" : text
    }
// Daten per Ajax Request versenden
    var ajaxRequest = $.post("PHP-SCRIPT.PHP", aktion, function(data) {
 // hier könnten weitere Befehle stehen....... })
// Wenn erfolgreich -> führe nächste Funktion aus
    .success(function(data) {  responseReceived(data);    })
    .error(function() { alert("Ein Fehler ist aufgetreten");    });

25.9.12

Unterschiede von "altem" JS und JQuery


Javascript:

 
var Msg="abc";
document.getElementById('msg').value = Msg;
document.getElementById('sp_100').checked = true;
 
 

JQuery:

 
var msg = 'abc';
$('#msg').val(msg);
$('#sp_100').attr('checked', 'checked');

 
 

19.9.12

Jquery - Post statt Get

Nachdem ich mich nun entschlossen habe in Zukunft Jquery und JQuery-ui als Javascript-Framework einzusetzen, stand ich vor dem Problem, dass die in der Anleitung beschriebene autocomplete-Funktion die Daten per GET überträgt. Ich möchte sie jedoch per POST versenden.

Nach etwas Googlen die Lösung:

Einfach vorher

$.ajaxSetup( { type: "post" } );


 einfügen.

Openhab und Ecoflow Max - API Anbindung

 Ich wollte die neu erworbene Powerstation in Openhab einbinden, um den aktuellen Status (Ladestand etc.) über Openhab auswerten zu können. ...