Kann mir jemand sagen, wie kann ein Preis-Ticker in einer HTML-Webseite enthalten sein?

PHP-CodeKann mir jemand sagen, wie kann ein Preis-Ticker in einer HTML-Webseite enthalten sein?

<?php 

$url = "https://www.bitstamp.net/api/ticker/"; 
$fgc = file_get_contents($url); 
$json = json_decode($fgc, true); 

$price = $json["last"]; 
$high = $json["high"]; 
$low = $json["low"]; 
$date = date("m-d-Y - h:i:sa"); 
$open = $json["open"]; 

if($open < $price) 
{ 
    // price went up 
    $indicator = "+"; 
    $change = $price - $open; 
    $percent = $change/$open; 
    $percent = $percent * 100; 
    $percentChange = $indicator.number_format($percent, 2); 
    $color = "green"; 
} 

if($open > $price) 
{ 
    // price went up 
    $indicator = "-"; 
    $change = $open - $price; 
    $percent = $change/$open; 
    $percent = $percent * 100; 
    $percentChange = $indicator.number_format($percent, 2); 
    $color = "red"; 
} 

$table = <<<EOT 
      <table> 
       <tr> 
        <td rowspan="3" width="60%" id="lastPrice">$$price</td> 
        <td align="right" style="color: $color;">$percentChange%</td> 
       </tr> 
       <tr> 
        <td align="right">$$high </td> 
        <td align="right">$$low </td> 
       </tr> 
       <tr> 
        <td colspan="2" align="right" id="timeDate">$date</td> 
       </tr> 
      </table> 
EOT; 

echo $table; 
?>

Html und JS

<html> 
    <head> 
     <title> Bitcoin Widget </title> 
     <link rel="stylesheet" type="text/css"href="css/style.css"> 
     <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script> 
    </head> 
    <body> 
     <div id="container"> 

     </div> 
     <script> 
       $('document').ready(function(){ 
        refreshData(); 
       }) 

       function refreshData() { 
        $('#container').load("data.php", function(){ 
         setTimeout(refreshData, 10000); 
        }); 
       } 
      </script> 
    </body> 
</html>

Jetzt möchte ich in einer anderen Webseite den Preis Ticker aufzunehmen. Also kopierte ich das JS und fügte es in die entsprechende HTML-Datei ein und kopierte auch die PHP-Datei in das Stammverzeichnis, aber es wurde nichts angezeigt.

Wie kann ich dieses Widget in eine andere HTML-Datei einfügen?

Quelle

2017-06-26 Will

in der Last() erstellen Sie die HTML für die Ansicht die Preisdetails und Sie können die gleichen PHP-Variablen in diesem HTML verwenden –

können Sie bitte Ihre Struktur bereitstellen? –

Was genau in der Struktur sollte ich Ihnen – Will

erstellen index.html und HTML-Code kopieren

data.php erstellen und kopieren Sie PHP-Code

Struktur wie

Your project folder 
- data.php 
- index.html 
- css/style.css

Quelle

2017-06-26 12:13:42

Das ist meine Struktur genau. Aber wenn ich das JS in die HTML-Datei einschließe, um die PHP-Datei zu lesen, erscheint das Widget nicht – Will

Drücken Sie f12 und checken Sie die Konsole ein. Welchen Fehler bekommen Sie? –

Der Fehler, den ich bekomme, ist SCRIPT5009: '$' ist nicht definiert. – Will

Kann mir jemand sagen, wie kann ein Preis-Ticker in einer HTML-Webseite enthalten sein?

Antwort

Verwandte Themen