[MySQL & JS] ist das möglich?

[X-Pretender]

Ich möchte gerne eine Alert-Funktion starten die anspringt wenn eine bestimmte voraussetzung in einer MySQL-Datenbank gegeben ist!
Ist soetwas denn überhaupt möglich?
Die Alert-Funktion soll nicht über OnLoad im body laufen!
Denn über eine OnLoad-Funktion müßte die Seite permanent refreshen um kontinuierlich die Datenbank zu überprüfen!

Hat jemand eine Idee wie es gehen könnte?

Ich dachte daran es eventuell über eine OnMouseOver den Alert zu starten was aber wenig sin macht wenn der User nicht mit der Maus über die entsprechende Stelle fährt!

Hier ein kleines Beispiel falls sich jemand ein notizencode machen will um es zu testen!

In der Datenbank testdb gibt es den eintrag feld in welchem die Zahl 4 steht.
Sobald der Wert 7 ist soll das alert aufgehen. Als beispiel der Alert-Text Achtung ! Hier ist eine Rabenschwarze 7!

[X-Pretender]

Ich hatte soeben folgende Idee:

PHP-Code:

<?
$abfrage=mysql_query("SELECT feld FROM testdb");
while($angsage=mysql_fetch_array($abfrage))
{
if($ansage['feld']=="7")
{
echo '<script language="javascript">alert("Achtung eine Rabenschwarze 7");</script>';
}
}
?>

oder so

PHP-Code:

<?
$abfrage=mysql_query("SELECT feld FROM testdb");
while($angsage=mysql_fetch_array($abfrage))
{
if($ansage['feld']=="7")
{
?>
<script language="javascript">alert("Achtung eine Rabenschwarze 7");</script>
<?
}
}
?>

Nur irgendetwas ist da falsch, es funktioniert zwar aber die Seite braucht stunden um sich aufzubauen ;(

[Garchi]

Ich denk das richtige Stichwort ist hier Ajax.

Du erstellst ne einfache php-datei, die deinen Datenbankeintrag ausliest und als xml-datei ausgibt (okay für nur eine Information bräuchte das nichtmal xml sein).

Die Anfrage musst dann mit Javascript mit einem XMLhttprequest an die php Datei gesendet werden und die Antwort dann mit Javascript ausgewertet werden. Das Ganze muss natürlich regelmäßig passieren, also entweder codest du dafür selber was oder du greifst auf die Updater-Funktion von z.B. prototype zurück.

Nichts verstanden ? Les dir Ajax an, bin auch noch n Anfänger auf dem Gebiet, aber das wäre zumindest eine Lösung für dein Problem.

@x-pretender: So lässt sich das nicht lösen, da die Information ja nur einmal per Page ausgelesen wird, der Threadersteller will die Information aber (zumindest imho) mehrmals auslesen OHNE die Seite zu refreshen, was nur mit php nicht möglich ist.

Bin gerade noch bei einem Kumpel, vielleicht probier ich nachher wenn ich zu Hause bin noch Beispielcode zu schreiben, mal sehen.

[X-Pretender]

Ajax ....... hmmmm!

Danke erstmal für die antwort! (poster 1 & 2 war ich selber )

Da es in unserer Stadt nur 1 Laden gibt in dem man Bücher bekommt und dieser Laden Computer-Bücher aus dem Sortiment genommen hat frage ich mal hier nach gute Webseiten mit denen ich mich in Ajax einlesen kann, kennt da jemand ne gute Seite? Hab zwar schon ein paar gegoogelt aber als Anfänger weiß man ja nicht was die bessere Seite ist um Ajax erstmal kennen zu lernen

Achja wenn jemand gute Bücher kennt zu Ajax wäre ich über jeden Hier geposteten Titel sehr dankbar

P.S.: Keine Englischen seiten denn von Englisch verstehe ich soviel wie ein Italienisches Baby von Französisch ;D

[Garchi]

Ups

Sorry war noch etwas müde

Das mit den Ajax-Tutorials ist so ne Sache, imho gibt es für Ajax noch keine WIRKLICH guten Tutorial da draussen, warum weiß ich auch nicht so recht.

Kannst es mal mit dem hier versuchen, das hat mir am Meisten weitergeholfen:

http://ajax.frozenfox.at/ajax_005.html

Für Ajax brauchst du halt neben Javascript auch noch Kenntnisse in PHP und idealerweise auch bisschen XML, aber der XML-Part wird in dem Tutorial glaub ich ganz gut übernommen

EDIT: http://www.admin-wissen.de/eigene-tu...m-am-beispiel/
Das Tutorial ist auch recht umfangreich, allerdings konnte ich die Beispielscripte so nicht bei mir reproduzieren, was etwas schade war, aber sonst ein echt gutes Tutorial.

[X-Pretender]

Coooool Danke Garchi.
Ich finde die Seite ist klasse.
Hab sie mal eben nur so überflogen und nun verstehe ich ein klitzekleines bischen besser was Ajax ist und wie es funktioniert

Wenn ich das richtig sehe werden die Befehle bzw. Funktionen so gehandhabt wie Javascript wenn ich es soweit richtig verstanden habe kann man die Funktionen ect. in eine Datei mit .JS packen und ganz normal mit <script language="JavaScript" src="blabla.js"></script> aufrufen.

Wenn das stimmt hab ich schonmal für mich das erstmal wichtigste erfahren denn bis gerade wußte ich noch nicht mal wie man die Befehle einbaut


......So dann werd ich mich mal schritt für Schritt durch die Seite arbeiten

DANKE nochmals

[X-Pretender]

Also eigendlich ist die Frage beantwortet aber da mein folgendes Problem zu meiner Frage gehört wollte ich kein neuen Thread aufmachen!

In der Index rufe ich die extras.js auf per

PHP-Code:

<script language="JavaScript" src="extras.js"></script> 


extras.js :

PHP-Code:

    var request = false;

    // Request senden
    function setRequest() {
        // Request erzeugen
        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest(); // Mozilla, Safari, Opera
        } else if (window.ActiveXObject) {
            try {
                request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
            } catch (e) {
                try {
                    request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
                } catch (e) {}
            }
        }

        // überprüfen, ob Request erzeugt wurde
        if (!request) {
            alert("Kann keine XMLHTTP-Instanz erzeugen");
            return false;
        } else {
            var url = "barbaren.php";
            // Request öffnen
            request.open('post', url, true);
            // Request senden
            request.send(null);
            // Request auswerten
            request.onreadystatechange = interpretRequest;
        }
    }

    // Request auswerten
    function interpretRequest() {
        switch (request.readyState) {
            // wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
            case 4:
                if (request.status != 200) {
                    alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
                } else {
                    var barbareninhalt = request.responseText;
                    // den Inhalt des Requests in das <div> schreiben
                    document.getElementById('barbarenfeld').innerHTML = barbareninhalt;
                }
                break;
            default:
                break;
        }
    }





function acountDown(init)
{
    if (init || --document.getElementById( "acounter" ).firstChild.nodeValue > 0 )
    {
        window.setTimeout( "acountDown()" , 1000 );
    }
    

    if ( !init && document.getElementById( "acounter" ).firstChild.nodeValue == 0 )
    {
    var dazu = 15;
    document.getElementById( "acounter" ).innerHTML = dazu;
    acountDown(true);
    javascript:setRequest();
    }
}; 


barbaren.php :

PHP-Code:

<?
echo '<tr>';
echo '<th height=70 width=70>'; if($barschi['feld']=="7"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '</tr><tr>';
echo '<th height=70 width=70>'; if($barschi['feld']=="6"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="3"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="2"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '</tr><tr>';
echo '<th height=70 width=70>'; if($barschi['feld']=="5"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="4"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="1"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '</tr><tr>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="0"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '</tr>';
$bsfalt=$barschi['feld'];
?>

der wichtigste teil der Index.php :

PHP-Code:

<?
#######################################
####    Barbarenfeld
#######################################

echo '<table cellpadding=0 cellspacing=0 width="330" height="330" background="img/barbarenkarte.png"><tr><th>';
    echo '<table cellpadding=0 cellspacing=10>';


$barbarenschiff=mysql_query("SELECT * FROM barbarenschiff");
while($barschi=mysql_fetch_array($barbarenschiff))
{
echo '<div id="barbarenfeld"></div>';
}


    echo '</table>';
echo '</th></tr></table>';

#######################################
####    Barbarenfeld-Ende
#######################################

$bsfneu=$bsfalt+1;

echo '<table cellpadding=5 cellspacing=0><tr><th>Barbarenschiff-Test</th></tr>';
echo '<tr><th><button onclick="acountDown(true)">Klick mich mal</button></th></tr>';
echo '<tr><th>
    ... Bitte warten ...
    <span id="acounter" style="font-size:20px;color:#990000;font-weight:bolder;">
     15 
    </span>
    ... Bitte warten ...
    </th></tr>';

echo '</th></tr></table>';

?>

die extras.js habe ich nicht selbergecodet der obere Teil für die HTTP-Request-Methoden habe ich von hier :
ajax.frozenfox.at
(hier nochmal danke an Garchi) den Unteren Teil mit dem Counter habe ich von hier :
http://www.malleus.de/FAQ/javascript-faq.html
(an dieser Stelle DANKE an Malleus).

Ich habe beides für meine Zwecke etwas umgeändert doch nun frage ich mich warum erscheint die Tabelle mit den Daten aus meiner DB nicht?
Der Counter funktioniert wunderbar

Hat da jemand eine Idee wie ich es anders versuchen könnte?

[X-Pretender]

Wenn ich es wie so umändere bekomme ich die Fehlermeldung : Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /srv/www/htdocs/kundexxxx/html/xxxxxx/barbaren.php on line 9

Änderung in der Index :

PHP-Code:

#######################################
####    Barbarenfeld
#######################################

echo '<table cellpadding=0 cellspacing=0 width="330" height="330" background="img/barbarenkarte.png"><tr>';


echo '<th id="barbarenfeld">';


echo '</th></tr></table>';

#######################################
####    Barbarenfeld-Ende
####################################### 


änderung in barbaren.php :

PHP-Code:

<?
    echo '<table cellpadding=0 cellspacing=10>';

$barbarenschiff=mysql_query("SELECT * FROM barbarenschiff");
while($barschi=mysql_fetch_array($barbarenschiff))
{
#############################
# Hier ist der Rest wie auch oben schon 
#############################
}

    echo '</table>';
?>

achja das hier ist die Line 9 :

PHP-Code:

while($barschi=mysql_fetch_array($barbarenschiff)) 


[Garchi]

Puh könntest du mal genauer erklären WAS passieren soll, ich blick gerade nicht ganz durch den Code durch.

Wenn ich das kapiert hab, kann ich mal probieren, ob ich n funktionierendes Beispiel hinbekomm

was soll z.B. das "$bsfneu=$bsfalt+1;" ?

[X-Pretender]

Also.......

$bsfneu=$bsfalt+1; ist eigendlich erstmal nicht von bedeutung dies dient später nur als zähler fürs Spiel das ich plane

Mir geht es im moment eigendlich nur darum das wenn ich den Button Klick mich mal betätige ein Counter von 15 Sekunden startet welcher nach ablauf wieder von vorn beginnt also eine 15 Sekunden Schleife.
Wenn die 15 Sekunden abgelaufen sind wird die HTTP-Request-Methode aufgerufen, was dann alle 15 sekunden geschieht nachdem man das erste mal den Button geklickt hat.

Über die HTTP-Request-Methode soll die barbaren.php geholt werden (oder wie man dazu sagt ).

In dieser barbaren.php wird eine MySQL-Datenbank aufgerufen, die daten für mein Game gelesen, und in eine Tabelle wiedergegeben!

Bei meinen beiden Beispielen (Beitrag 7 & 8) funktioniert soweit alles ganz gut. Doch die Daten aus der MySQL-Datenbank werden leider nicht wieder gegeben. Im Ersten Beispiel (Beitrag 7) passiert nix und im 2ten Beispiel (Beitrag 7) wird ein fehler wieder gegeben der sich angeblich in folgenem Code befindet

PHP-Code:

while($barschi=mysql_fetch_array($barbarenschiff)) 


Hoffe ich konnte etwas Licht ins Dunkle bringen!

EDIT : Einfacher ausgedrückt.
1. Countdown starten
2. Nach ablauf des Counters PHP mit auslesen der Datenbank per Request holen
3. Den Inhalt der DB in eine Tabelle übertragen
4. Punkt 1-3 wiederholt sich alle 15 Sekunden um immer die aktuellsten Daten aus der DB wiederzugeben.

[Garchi]

n Tipp: Nächstes Mal die "barbaren.php" einfach mal so aufrufen, um zu sehen, ob die einen Fehler verursacht
Zumindest bei dem hier gezeigten Code fehlt da am Ende noch ne "}" um die while schleife abzugrenzen.

ich poste trotzdem mal den ganzen Code, falls ich irgendwas noch geändert hab, ansonsten funktioniert das Ganze bei mir.

index.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Ajax Beispiel 002</title>
<script type="text/javascript" language="javascript">
 var request = false;

    // Request senden
    function setRequest() {
        // Request erzeugen
        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest(); // Mozilla, Safari, Opera
        } else if (window.ActiveXObject) {
            try {
                request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
            } catch (e) {
                try {
                    request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
                } catch (e) {}
            }
        }

        // überprüfen, ob Request erzeugt wurde
        if (!request) {
            alert("Kann keine XMLHTTP-Instanz erzeugen");
            return false;
        } else {
            var url = "barbaren.php";
            // Request öffnen
            request.open('post', url, true);
            // Request senden
            request.send(null);
            // Request auswerten
            request.onreadystatechange = interpretRequest;
        }
    }

    // Request auswerten
    function interpretRequest() {
        switch (request.readyState) {
            // wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
            case 4:
                if (request.status != 200) {
                    alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
                } else {
                    var barbareninhalt = request.responseText;
                    // den Inhalt des Requests in das <div> schreiben
                    document.getElementById('barbarenfeld').innerHTML = barbareninhalt;
                }
                break;
            default:
                break;
        }
    }

function acountDown(init)
{
    if (init || --document.getElementById( "acounter" ).firstChild.nodeValue > 0 )
    {
        window.setTimeout( "acountDown()" , 1000 );
    }
    

    if ( !init && document.getElementById( "acounter" ).firstChild.nodeValue == 0 )
    {
    var dazu = 15;
    document.getElementById( "acounter" ).innerHTML = dazu;
    acountDown(true);
    javascript:setRequest();
    }
};  
    
    
</script>
 
 </head>
 <body>
 
<?php
#######################################
####    Barbarenfeld
#######################################

echo '<table cellpadding=0 cellspacing=0 width="330" height="330" background="img/barbarenkarte.png"><tr>';


echo '<th id="barbarenfeld">';


echo '</th></tr></table>'; 



    echo '</table>';
echo '</th></tr></table>';

#######################################
####    Barbarenfeld-Ende
#######################################

$bsfneu=$bsfalt+1; 

echo '<table cellpadding=5 cellspacing=0><tr><th>Barbarenschiff-Test</th></tr>';
echo '<tr><th><button onclick="acountDown(true)">Klick mich mal</button></th></tr>';
echo '<tr><th>
    ... Bitte warten ...
    <span id="acounter" style="font-size:20px;color:#990000;font-weight:bolder;">
     15 
    </span>
    ... Bitte warten ...
    </th></tr>';

echo '</th></tr></table>';

?>
 </body>
</html>

barbaren.php

<?

error_reporting(E_ALL);

echo '<table cellpadding=0 cellspacing=10>';

$barbarenschiff=mysql_query("SELECT * FROM barbaren;") OR die(mysql_error());
while($barschi=mysql_fetch_array($barbarenschiff))
{ 

echo '<tr>';
echo '<th height=70 width=70>'; if($barschi['feld']=="7"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '</tr><tr>';
echo '<th height=70 width=70>'; if($barschi['feld']=="6"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="3"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="2"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '</tr><tr>';
echo '<th height=70 width=70>'; if($barschi['feld']=="5"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="4"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="1"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '</tr><tr>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70></th>';
echo '<th height=70 width=70>'; if($barschi['feld']=="0"){echo '<img src="img/barbar.png" border=0 />';} echo '</th>';
echo '</tr>';
}

?>

Beachte bitte, dass du die Variable $bsfalt, die du in der barbaren.php definierst, nicht so über einen Ajax-Request übergeben kannst, wie du es vielleicht willst.
Beim Browser kommt nur DAS an, was auch angezeigt wird, wenn du die php-datei so aufrufst, also alles mit "echo".

[X-Pretender]

Guten morgen!

Hab nun mal ne 3 Testseite gemacht
URL entfernt von XPretender
Dort habe ich die Testindex.php nur das eingesetzt wie bei dir oben und die barbaren.php habe ich auch nur das drin wie du es gepostet hast Garchi.

Doch bei mir kommt die meldung No Database Selected

ich habe auf der Testseite untendrunter die Gleiche Tabelle nochmal eingegeben nur ohne Ajax-Request damit man sieht wie es eigendlich aussehen müßte.

[X-Pretender]

URL entfernt von XPretender

Test1 ist so gecodet wie im letzten Beitrag von Garchi.

Test2 Grafik ist genauso gecodet allerdings mit Counterneustartzähler (als test um zu sehen das die Javascriptbefehle auch ausgeführt werden) und als barbaren.php habe ich eine test.php in der nur ein Echo steht

PHP-Code:

echo 'Hallo Welt'; 


Test3 Grafik ist ohne Counter und Ajax! Da wird die MySQL-DB einfach nur so ausgelesen. Aber so sollte eigendlich die Oberste Grafik aussehen.

Wie man sehen kann ist in der obersten Grafik eine Meldung das keine DB ausgewählt wurde. Das auslesen der DB erfolgt in der barbaren.php.
Wie kann man den GESAMMTEN Inhalt 1:1 von der barbaren.php in die Index mit Ajax includen? Geht das überhaupt mit Ajax oder brauche ich da was anderes oder kann man nur die ECHO/PRINT - Befehle auf diese Art includen?

[X-Pretender]

Ich dreh noch durch!

Schaut euch das hier mal an URL entfernt von XPretender

Die Wiederholung des Counters : WUNDERBAR
Die Wiedergabe des einfachen ECHO-TEXTES : WUNDERBAR
Die Wiedergabe des MySQL-DB Inhaltes : KATASTROPHE

Warum öffnet die MySQL-DB nicht ?

testindex2.php

PHP-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>B2</title>
<script type="text/javascript" language="javascript">


    var request = false;

    // Request senden
    function setRequest() {
        // Request erzeugen
        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest(); // Mozilla, Safari, Opera
        } else if (window.ActiveXObject) {
            try {
                request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
            } catch (e) {
                try {
                    request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
                } catch (e) {}
            }
        }

        // überprüfen, ob Request erzeugt wurde
        if (!request) {
            alert("Kann keine XMLHTTP-Instanz erzeugen");
            return false;
        } else {
            var url = "test.php";
            // Request öffnen
            request.open('post', url, true);
            // Request senden
            request.send(null);
            // Request auswerten
            request.onreadystatechange = interpretRequest;
        }
    }

    // Request auswerten
    function interpretRequest() {
        switch (request.readyState) {
            // wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
            case 4:
                if (request.status != 200) {
                    alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
                } else {
                    var barbareninhalt = request.responseText;
                    var barbareninhaltzusatz = ++document.getElementById( "zaehler" ).firstChild.nodeValue;
                    // den Inhalt des Requests in das <div> schreiben
                    document.getElementById('barbarenfeld').innerHTML = barbareninhaltzusatz + " x " + barbareninhalt;