Открыть новое окно, используя html-кнопку и скрипт

Question

У меня есть простая система отправки. эта система получит заявку на отпуск по уходу за ребенком, после чего их начальник отдела утвердит заявление на отпуск. после этого отдел кадров может просматривать ежемесячный отпуск, который может перечислить весь отпуск персонала в выбранный месяц.

Проблема возникает на этой части. когда HR просматривает ежемесячный отпуск, HR хочет просмотреть информацию о пребывании, нажав кнопку (Просмотреть детали) в качестве изображения, которое я создал, система покажет последние данные, хотя я нажимаю на 1-ю строку.

HR interface when view monthly leave

вот мой код ...

   <tr><td> <?php echo $row['ID']; ?></td><td> <?php echo $row['staffname']; ?></td><td> <?php echo $row['noapply']; ?></td> 
       <td><button onclick="myFunction()">View Details</button></td></tr> 
       <script> 
       function myFunction() { 
       window.open("hrviewdatedetails.php?ID=<?php echo $row['LeaveID']; ?>", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500"); 
       } 
       </script> 

Answer 1

Pass levae Id в качестве аргумента в MYFUNCTION (LevId). и напишите javascript-код в нижней части страницы.

Ваш код должен выглядеть следующим образом.

<tr><td> <?php echo $row['ID']; ?></td><td> <?php echo $row['staffname']; ?></td><td> <?php echo $row['noapply']; ?></td> 
    <td><button onclick="myFunction(<?php echo $row['LeaveID']; ?>)">View Details</button></td></tr> 

</tr> 

<script> 
    function myFunction(levID) { 
     window.open("hrviewdatedetails.php?ID="+levID, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500"); 
    } 
</script> 

Answer 2

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> 
     <script language="javascript" type="text/javascript"> 
      $(document).ready(function() { 
       $("#btnext").click(function() {      
        window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no"); 
       }); 
      }); 
</script> 

Answer 3

Вы можете передать id в функции. попробуйте это

  <td><button onclick="myFunction('<?php echo $row['ID']; ?>')">View Details</button></td></tr> 
      <script> 
      function myFunction(id) { 
      window.open("hrviewdatedetails.php?ID="+id, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500"); 
      } 
      </script>