soy muy nuevo en html, JS y php. Creé una página que solo tiene un menú lateral con algunas opciones y hay algunos usuarios que iniciaron sesión (en la fase de inicio de sesión usé php con mySQL para mi base en otro archivo):
<div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <a id="concerts"href="#">Concerts</a> <a id="favorites"href="#">Favorites</a> <a id="organizer"href="#">Orginizer</a> <a id="admin"href="#">Administration</a> </div> <span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span> <script> function openNav() { document.getElementById("mySidenav").style.width = "250px"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; } document.getElementById("concerts").onclick = function () { location.href = "concerts.php"; };Mi problema aquí es que necesito excluir a algunos usuarios, digamos en función de sus nombres, haciendo clic en la opción 'Conciertos' de mi menú. ¿Cómo puedo hacer eso en javascript?
Pensé en php SESSION pero nada parece funcionar.
Cualquier ayuda sería valiosa y lo siento mucho si la respuesta es demasiado obvia.
Es una mala práctica usar el lado del cliente (JS) para restringir el acceso a un recurso. Porque cualquier usuario puede modificar el código JS y modificar/omitir su lógica.
La sesión de PHP es buena para autenticar y administrar a qué parte de sus usuarios front-end accederán o no.
Puede usar session_start() en la parte superior de los archivos php para verificar si los usuarios están registrados o no.
[EDITAR] Para restringir el acceso del usuario a algo, puede usar algo como el manual de PHP :
if ( isset( $_SESSION['user'] ) ) { // restricted to login user }He modificado un poco tu código original. Agregué un código PHP para mostrarle cómo determinar el estado de registro de sus usuarios usando su nombre. Luego modifiqué el JS para mostrarle cómo obtener y usar el estado de registro para permitir o denegar el acceso a la página de su concierto.
Considere mejorar su código : 1)Usando la variable de sesión para mantener el nombre de usuario. 2) Consulte su base de datos para usuarios registrados y complétela en una matriz. 3) En lugar de usar el nombre como criterio para la selección, considere usar su identificación.
<?php //session_start(); //$name = $_SESSION['name']; // Create 2 variables $name and $registered_names $name = 'Jane'; $registered_names = ['John', 'Rose', 'Steve', 'James', 'Jane']; // Check if name of current user is among the array of registered names $is_registered = is_int(array_search($name, $registered_names)); ?> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <a id="concerts" href="#">Concerts</a> <a id="favorites" href="#">Favorites</a> <a id="organizer" href="#">Orginizer</a> <a id="admin" href="#">Administration</a> </div> <span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span> <!----------Attach the registration status to an hidden input field--------> <input id="registration-status" type="hidden" value="<?php echo $is_registered ?>"> <script> const is_registered = document.getElementById('registration-status').value function openNav() { document.getElementById("mySidenav").style.width = "250px"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; } document.getElementById("concerts").onclick = function() { // Finally check the registration status before giving them access if (is_registered) { location.href = "concerts.php"; } }; </script>