Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    JQuery + Bootstrap passaggio dati

    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">&times;</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.

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, hai verificato con in console.log() che ci siano sia i valori che vuoi assegnare e che "modal" sia tutto il blocco html che ti aspetti?
    Puoi provare per scrupolo direttamente: $('#idnews').val('valore statico'); per vedere se viene settato.
    Essendo un ID per forza dev'essere univoco.

  3. #3
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541
    Quote Originariamente inviata da m4rko80 Visualizza il messaggio
    Ciao, hai verificato con in console.log() che ci siano sia i valori che vuoi assegnare e che "modal" sia tutto il blocco html che ti aspetti?
    Puoi provare per scrupolo direttamente: $('#idnews').val('valore statico'); per vedere se viene settato.
    Essendo un ID per forza dev'essere univoco.
    Ciao, si ho verificato e i valori ci sono. credo che forse il problema è che
    modal.find('.modal-body #txttitolo').val(titolo) questo è una label quindi non un input, al posto di val cosa dovrei mettere?

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    .html(.....)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.