CSV datei auslesen mit ajax refresh

freakezoid63 · 31.01.10, 18:44

Hallo!

kann mir jemand helfen?

ich hab ein php s***** das mir eine CSV datei ausliest und in tabellenform bringt.
nun will ich das ganze alle X sekunden ausgelesen bekommen (am besten mit ajax oder?)
nur leider kenne ich mich mit ajax nicht sonderlich aus.

hier mal das php s***** das mir die csv ausliest

PHP-Code:


			
<table border="1">



        <?php



        $handle = fopen('mappe.csv', 'r');

        while($data = fgetcsv($handle, 150, ';')) 

 

        {



        echo "<tr>";

        echo "<td width=\"80px\">".$data[0]."</td>";

        echo "<td width=\"80px\">". $data[1]."</td>";

        echo "<td width=\"80px\">". $data[2]."</td>";

        echo "<td width=\"40px\"><img src=\"",$data[3],"\"></td>";

        echo "</tr>";

        



         }



        fclose($handle);



        ?>



</table>

vielen dank schon mal im voraus!

urga · 01.02.10, 18:54

du musst einiges an javas***** coden.
dazu würde ich dir [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] ans herz legen wollen.
sowas ähnliches habe ich nämlich neulich erst gemacht, und nach ein bisschen einarbeitung in jquery wars ganz einfach.

nichts desto trotz musst du js können, ein wenig css und dom sollte dir auch was sagen.

ich würde an deiner stelle sowas ajax-dynamisches erstmal ganz einfach starten, in etwa so:

stufe1 ohne ajax:

PHP-Code:


			
<html>
    <head>
        <s*****>
            var cnt = 0;
            function x() {
                document.getElementById ("content_id").innerHTML = cnt++;
                window.setTimeout("x()", 100);
            }
        </s*****>
    </head>
    <body onload="x()">

        <div id="content_id"></div>
    </body>
</html>

stufe2 mit jquery/ajax:

PHP-Code:


			
<html>
    <head>
<s***** type="text/javas*****" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></s*****>
        
        <s*****>
            var update_interval = 2; // in sekunden
            function x() {
                $('#content_id').load('bla2.html');
                window.setTimeout("x()", update_interval * 1000);
            }
            $(document).ready(function(){
                window.setTimeout("x()", update_interval * 1000);
             });
            

        </s*****>
    </head>
    <body>

        <div id="content_id">alter inhalt</div>
    </body>
</html>

freakezoid63 · 04.02.10, 14:31

hey, danke! über die jquery war das alles recht einfach. dankesehr!

urga · 04.02.10, 18:16

jquery ist einfach nur geil. und insebesondere kompatibel zu allen gängigen browsern.

freakezoid63 · 05.02.10, 09:25

nach kurzer einarbeitungszeit hab ich auch alles relativ gut verstanden. die jquerry muss ich dann wohl öfter benutzen! danke nochmal