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">
            <!-- /.modal-content -->
        <!-- /.modal-dialog -->
    <!-- /.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>

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


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.


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


Stai commentando usando il tuo account Chiudi sessione /  Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. 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 )

Connessione a %s...

This site uses Akismet to reduce spam. Learn how your comment data is processed.