Salut tout le monde, j'ai essayé de créer trois barres de navigation différentes en fonction du rôle des utilisateurs. Je veux seulement que l'une des barres de navigation soit affichée selon que c'est un invité, un utilisateur ou un administrateur. Pour l'instant, je veux juste montrer les différentes barres de navigation en fonction de x = 1 ou non (code SE js).

Est-ce que quelqu'un peut m'aider? J'ai tout fatigué maintenant. Mais cela ne fonctionnera tout simplement pas. Je ne suis pas très bon en programmation, alors s'il vous plaît, ne vous compliquez pas la tâche.

HTML file

<!--Navigationbar-->
<div class="NavigationBar" id="alle">
<ul>
    <!--Fælles navigationsbar-->
    <li><a href="Forside.html">Forside</a></li>
    <li><a href="BehandlingsTyper.html">Behandlingstyper</a></li>
    <li><a href="LogIn.html">Booking</a></li>
    <li><a href="omMig.html">Om mig</a></li>
    <li><a href="omMig.html">Kontakt</a></li>
</ul>
</div>

<div class="NavigationBar" id="user">
    <ul>
        <!--Bruger navigationbar-->
        <li><a href="Forside.html">Forside</a></li>
        <li><a href="BehandlingsTyper.html">Behandlingstyper</a></li>
        <li><a href="LogIn.html">Booking</a></li>
        <li><a href="omMig.html">Om mig</a></li>
        <li><a href="omMig.html">Kontakt</a></li>

        <li><a href="omMig.html">Se mine tider</a></li>
    </ul>
</div>

<div class="NavigationBar" id="admin">
    <ul>
        <!--Admin navigationbar-->
        <li><a href="Forside.html">Forside</a></li>
        <li><a href="BehandlingsTyper.html">Behandlingstyper</a></li>
        <li><a href="LogIn.html">Booking</a></li>
        <li><a href="omMig.html">Om mig</a></li>
        <li><a href="omMig.html">Kontakt</a></li>

        <li><a href="omMig.html">Tilføj tider</a></li>
        <li><a href="omMig.html">Se booket tider</a></li>
    </ul>
</div>

<script type="text/javascript" src="elementHider.js"></script>
Javascript file
x = 1

if (x==0) {
    (#alle).show;
} else {
    ("#all").hide;
}

if (x==0){
    ("#user").show;
} else {
    ("#user").hide;
}

if (x==101){
    ("#admin").show;
} else {
    ("#admin").hide;
}
0
Sanelsen 8 nov. 2019 à 12:24

2 réponses

Utilisation

document.querySelector('#all').style.display = 'none';

Il n'y a pas de méthodes intégrées .hide() ou .show() comme jQuery.

0
Kohver 8 nov. 2019 à 09:36

Si je comprends bien, voici ce que vous devez faire:

x = 0;

//Check role, could also do this in switch statement. 
//But for now like this since it might be easyer to understand. 
//Probably if you copy paste this it wont work but I think this part is needed.
if (user == guest) {
   x = 0;
} else if (user == user) {
   x = 1;
} else if (user == admin) {
   x = 2;
}


//Guest
if (x==0) {
    (#alle).show;
} else {
    ("#alle").hide;
}

//user
if (x==1){
    ("#user").show;
} else {
    ("#user").hide;
}

//Admin
if (x==2){
    ("#admin").show;
} else {
    ("#admin").hide;
}
0
Allart 8 nov. 2019 à 09:45