CODEWITHSUNDEEP
phpjquery
kmf
kmf

Reputation: 137

Lightbox not showing php

I'm working for a system by the use of php. We have an admin.php page where all the list of applicants were listed. And we want that when we click on a specific applicant's name, a lightbox would appear that will show more information about the applicant. But, these codes below seems to be not working and I don't know why. I am a newbie in php btw.

 <?php

include('config.php');

$result = mysql_query("SELECT * FROM employee as t1")



or die(mysql_error());

echo "<table border='0' cellpadding='15' text-align = 'center' >";

echo "<tr>";
echo " <caption><b><font size = '5'> <h2>List of Applicants </h2> </b> </font><hr></caption>";

echo "<th>Applicant ID</th>";
echo "<th>Application Date</th>";
echo "<th>Name</th>";
echo "<th>Job</th>";
echo "</tr>";

while($row = mysql_fetch_array( $result ))
{

echo "<tr class='gradeC'>";

echo '<td><b><font color="#663300">' . $row['employee_id'] . '</font></b></td>';
echo '<td><b><font color="#663300">' . $row['date'] . '</font></b></td>';
echo '<td><b><font color="#663300"><a href="admin.php?hello=true">' . $row['fname'] . '</a></font></b></td>';
echo '<td><td>';
echo "</tr>";

}
echo "</table>";
function runMyFunction() {
echo "<div onclick =\"document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'\"></div>";
echo "<div id=\"light\" class=\"white_content\">This is the lightbox content. <a href = \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'\">Close</a></div>";
echo "<div id=\"fade\" class=\"black_overlay\"></div>";

    }

  if (isset($_GET['hello'])) {
      runMyFunction();
  }

 ?>

I'm not sure but I think the problem is in the function, or the way I'm using the codes for lightbox to appear.

Upvotes: 0

Views: 119

Answers (1)

yamidemichaos
yamidemichaos

Reputation: 110

Can you rewrite this line

function runMyFunction() {
echo "<div onclick =\"document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'\"></div>";
echo "<div id=\"light\" class=\"white_content\">This is the lightbox content. <a href = \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'\">Close</a></div>";
echo "<div id=\"fade\" class=\"black_overlay\"></div>";

    }

to

function runMyFunction() {
?>
<div onclick ="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"></div>
<div id="light" class="white_content">This is the lightbox content. 
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>
<?php }

By eliminating the slashes could help make the code easier to process.

I hope this help.

Upvotes: 1

Related Questions