Rafraîchir un tableau

Petit nouveau ! | 3 Messages

25 juil. 2016, 18:23

Bonjour, je suis en train de créer mon site sauf que je but sur une chose :

J'aimerais savoir comment je peux actualiser mon tableau avec javascript.


Voila le code php
<?php
	echo "<table>";
	echo "<tr><th>Date</th><th>Heure</th><th>Température</th></tr>";

	class TableRows extends RecursiveIteratorIterator { 
		function __construct($it) { 
			parent::__construct($it, self::LEAVES_ONLY); 
		}

		function current() {
			return "<td>" . parent::current(). "</td>";
		}

		function beginChildren() { 
			echo "<tr>"; 
		} 

		function endChildren() { 
			echo "</tr>" . "\n";
		} 
	} 

	$servername = "";
	$username = "Fosco";
	$password = "********";
	$dbname = "Donnees";

	try {
		$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
		$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
		$stmt = $conn->prepare("SELECT * FROM Metarduino"); 
		$stmt->execute();

     // set the resulting array to associative
		$result = $stmt->setFetchMode(PDO::FETCH_ASSOC); 

		foreach(new TableRows(new RecursiveArrayIterator($stmt->fetchAll())) as $k=>$v) { 
			echo $v;
		}
	}
	catch(PDOException $e) {
		echo "Error: " . $e->getMessage();
	}
	$conn = null;
	echo "</table>";
	?>
Merci

Mammouth du PHP | 2703 Messages

25 juil. 2016, 18:35


Petit nouveau ! | 3 Messages

25 juil. 2016, 18:45

Je comprend pas trop l'anglais :s

Petit nouveau ! | 3 Messages

25 juil. 2016, 20:05

J'ai essayé cela :
function RemoveRule () {
                // refreshes the table 
                var table = document.getElementById ("myTable");
                table.refresh ();
            }
        </script>


        <button onclick="RemoveRule ();">bouton</button>

        <table id="myTable">
Mais sa ne fonctionne pas

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 8758 Messages

28 juil. 2016, 10:26

salut,

il faut que ton script soit inclus dans un autre et appeler en JS (avec une requête serveur)
ton script js sert pas a grand chose et je pense que tu ne le comprend pas ?

il faut t'inspirer de la "meilleur réponse" indiquée par or1.
Cette réponse ne te convient pas car pas adaptée à ton coté et largement plus complexe que ce que demande ici.

le code résume a quelque chose comme ça
<html>
<head>
<script type="text/javascript">
function reloadTable() {
requeteServeur( {
success : function(html) {
document.getElementById ("latable").innerHtml = html;
}
});
}
</script>
</head>
<body>
<h1>ton titre</h1>
<input type="button" value="Click me Baby for reload" onclik="reloadTable()" />
<div id="latable">
<?php 
include 'leFichierPhpQuiGénèreLaTableEtSeulementLaTableHTML.php';
?>
</div>
</body>
bon le js est bâtard et ne fonctionne pas c'est juste pour te montrer le principe.
Tu peux utiliser une librairie JS pour te faciliter la vie, comme jQuery même si tu n'as pas forcément besoin de toute l'artillerie.

si tu te sens courageux tu peux chercher un lib js moins grosse qui ne fera que ce que tu souhaites (du coup la faut bien tester quand même ;) ).

j'ai trouvé rapidement deux lien pour t'orienter
http://microjs.com/#ajax
http://www.noupe.com/development/javasc ... 96416.html


Pour l'anglais je ne peux rien faire je moi aussi pas trop doué. Par contre c'est un malheureusement obligatoire de s'y retrouver un minimum pour avancer en dev :'(

@+
Il en faut peu pour être heureux ......