Author: Catherine King

How to pass the linkbutton text to the modal popup. Now Im only getting a empty popup

<script type="text/javascript">
$("#linkbutton1").click(function(){ 
var text =$("#linkbutton1).val();
$("#modal_body").html(text);
});
function openModal() {
$("#myModal").modal('show');
}
</script>
<div>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
Modal Title</h4>
</div>
                <div class="modal-body">
                <p id="modal_body" runat="server"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div></div></div></div>


<asp:GridView>
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton id="linkbutton1" runat="server" Text='<%#Eval("Content").ToString().Length>10 ? Eval("Content").ToString().Substring(0,10): Eval("Content").ToString()%>'
CommandArgument='<%#Eval("Content")%>' data-toggle="modal" data-target="#myModal" >
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</asp:GridView>

How to display text in modal popup from the grid's cell by clicking the hyperlink
In jquery part I used window.open the code I wrote opened a new popup window so I changed it to modal popup but it loads while pageload before the click of hyperlink and blurs the entire main page so what is the code I need to change to make the process right and also displsy the modal popup after click
I have wrote my sample code here

<asp:TemplateField>
<ItemTemplate>
<asp:HyperLink ID="lnkRedirect" NavigateUrl="#myModal"
Text='<%#Eval("content").ToString().Length > 11 ? Eval("content").ToString().Substring(0, 11) : Eval("content").ToString()%>'runat="server" />
</ItemTemplate>
</asp:TemplateField>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">

<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<p id=modal_body></p>
</div>


<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">
Close</button>
</div>
</div>
</div>
</div>