Bootstrap menu dropdown, chiamare javascript con jquery

**brancomat** · 23-09-2015, 18:02

codice:

<div class="btn-group">
   <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    Messaggio segreteria  <span class="caret"></span>
   </button>
    <ul class="dropdown-menu" role="menu" id="messaggini">
     <li data="Caricato sopralluogo"><a href="#">Caricato spl</a></li>
     <li data="Caricata interlocutoria"><a href="#">Caricata interlocutoria</a></li>
    </ul>
 </div>

Ho difficoltà nel chiamare da un menu dropdown bootstrap uno script PHP (attraverso AJAX e Jquery)
In sostanza non riesco a far "attivare" un javascript dalle voci dropdown, e stranamente (almeno per me) ricerche Google e stackoverflow non è che siano stati di grande aiuto.

HELP please...

**cavicchiandrea** · 23-09-2015, 18:50

E con questo stralcio di codice html come potremmo aiutarti?

**brancomat** · 23-09-2015, 19:52

Originariamente inviata da cavicchiandrea

E con questo stralcio di codice html come potremmo aiutarti?

Bisognerebbe, ritengo, aver avuto a che fare coi dropbox bootstrap.

codice:

<!DOCTYPE html>
<html>
 <head>
 <?php
  include "../includevari.php";
 ?>
 </head>
 
<script>
$(document).ready(function(){
  // questo è l'evento quando si srotola il menu, ma a me serve il click
 $("#mnulista").on('shown.bs.dropdown', function()
   { alert("srotolato");});
  
  $(".dropdown-toggle").dropdown();
  
});

</script>
 
<body>
 <div class="btn-group">
  <div class="dropdown" id="mnulista">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    Messaggio segreteria  <span class="caret"></span>
   </button>
    <ul class="dropdown-menu" role="menu" id="messaggini">
     <li id="btninvia" data="Caricato sopralluogo"><a href="#">Caricato spl</a></li>
     <li data="Caricata interlocutoria"><a href="#">Caricata interlocutoria</a></li>
    </ul>
 </div>
 </div>
</body>
</html>

Non è che cambi tanto mettere il file intero.
Il problemino è nella jquery, di cui non so
- come farla attivare alla pressione di un bottone dropdown
- scegliere quale bottone è stato premuto.

Ritengo sia questa la strada da seguire, ma francamente non ne sono sicuro.

In sostanza è questo
http://stackoverflow.com/questions/1...th-ajax-source

Qui ad esempio un sacco di informazioni, ma per lo più inutili
http://www.tutorialspark.com/twitter...Javascript.php

Gli eventi non mi aiutano tanto
show.bs.dropdown The event is fired immediately when the show instance method is invoked.
shown.bs.dropdown The event is fired when the dropdown has been made visible to the user.
hide.bs.dropdown The event is fired when the hide instance method has been called.
hidden.bs.dropdown The event is fired when the collapse element has been hidden from the user

Discussione: Bootstrap menu dropdown, chiamare javascript con jquery

Strumenti discussione

Ricerca discussione

Visualizza

Bootstrap menu dropdown, chiamare javascript con jquery

Permessi di invio