PHP-Widget mit SQL anbindung
so über HTML und javascript sag ich jetzt wenig
das kann sich glaub ich jeder selber im Quelltext anschauen (aber ich habs dort natürlich kommentiert).
PHP-Code:
<?php
$mysqlhost="localhost";
$mysqluser="root";
$mysqlpwd="";
$mysqldb="widget";
$abt1= array();
$abt2= array();
$connection= mysql_connect($mysqlhost, $mysqluser, $mysqlpwd) or die ("kann nicht verbinden");
mysql_select_db($mysqldb, $connection)or die ("datenbank nicht gefunden!");
$result=mysql_query("SELECT * FROM `abteilungen`,`mitarbeiter` WHERE abteilungen.abtNR=mitarbeiter.abtNR");
while($arr=mysql_fetch_array($result)){
if ($arr[abtNR]==1){
array_push($abt1, $arr[name]." ");
}else {
array_push($abt2, $arr[name]." ");
}
}
?>
MySql:
1.In phpMyAdmin neue Datenbank erzeugen
2.Zwei Tabellen machen mit "Mitarbeiter" und "Abteilungen"
3. Tabelle "Mitarbeiter": 3 Felder machen, "persNR", "name", "abtNR"
4. "persNR": INT, auto_increment, primary key , "name": VARCHAR, "abtNR": INT
5. Tabelle "Abteilungen": 2 Felder machen mit "abtNR", "bezeichnung"
6. "abtNR": INT, auto_increment, primary key, "bezeichnung": VARCHAR
7. überall ein paar werte eintragen zum testen
So SQL ist damit auch fertig!
Hier noch die Daten die eventuell im PHP-Code geändert werden müssen:
$mysqlhost="localhost"; Name des Hosts!
$mysqluser="root";Username um anmelden!
$mysqlpwd="";Passwort zum anmelden!
$mysqldb="widget";Der Name der Datenbank!
Hier noch die javascript funktionen die ins html müssen!
function abt_1(){
document.getElementById("ma_1").innerHTML="<?php
for ($i=0;$i<=count($abt1);$i++){
echo $abt1[$i]."<br />";
}
?>";
}
function abt_2(){
document.getElementById("ma_1").innerHTML="<?php
for ($i=0;$i<=count($abt2);$i++){
echo $abt2[$i]."<br />";
}
?>";
}
Eingebundene Files:
Das MasterCSS Das setzt grundsätzlich mal alle Styles auf 0 und verlinkt zu den weitern CSS-Files
Das WidgetCSS Das gibt jetzt wirklich die Stile für die Klassen und Elemnete im Widget vor
Die beiden Files sind nur als kleines Schmankerl für abgerundete Ecken da ;)
EckenCSS Das ist nur für die Runden Ecken zuständig also nicht unbedingt notwendig
EckenJavascript Das ist das Javascript welches die Ecken erzeugt, also auch nich notwendig