テーブルのセル内のテキストを 5 秒ごとに回転させようとしています。しかし、mysql データベースからデータを取得する必要があります。これは、html マーキーを使用する現在のコードです。(コードはphpです)。
echo "<marquee behavior=\Slide\" scrollamount=\"3\" direction=\"left\"height=\"100px\">";
echo "<a href=\"".$root."Index.php?page=diary\"><table><tr><td ><h2>--Upcoming Events--</h2></td></tr></table></a>";
echo "<table width=\"50px\"><tr><td></td></tr></table>";
for($count = 0; $count < $num_rows; $count++)
{
$row = mysql_fetch_array($result);
echo "<a href=\"".$root."Index.php?page=diary\"><table class=\"footer-inner\"><tr><td><p2>Event: ".$row['Title']."</p2></td><td width=\"10px\"></td>";
echo "<td><p2>Date: ".$row['Date']."</p2></td></tr>";
echo "<tr> <td><p2>Start Time: ".$row['Start Time']."</p2></td><td width=\"10px\"></td>";
echo "<td rowspan=\"3\"><p2>Details: ".$row['Text']."</p2></td></tr>";
echo "<tr><td><p2>End Time: ".$row['End Time']."</p2></td></tr>";
echo "<tr><td><p2>Location: ".$row['Location']."</p2></td></tr></table></a>";
echo "<table width=\"50px\"><tr><td></td></tr></table>";
}
echo "</marquee>";
私はこれについていくつかの調査を行ってきました.x秒ごとにテキストを回転させる方法を見つけました.これは以下のコードです:
<html>
<head>
<title>Rotating Text</title>
<script type="text/javascript">
var rotatingTextElement;
var rotatingText = new Array();
var ctr = 0;
function initRotateText() {
rotatingTextElement = document.getElementById("textToChange");
rotatingText[0] = rotatingTextElement.innerHTML; // store the content that's already on the page
rotatingText[1] = "Ten Reason to Buy Gumballs";
rotatingText[2] = "White House bla bla";
setInterval(rotateText, 5000);
}
function rotateText() {
ctr++;
if(ctr >= rotatingText.length) {
ctr = 0;
}
rotatingTextElement.innerHTML = rotatingText[ctr];
}
window.onload = initRotateText;
</script>
</head>
<body>
<span id="textToChange">New Release... Leopard</span>
</body>
</html>
しかし、ご覧のとおり、これは1行で実行されます。はい、テーブル内のすべての値に対して実行でき、これに満足しています。しかし、mysql データベースから必要なものを取得して配列に挿入するにはどうすればよいでしょうか?
ページに php を使用しています。php を使用して必要なすべての情報を取得できます。それを Java スクリプト形式に変更するだけです。
- - -編集 - - -
同じコードでphp配列をjavascript配列に変換することは可能でしょうか?
例えば
var rotatingText = Arrayfuction('{php tag} echo $phparray; {php tag}');