Renato Lazaro
Renato Lazaro

Reputation: 177

JavaScript Alert closing alone

I have a JavaScript alert that returns on my page when it is clicked on menu2, however it does not stop in my page. How do I leave the alert in stop mode on the page. My code below is what I have so far.

HTML

  <ul id="menu">
    <li id="menu1"><a href="/glpi/front/helpdesk.public.php" title="Home" class="itemP">Home</a>
    </li>
    <li id="menu2"><a href="/glpi/front/helpdesk.public.php?create_ticket=1" title="Cria um chamado" class="itemP">Cria um chamado</a>
    </li>
    <li id="menu3"><a href="/glpi/front/ticket.php" title="Chamados" class="itemP">Chamados</a>
    </li>
    <li id="menu4"><a href="/glpi/front/reservationitem.php" title="Reservas" class="itemP">Reservas</a>
    </li>
    <li id="menu5"><a href="/glpi/front/helpdesk.faq.php" title="FAQ" class="itemP">FAQ</a>
    </li>
  </ul>
  <script type="text/javascript">
    < /html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
echo "<script type='text/javascript'>
      $(document).ready(function(){
          $('#menu2').click(function(){
            alert('Text');
          })
      });
    </script>";

Upvotes: 0

Views: 214

Answers (2)

shadab
shadab

Reputation: 347

// just add event.preventDefault();
echo "<script type='text/javascript'>
$(document).ready(function(){

  $('#menu2').click(function(event){
   event.preventDefault();
alert('Text');
})
});
</script>";

Upvotes: 1

LF-DevJourney
LF-DevJourney

Reputation: 28529

it works for me, here is the demo.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="menu2">click me</button>
echo "<script type='text/javascript'>
                  $(document).ready(function(){
                   $('#menu2').click(function(){
            alert('Text');
                      })
                  });
              </script>";

Upvotes: 1

Related Questions