0

以下のようにデータ ビューをレンダリングしています。

@foreach (var movieDetails in Model)
{
    <div class="sameLine" onMouseOver="focusDiv(this)"  id="c4" onmousewheel="moveFocus(event)" onclick="playMovie(this)">
            <table border ="1" class="contentTable">
                <tr>
                <td align="center">
                <img src = @movieDetails.Thumbnail alt = @movieDetails.Thumbnail class="imgStyle"/>
                <div class="tvShowPanel">
                    @movieDetails.Title
                </div>
                </td>
                </tr>
            </table>
      </div>
}

ユーザーが image または image を含む div をクリックしたときに、ユーザーが現在のページから別のページに移動できるようにするため、javascript でこれを処理しましたが、その後プロンプトが表示されません。

function playMovie(obj) {
    alert("Image Clicked");
}

また、 playMovie を使用して他のページに移動する方法を教えてください。document.location または window.location でクエリ文字列 querystring を使用する必要がありますか?

もしそうなら、クエリ文字列をビューからjavascriptに渡すにはどうすればよいですか?

現在のアプリは Youtube に似ています。サムネイルをクリックすると、別のページに移動してビデオの再生が開始されます。

編集：

MovieDetails クラスは次のとおりです。

public class MovieDetails
    {
        public string Title { get; set; }
        public string Thumbnail { get; set; }
        // public string URI { get; set; }
        public string Description { get; set; }
        public string MovieURI { get; set; }
        // public List<Response> Response { get; set; }
    }
4

1 に答える 1

3

画像をクリックして好きな場所に移動できるように、要素を<img>要素内に配置します。<a>

@foreach (var movieDetails in Model)
{
    <div class="sameLine" onMouseOver="focusDiv(this)"  id="c4" onmousewheel="moveFocus(event)" onclick="playMovie(this)">
            <table border ="1" class="contentTable">
                <tr>
                <td align="center">
                <a href="@movieDetails.MovieURI">
                <img src = @movieDetails.Thumbnail alt = @movieDetails.Thumbnail class="imgStyle"/>
                <a/>
                <div class="tvShowPanel">
                    @movieDetails.Title
                </div>
                </td>
                </tr>
            </table>
      </div>
}
于 2012-09-03T13:42:45.880 に答える