Home/ Questions/Q 9245969
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T09:23:03+00:00

I really can’t find a way to print the content of the array on

  • 0

I really can’t find a way to print the content of the array on a page. Can anyone help?
I have taken the data from a database and looped it into an javascript array and now would like to just display it on the page for now.

Here is the code:

<html>

<head>

<script>


var items = {


<?php

   $con = mysql_connect("***","****","*****");
   if (!$con)
   {
    die('Could not connect: ' . mysql_error());
    }

    mysql_select_db("learning_game", $con);

  $result = mysql_query("SELECT * FROM data");


  $first=true;
  while($row = mysql_fetch_array($result))
{
if (!$first){
echo ",";
}
  $first = false;
echo "{name='" . $row['word'] . "',image='" . $row['image'] ."'}";

 }


 mysql_close($con);


   ?>



   };

   </script>

   </head>

<body>




</body>

   </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <html>
  <head>
  </head>
  <body>
    <div></div>
    <script>
      var items = [
      <?php
      $con = mysql_connect("***","****","*****");
      if (!$con) {
        die('Could not connect: ' . mysql_error());
      }
      mysql_select_db("learning_game", $con);
      $result = mysql_query("SELECT * FROM data");
      $first = true;
      while ($row = mysql_fetch_array($result)) {
        if (!$first) {
          echo ",";
        }
        $first = false;
        echo "{name:'" . $row['word'] . "',image:'" . $row['image'] ."'}";
      }
      mysql_close($con);
      ?>
      ];
      for (var i = 0; i < items.length; i += 1) {
        document.getElementsByTagName('div')[0].innerHTML += items[i].name + ":" + items[i].image + "<br />\n";
      }
    </script>
  </body>
</html>

    Please note, that the items declaration is now with [ ] signs, so it becomes an array, not an object.

    In the line where you echo out the name and image the equals signs became colons (:).

    As well as the full script had to be moved to the bottom, because you can only write into elements which are already rendered (closed). So I have added a new div into the mix, and write into that.

    • 0