2010-01-29 20 views
0

早上所有。在后面的c#代码中实现javascript

我在我的代码下面的JavaScript前

 <script type="text/javascript" src="~/VDSReporting/jquery.js"></script> <script type="text/javascript"> 

    function ShowImage() { 
     document.getElementById('tbxProdAC') 
     .style.backgroundImage = 'url(/images/vds/progress.gif)'; 

     document.getElementById('tbxProdAC') 
        .style.backgroundRepeat = 'no-repeat'; 

     document.getElementById('tbxProdAC') 
        .style.backgroundPosition = 'right'; 
    } 

    function HideImage() { 
     document.getElementById('tbxProdAC') 
         .style.backgroundImage = 'none'; 
    } 

</script> 

我怎么去“转换”这也是唯一有它存在于背后的C#代码?

请原谅我的无知,我完全没有在这里深度!

+0

,为什么你想在C#代码? – Natrium 2010-01-29 09:53:42

+0

基本上,该脚本目前被保存在内容占位符中 - 构建时,控件ID正在修改中,以考虑内容占位符,因此控件不会发现给我带来错误。我的想法是把它放在后面的代码中,并用clientID注册控件,例如tbxProdAC.ClientID - 那么我希望能修复所有的东西!?! – 2010-01-29 09:59:06

回答

5

如果这是一个你正在显示的进度图像(看起来很像图像名称),那你为什么要做那个服务器端?那样会挫败进步形象的整体目的。这看起来像属于客户端,所以请保持在那里。

更新

你并不需要使用后面的代码来渲染脚本只是为了获得客户的ID。你可以这样做:

function ShowImage() { 
    document.getElementById('<%=tbxProdAC.ClientID%>') 
    .style.backgroundImage = 'url(/images/vds/progress.gif)'; 

    document.getElementById('<%=tbxProdAC.ClientID%>') 
       .style.backgroundRepeat = 'no-repeat'; 

    document.getElementById('<%=tbxProdAC.ClientID%>') 
       .style.backgroundPosition = 'right'; 
} 

function HideImage() { 
    document.getElementById('<%=tbxProdAC.ClientID%>') 
        .style.backgroundImage = 'none'; 
} 

这里我使用<%=tbxProdAC.ClientID%>来获得控件的id。这是使用后面的代码来渲染脚本更可读。

+0

你好Mattias - 请参阅上面的小问题和我的背后的想法。我对这一切都是全新的,所以试图找到解决我遇到的问题的解决办法。 基本上这个JavaScript现在失败了,它放在内容占位符中。 – 2010-01-29 10:02:32

+0

查看最新的答案。 – 2010-01-29 10:07:24

+0

辉煌 - 谢谢你Mattias,非常感谢你的帮助。 – 2010-01-29 10:11:53

0

我需要一些JavaScript来从服务器端运行,这为我工作 -

if (!this.ClientScript.IsStartupScriptRegistered("StartDown")) 
{ 
    string scriptString = @"alert(""some javascript"");location.href='MyPage.aspx';"; 
    this.ClientScript.RegisterStartupScript(Page.GetType(), "StartDown", scriptString, true); 
} 

希望这有助于..

相关问题