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:
<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 della Modal
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
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>
non riesco a capire perchè non mi passa i valori nei campi della modal.