Функция Javascript, вызванная сама по себе

Question

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

 <div id="contentCalendar" class="col-md-3 images_1_of_4 text-center"> 
      <a><img onClick="show_alert();" id="rotateme" class="img-responsive img-circle center-block" src="web/images/calendaricon.png"/></a> 
      <h4><a href="#">Check our last events</a></h4> 

     </div> 
     <div id="myalert" class="alert alert-error"> 
     <a href="#" class="close" data-dismiss="alert">&times;</a> 
     <strong>Error!</strong> You must be logged in to see our calendar. 
     </div> 
     <script>  
     $('#myalert').hide(); 
     //What happen if you want to enter the events without loggin. 
     var logged_in = <?php echo ($logged_in); ?>; 
     function show_alert() 
     { 
      if(logged_in==true) 
      { 
       window.location="timeline.php"; 
      } 
      else 
      { 
       $('#myalert').show(); 
      } 
     } 
     </script> 

По какой-то причине работает как шарм, когда Logged_in является истинным, и я получаю перенаправление. Но когда я вышел, он просто не показывает предупреждение, даже если я вообще не нажимал кнопку.

Любые идеи?

Answer 1

Всегда, опять же, всегда, запустить все встраивать в JS через json_encode:

var logged_in = <?php echo json_encode($logged_in); ?>; 

Когда вы просто echo ложное значение в php, оно ничего не делает, тем самым нарушая ваш javascript.

Answer 2

Вам нужно обернуть скрипт каким-то событием. Попробуйте:

$(document).ready(function() { 
    var logged_in = <?php echo ($logged_in); ?>; 
     function show_alert() 
     { 
      if(logged_in==true) 
      { 
       window.location="timeline.php"; 
      } 
      else 
      { 
       $('#myalert').show(); 
      } 
     } 
}); 

Answer 3

Попробуйте эту строку:

var logged_in = <?php echo $logged_in ? 'true' : 'false'; ?>; 

Answer 4

Это предполагает, что код PHP выводит логическое значение правильно. Просмотр источника страницы позволит вам увидеть, правильно ли она выводится.

Теперь, глядя на код JavaScript.

Перемещение OnClick к якорю и отменить событие щелчка

<a href="#" onclick="show_alert(); return false"><img .... 

---

Лучшее решение сбросить обработчик событий рядный.

Прикрепите клик ненавязчиво и используйте preventDefault для отмены щелчка.

HTML:

<a href="timeline.php" class="calendar"><img .... 

JavaScript

var logged_in = <?php echo ($logged_in); ?>; 
$("a.calendar").on("click", function (e) { 
    if(!logged_in) { 
     e.preventDefault(); 
     $('#myalert').show(); 
    } 
});