How to get URL from GridView using javascript?

Question

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="ID" DataSourceID="SqlDataSourceVideo" >
    <Columns>
        <asp:BoundField DataField="VideoUrl" HeaderText="VideoUrl" 
            SortExpression="VideoUrl" />
        <asp:BoundField DataField="ID" HeaderText="ID" 
            SortExpression="ID" InsertVisible="False" ReadOnly="True" />
        <asp:BoundField DataField="Video_Name" HeaderText="Video_Name" 
            SortExpression="Video_Name" /> 
        <asp:CommandField ShowDeleteButton="True" />
    <asp:TemplateField>
        <ItemTemplate>
        <asp:Button ID="ButtonPlay" runat="server" CommandName="Play"
            CommandArgument='<%# DataBinder.Eval(Container.DataItem,"VideoUrl") %>'
            Text="Play" OnClientClick="playVideo()"></asp:Button>

JavaScript code for play URL:

<script type="text/javascript" language="javascript">
    function playAudio(URL){
        if (URL != "")
        {
            document.Player.filename = URL;
            document.getElementsByName("mediaPlayer").src=URL; 
            document.getElementsByName("mediaPlayer").play();
            document.Player.showcontrols = true;
            document.Player.height = 40;
            document.Player.play();    
        }
    }
</script>

Can anyone tell me how to get URL value from gridview? Thanks in advance.

Your button calls playVideo(). You posted the JavaScript for playAudio(). Which is correct? — gilly3
– gilly3, Commented Dec 10, 2011 at 6:42
Why are you using a server control for your button? Do you want that button to cause a postback? — gilly3
– gilly3, Commented Dec 10, 2011 at 6:45

Michiel van Oosterhout · Accepted Answer · 2011-12-10 17:44:08Z

1

Try this,

<asp:Button ID="ButtonPlay" runat="server" CommandName="Play" 
     CommandArgument='<%# DataBinder.Eval(Container.DataItem,"VideoUrl") %>' 
     Text="Play" 
     OnClientClick='<%# DataBinder.Eval(Container.DataItem,"VideoUrl", "playVideo('{0}')") %>'>
</asp:Button>

edited Dec 10, 2011 at 17:44

Michiel van Oosterhout

23.2k16 gold badges100 silver badges141 bronze badges

answered Dec 10, 2011 at 6:37

Nazmul

7,21812 gold badges55 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Abhishek Nayak Over a year ago

Thankx for reply..i has written given button code, i got error that is the server tag is not well formed.

Michiel van Oosterhout Over a year ago

@Rembo, I edited the example so the server tag is now well formed, can you try again?

Abhishek Nayak Over a year ago

Hello friends i am using windows media player to play videos and above i written function name is playVideo(). my code is here.

Adam Rackis · Accepted Answer · 2011-12-10 06:42:58Z

1

I would change your BoundField into a TemplateField

<asp:TemplateField SortExpression="VideoUrl" HeaderText="Video Url">
    <span class='videoUrl<%# DataBinder.Eval(Container, "RowIndex") %>'><%# Eval("VideoUrl") %></span>
</asp:TemplateField>

Then, to get the url from row three:

var span = document.getElementsByClassName("videoUrl3")[0];
var url = span.textContent ? span.textContent : span.innerHTML;

answered Dec 10, 2011 at 6:42

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

Comments

Neha · Accepted Answer · 2011-12-10 12:11:12Z

0

OnClientClick='<%# EVAL("VideoUrl", "return playAudio({0})") %>'/>

use this in your button .Hope it helps.

answered Dec 10, 2011 at 12:11

Neha

3,0153 gold badges21 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to get URL from GridView using javascript?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related