Я пытаюсь изменить содержимое div с идентификатором "panel_alumno", используя функцию JS, когда кнопка нажата, поэтому она показывает другую таблицу, но я не могу заставить ее работать. При нажатии кнопки ничего не происходит.

Это мой сценарий:

  <script>
   function insertarTablaSolicitudes(){
    document.getElementById('panel_alumno').innerHTML = '<?php include ("tabla_solicitudes_alumno.php") ?>';
   }

   function insertarFormatoSolicitud(){
    document.getElementById('panel_alumno').innerHTML = '<?php include ("formato_solicitud.html") ?>';
   }

Это мое тело HTML:

<body>

<ul>
  <li><a type="button" onclick="cambiarPagina()">Mis solicitudes</a></li>
  <li><a type="button" onclick="insertarFormatoSolicitud()">Enviar Solicitud</a></li>
  <li><a href="cerrar_sesion.php">Salir</a></li>
</ul>

</br></br>

<div id="panel_alumno">

  <?php include ("tabla_solicitudes_alumno.php") ?>

</div>

</body>

Я пробовал разные способы сделать это, но ни один из них не сработал. Если кто-нибудь знает лучший способ добиться этого, я был бы рад прочитать его. Заранее спасибо.

-1
Luis Fernando Gomez Saldaña

1 ответ

Нашел решение, я только что проверил консоль браузера, и, похоже, проблема в том, что PHP-код внутри JS-скрипта, поэтому я изменил его на использование JS вместо PHP. Вот новые функции, которые работают по назначению.

<script>
$(function(){ <!--This one puts the default insert when the page is loaded-->
  $("#panel_alumno").load("tabla_solicitudes_alumno.php");
});

function insertarTablaSolicitudes(){
  $("#panel_alumno").load("tabla_solicitudes_alumno.php");
};

function insertarFormatoSolicitud(){
  $("#panel_alumno").load("formato_solicitud.html");
};
</script>

И это мое тело HTML:

<body>

<ul>
  <li><a type="button" onclick="insertarTablaSolicitudes()">Mis solicitudes</a></li>
  <li><a type="button" onclick="insertarFormatoSolicitud()">Enviar Solicitud</a></li>
  <li><a href="cerrar_sesion.php">Salir</a></li>
</ul>

<div id="panel_alumno">

</div>

</body>
58583391