Ciao a tutti io ho un link che mi apre una modal a cui voglio passare i parametri data-nome parametro.
Ecco il codice attuale:
Codice della Modalcodice:<div class="col-lg-3 margineTop10"> <img src="public/img/miaimg.jpg" class="img-responsive" alt="<%#Eval("titolo") %>" /> </div> <div class="col-lg-3 margineTop10"> <h5 class="nomaginetop">titolo</h5> <p>testo</p> <p><a rule="button" href="#" data-toggle="modal" data-target="#myModal" data-idnews="2" data-allegato="xxx.zip" data-txttitolo="titolo">download</a> </p> </div>
codice:<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel"><asp:Label ID="txttitolo" runat="server" Text="" ClientIDMode="Static"></asp:Label></h4> </div> <div class="modal-body"> <p>Per poter scaricare l'allegato compila il form:</p> <div class="form-group"> <label for="recipient-name" class="control-label">Il tuo nome:</label> <asp:TextBox ID="nome" required placeholder="nome" type="text" CssClass="form-control" runat="server"></asp:TextBox> </div> <div class="form-group"> <label for="recipient-email" class="control-label">La tua e-mail:</label> <asp:TextBox ID="email" required placeholder="E-mail" type="email" CssClass="form-control" runat="server"></asp:TextBox> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <asp:Button ID="download" CssClass="btn btn-primary" runat="server" Text="Download" OnClick="download_Click" /> <asp:TextBox ID="idnews" ClientIDMode="Static" runat="server" Visible="false"></asp:TextBox> <asp:TextBox ID="titolo" ClientIDMode="Static" runat="server" Visible="false"></asp:TextBox> <asp:TextBox ID="allegato" ClientIDMode="Static" runat="server" Visible="false"></asp:TextBox> </div> </div> </div> </div>
Codice JS
non riesco a capire perchè non mi passa i valori nei campi della modal.codice:<script type="text/javascript"> $('#myModal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) // Button that triggered the modal var id = button.data('idnews') // Extract info from data-* attributes var xdownload = button.data('allegato') var titolo = button.data('txttitolo') // If necessary, you could initiate an AJAX request here (and then do the updating in a callback). // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead. var modal = $(this) modal.find('.modal-body #idnews').val(id) modal.find('.modal-body #allegato').val(xdownload) modal.find('.modal-body #txttitolo').val(titolo) }) </script>

Rispondi quotando