Announcement

Collapse
No announcement yet.

Javascript-Funktionen mit Parametern in asp.net einbinden

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Javascript-Funktionen mit Parametern in asp.net einbinden

    Hallo Leute im Entwicklerforum

    Ich habe ein kleines Problem... Ich habe ein Javascript das in generell ganz gut funktioniert... nur ich bekomme es nicht vernünftig in asp.net umgesetzt...
    Code:
    using System;
    using System.Configuration;
    using System.Data;
    using System.Linq;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.HtmlControls;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Xml.Linq;
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Init(object sender, EventArgs e)
        {
        }
        protected void Page_Load(object sender, EventArgs e)
        {
           
        }
        protected override void OnPreRender(EventArgs e)
        {
        }
        protected void Send_Click(object sender, EventArgs e)
        {
            this.Label1.Text = "Hallo, " + TextBox1.Text;
        }
        protected void Send_Init(object sender, EventArgs e)
        {
            this.Label1.Text = "Hallo, dies ist ein Label!";
        }
        protected void On_Load(object sender, EventArgs e)
        {
            string buttonId;
            buttonId = this.button2.ClientID.ToString();
            button2.Attributes.Add("onLoad", "return Main(4, " + "Submit" + ", " + "button2" + ");");
            //string buttonId;
            //buttonId = this.buttonsend.ClientID.ToString();
            //string s = string.Format("Main(4, 'Submit', '{0}');", buttonId);
            //this.Page.ClientScript.RegisterStartupScript(this.buttonsend.GetType(), "OnLoad", s, true);
        }
    }
    Code:
    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>TestPage</title>
        <script type="text/javascript">
    Main(4, "Submit", 'buttonsend');
    //Main(4, "Submit", 'button2');
    function Main(Sekunden, Buttonbeschriftung, id)
    {
    //var Sekunden = 4;
    //var Buttonbeschriftung = "Submit";
        document.getElementById(id).disabled = true;
        for(i=1; i<=Sekunden; i++)
        {
            window.setTimeout("ButtonAktualisieren(" + i + ", '" + Buttonbeschriftung + "', '" + id + "', " + Sekunden + ")", i*1000);
        }
        window.setTimeout("ButtonFreigeben('" + id + "')", Sekunden*1000);
    }
    function ButtonAktualisieren(VergangeneSekunden, Buttonbeschriftung, id, Sekunden)
    {
        //var id = 'send';
        var button = document.getElementById(id);
       
        button.firstChild.style.color ='#000099';
        if(VergangeneSekunden==Sekunden)
        {
            button.firstChild.firstChild.nodeValue = Buttonbeschriftung;
        } else {
            Restsekunden = Sekunden-VergangeneSekunden;
            button.firstChild.firstChild.nodeValue = Buttonbeschriftung + " (" + Restsekunden + ") ";
        }
       
        if(VergangeneSekunden <= (Sekunden/3))
        {
            button.firstChild.style.color = "#FF9191";
           
        } else if(VergangeneSekunden>Sekunden/3) {
            if(VergangeneSekunden>(Sekunden/3)*2)
            {
                button.firstChild.style.color = "#44CC33";
            } else {
                button.firstChild.style.color = "#FFA448";
            }
        }   
    }
    function ButtonFreigeben(id)
    {
       
        //var id = 'send';
        var button = document.getElementById(id);
        button.firstChild.style.color = "#000000";
        button.disabled = false;
        ;
    }
    </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:Button ID="buttonsend" runat="server" onclick="Send_Click" Text="Submit"
            Width="75px" oninit="Send_Init" onload="On_Load" />
            <br />
            <br />
        <asp:TextBox ID="TextBox1" runat="server" Height="43px" Width="211px">bitte geben Sie Ihren Namen ein</asp:TextBox>
        <div>
       
            </asp:Label ID="Label1" runat="server">
       
        </div>
        <p>
       
        <asp:Button ID="button2" runat="server" onclick="Send_Click" Text="Submit"
                Width="75px" oninit="Send_Init" />
       
        </p>
        </form>
    </body>
    </html>
    Ich möchte gerne, das dieser Button per Javascript einen Countdown ausgibt, der in einem Ampelsystem die Farbe ändert... das tut er in html auch.... das Javascript ist also soweit einwandfrei.... aber ich bin in asp.net ziemlich neu..... Also Ich bekomme das soweit auch problemlos hin wenn ich statt des asp-buttons einen html-button nehme, aber ich benötige das als asp-button um eine Control zu erstellen...

    Ich bin vielleicht auch kurz davor das zu knacken aber aus irgendeinem Grund find ich nichts mehr was ich verstehe was mich da weiterbringt...

    Ich würde mich freuen wenn ich von euch Unterstützung bekommen würde....


    Danke schonmal...
Working...
X