Tag Archives

11 Articles
PHP PDO jQuery AJAX Example

PHP PDO jQuery AJAX Example

I have found a very nice tutorial, how to use PHP, PDO, jQuery and the ajax technology to create, edit and delete records on a database table. I have copied the script and had make an online demo page from this project.

Its like my own German article how to use PHP and Ajax to edit a table on the MySQL database. Its interesting, how different the concepts are to create a editable MySQL table.

Feel free to compare the different scripts on this demo sites:
Preview the PHP PDO example from programmerblog.net.
Preview the mysql ajax edit table example from my blog.

Don’t forget to checkout the website from programmerblog.net, there are many good articles.

A propertygrid for javascript: jq PropertyGrid

A propertygrid for javascript: jq PropertyGrid

I have found a useful jQuery Plugin to show very fast a javascript object as a form. Its jqPropertyGrid, you can easily show an object with one line of code: 

$(‚#property-grid‘).jqPropertyGrid(record.data, options);

I have used the plugin to show fast and easy options for my form editor. Its pretty simple and makes it a lot of easier to make an object editable. Also you can with one command serialize the object back or you can use an event listener, so you get informed on every change the user has made on the property grid.

Read More

jQuery Ajax MySQL Tabellen Editieren Tutorial

Dieses Tutorial baut auf jQuery auf, zum Grundverständnis sollte eventuell sich das jQuery Tutorial durchgelesen werden. Wer der englischen Sprache mächtig ist, kann auch sich dieses Beispiel ansehen.

Es gibt vier Dateien, functions.js, index.php, mysql.php und functions.php. In der functions.js sind alle unsere JavaScript Funktionen abgelegt. Die index.php beinhaltet zum einen das HTML Template und beantwortet die Ajax-Anfragen. In der mysql.php befinden sich die Verbindungs/Login Informationen zur MySQL Datenbank. Und zu guter letzt in der functions.php befinden sich alle zusätzlichen PHP Funktionen die wir brauchen.

Die mysql.php

In der mysql.php werden die Login Daten zur MySQL eingeben. In diesem Beispiel ist der Benutzername username und das Passwort auf Passwort gesetzt. Der Host steht auf localhost und die Datenbank ist im Beispiel auf database gestellt. Diese Werte müssen entsprechend euerer Datenbank angepasst und gespeichert werden.

// Verbindung aufbauen, auswählen einer Datenbank
$link = mysql_connect("localhost", "username", "passwort")
    or die("Keine Verbindung möglich: " . mysql_error());

// Datenbank auswählen
mysql_select_db("database") or die("Auswahl der Datenbank fehlgeschlagen\n");
Read More

jQuery tutorial Top 10

Bei dem Suchbegriff jQuery Tutorial ist mittlerweile mein Blog auf Platz 3 vorgedrungen in der Google Suchmaschine, was für mich guten Traffic bedeutet und für die Suchenenden ein schönes kleines Tutorial. Der Artikel ist Mittlerweile schon über einen Jahr alt. Ich hoffe das der Blog in der Top10 bei dem Suchbegriff bleibt.

Wer sich den Artikel ansehen will: https://d4nza.de/blog/tutorials/jquery-tutorial-1

jQuery Tutorial Status

Da sich mein jQuery Tutorial großer Beliebheit zu zeigen scheint (über 40 Seitenzugriffe allein im letzten Monat nur mit dem Begriff jQueryTutorial ), werde ich eventuell demnächst noch ein kleine Tutorial oder Vorschau zum jQuery UI schreiben.

Noch dazu habe ich noch einen kleinen Link mit den über 50 nützlichen jQuery Plugins: drweb.de. Einfach mal reinschauen und Sachen ausprobieren.

Mein absolutes lieblings Plugin ist natürlich die jQuery Lightbox. Direkt gefolgt vom jQuery Dateibrowser, den ihr dort findet: jQuery

Allen in allen kann man sagen das jQuery ein Top Framework ist und so schnell nicht von der Konkurrenz geschlagen wird.

jQuery Tutorial

by danza 47 Comments

Ich schreibe ein kleines jQuery Tutorial mit einigen Beispielen.

Demo 1 Alert Box

Als erstes registrieren wir ein so genanntes „ready Event“ für das Document. Dieses geht in jQuery mit der Funktion $(document).ready(function()). Im Code sieht das folgendermaßen aus:

$(document).ready(function() {
    //Mach irgendetwas wenn das Dokument geladen ist.
});

Wir wollen nun, das wenn man auf einen Link klickt, eine Messagebox erscheint, mit dem Inhalt Hallo Welt. Dazu schreiben wir folgendes in die Funktion:

$(document).ready(function(){
    $("a").click(function(){
        alert("Hallo Welt");
    });
});

Read More