Show Modal popup from other page using Bootstrap

I like put the code of the popup in a separated page.
In this example I put the popup code in mypage.htm and this is the code of default.html

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

<a href="mypage.htm" data-toggle="modal" data-target="#myModal">Click me</a>

As you can see, I haven’t write any line of javascript

If I’ve to obtain the same result by clicking a tr row?
Unfortunately I have not found a clean solution…
The only solution I found is that:

<tr href="mypage.htm" data-toggle="modal" data-target="#myModal">
    <td>My text</td>
    <td>My text2</td>
</tr>

I know that tr haven’t href attribute… but the bootstrap scritp use this attribute.
Anyone who knows a clean solution is welcome!

Annunci

Informazioni su Andrea Regoli

Project Manager .Net Developer WPF WP7 Asp.Net c# javascript ajax SQL sharepoint
Questa voce è stata pubblicata in Asp.Net, Bootstrap, c#, jquery e contrassegnata con , , , , , . Contrassegna il permalink.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...