したがって、ユーザーがボタンをクリックすると画像が読み込まれます。これは次のコードで機能します。
<script type ="text/javascript">
function showImg()
{
$("#imagePreview").attr("src", "//this is a url for image");
}
</script>
<div style="height:50px; margin-top:25px; margin-bottom:25px;">
<img id="imagePreview" alt="" width="30" height ="30"></img>
<input type="button" onclick="javascript:showImg()" />
</div>
ただし、onclickボタンイベントが別のページで使用されるように変更しようとしたので、上記のコードを次のように変更しました。
<script type ="text/javascript">
function showImg(url)
{
$("#imagePreview").attr("src", "url");
}
</script>
<div style="height:50px; margin-top:25px; margin-bottom:25px;">
<img id="imagePreview" alt="" width="30" height ="30"></img>
</div>
そして他のページで私は追加しました
<asp:HyperLink runat="server" ID="HyperLink1" NavigateUrl="<%# FieldValueString %>" Text="View Image" Visible="true" />
<input type="button" onclick="javascript:showImg("<%# "FieldValue" %>")" />
<asp:Label runat="server" ID="Label1" Text="No Image" Visible="false" />
しかし、ボタンをクリックしても何も起こりません。何か案は?