Reputation: 177
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
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
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