0

我在 .ascx 文件中有以下代码作为 asp.net 项目的一部分。如何编写 JavaScript 将图像源更改为 gif？

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Steps123.ascx.cs" Inherits="SwintonTaxiWeb.UserControls.Steps123" %>

<div id="slickShow">

    <div class="<%=stepOneDivClass %>">
            <asp:ImageButton runat="server" ID="GetQuote" 
                CssClass="imgBut swapImage {src: '/images/Quote-Oval-button-(roll-over).png'}"
                ImageUrl="/images/Quote-Oval-button.png" AlternateText="Get Quote" TabIndex="1" />
    </div>
    <div id="rollOver">
        <img src="/images/Roll-over-to-view-steps-two-and-three.png" alt="Roll over to view steps 2 and 3" />
    </div>
    <div id="slideContainer">
        <div class="step-two">
            <asp:ImageButton runat="server" ID="GetCallback" 
                CssClass="swapImage {src: '/images/Call-back-button-(roll-over).png'}" 
                ImageUrl="/images/Call-back-button.png" AlternateText="Get Callback" Width="69" 
                Height="44" TabIndex="2" />
        </div>
        <div class="step-three">
            <fieldset>
                <asp:TextBox CssClass="postcode" ID="postcode" runat="server" TabIndex="0" /><asp:ImageButton runat="server" 
                    ID="go" CssClass="go" ImageUrl="/images/Go-button.png" AlternateText="Go" onclick="Go_Click" TabIndex="1" />
            </fieldset>      
        </div>
    </div>
</div>
4

3 回答 3

3

仅使用 JavaScript，您可以执行以下操作：

var image = document.getElementById('ctl00_MainContent_tester_GetQuote');
image.src = [path to gif];

您还可以使用 jQuery 通过类（或其他选择器，如果需要）来获取元素：

var image = $('.[ClassOfImage]').attr('src', '[NewPathToGif]');

我喜欢 jQuery。

于 2009-10-12T14:16:19.797 回答
0

就像是...

document.getElementById("ctl00_MainContent_tester_GetQuote").src = "myImage.gif";

如果您想保持动态，可以使用 myControl.ClientId 代替“ctl00_MainContent_tester_GetQuote”。

于 2009-10-12T14:16:56.363 回答
0

最简单的方法是这样的

 document.getElementById('ctl00_MainContent_tester_GetQuote').src = 'mygifsrc.gif';

但在这种情况下，id 是 ASP.Net 生成的 id，你可能无法指望它不会改变你。我解决这个问题的正常方法是找到一个容器（比如你的 div，但不是自定义控件的一部分）并getElementsByTagName()从那里调用类似的东西来找到你需要的元素。但是由于你没有分享你周围的 html，我还不能给你一些我知道会起作用的东西。

于 2009-10-12T14:18:14.707 回答