2016-09-29 1 views
-1

J'ai un site Web lié à la vapeur. Il a actuellement un login avec bouton vapeur, mais quand je me connecte à travers (tout fonctionne bien) le bouton lui-même reste sur le site. Je veux qu'il disparaisse après que je me suis connecté avec succès ...supprimer le bouton de connexion après la connexion php

Ceci est le code de mon main.tpl où l'image de connexion est chargée.

  <? else: ?> 
     <ul class="nav navbar-nav navbar-right"> 
      <a href="/login"><img style="margin-top:1px;" src="/template/img/sits_01.png"></a> 
     </ul> 
     <? endif; ?> 
+0

essayer mon code. ça fonctionne bien pour moi. essayez une fois. – RaMeSh

Répondre

0

Après la connexion réussie au site Web, masquer l'image de connexion.

main.html

<ul class="nav navbar-nav navbar-right" ><a id="login" href="/login"><img style="margin-top:1px;" src="/template/img/sits_01.png"></a></ul> 

login.php

<?php 
if($logged_in == true) { 
    echo '<a id="login" style="visibility: hidden" href="/login"><img style="margin-top:1px;" src="/template/img/sits_01.png"></a>'; 
} 
else { 
    echo '<a id="login" style="visibility: visible" href="/login"><img style="margin-top:1px;" src="/template/img/sits_01.png"></a>'; 
} 
0

Au lieu d'utiliser l'attribut de style tel que mentionné par Ramesh, j'utiliser un attribut css. C'est tout simplement plus propre.

if(logged_in === true) { 
    echo '<a class="hidden" href="/login"><img style="margin-top:1px;" src="/template/img/sits_01.png"></a>' 
} else { 
    echo '<a href="/login"><img style="margin-top:1px;" src="/template/img/sits_01.png"></a>' 
} 

Et dans votre style.css

.hidden { 
    opacity: 0; 
} 

Toujours essayer d'éviter sinon 100% nécessaire attribut style. Cela rend votre code moins péremptoire et terrible à travailler si vous devez recommencer.

+0

Merci pour la suggestion, mais je n'ai pas tout à fait le faire fonctionner. @Y U NO WORK est-ce faux? si (logged_in === true) { echo '' } else {echo '' } Kimzr

+0

Pour moi, cela fonctionne très bien, par exemple violon ici https://jsfiddle.net/dj0om20v/ donc vous avez oublié d'ajouter l'extrait de code au style css ou votre balisage n'est pas valide. Mais la logique fonctionne à 100%. –