none
Como ejecuto estas funciones cuando la página este cargada completamente. RRS feed

  • Pregunta

  • Tengo estas dos funciones Javascript, como puedo usarlas.

        <script type="text/javascript">
            setTimeout(function () { btnEnabled() }, 5000)
        </script>
    
    <script  type="text/javascript">
        function btnEnabled() {
            document.getElementById("oNextAd").disabled = false
        }
    </script>
    Las tengo puestas en HEAD y me gustaría hacer lo del título.


    Si la contestación te ha servido de ayuda márcala como respuesta. Si lo que publico no funciona, no tengo la culpa, SOY HUMANO, no una máquina. M-Registry Cleaner, el programa que he creado con ayuda del foro, ya se puede descargar desde mi página o sino realizar alguna que otra donación en mcaresoft.wordpress.com sería de agradecer.

    martes, 14 de julio de 2015 8:49

Respuestas

  • Si utilizas jQuery te bastaría con hacer:

    $(btnEnabled);
    

    Si no, y para que te funcione en cualquier navegador lo mejor es incluir el script al final del body:

    <script>
    btnEnabled();
    </script>
    </body>
    Si lo prefieres puedes utilizar los eventos DOMContentLoaded o el mismo load aunque te puede dar problemas con algunas versiones de navegadores.


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 9:00
  • ¿Cómo te ha quedado el código?

    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 9:11
  • Igual es tema del navegador, yo he probado con IE11 y Chrome (v 43) y me funciona bien.

    Comprueba que el botón se genera con el id oNextAd (puedes hacerlo con las herramientas de desarrollo de tu navegador, generalmente pulsando F12).

    Si no puedes asegurarte de que utilizas el id de cliente del botón modificando la función btnEnabled:

            function btnEnabled() {
                document.getElementById("<%=oNextAd.ClientID%>").disabled = false
            }


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 9:39
  • Prueba con este código:

        <script  type="text/javascript">
            function btnEnabled() {
                var timeElapse = 5;
                var button = document.getElementById("<%=oNextAd.ClientID%>");
                updateButton();
    
                function updateButton() {
                    if (timeElapse > 0)
                    {
                        button.value = timeElapse;
                        timeElapse--;
                        setTimeout(updateButton, 1000);
                    }
                    else {
                        button.value = "Next";
                        button.disabled = false;
                    }
                }
            }
        </script>
    
    </head>
    <body style="width: 320px; height: 480px;">
        <form id="oMainPage"  runat="server" aria-checked="false" aria-expanded="true" aria-orientation="vertical" aria-pressed="undefined" translate="no">
        <div>
        
            <asp:Image ID="oImgAd" runat="server" BorderStyle="None" Height="420px" ImageAlign="Middle" Width="320px" />
        
            <asp:Button ID="oNextAd" runat="server" BackColor="#E5761D" BorderStyle="None" Font-Bold="True" Font-Size="X-Large" ForeColor="White" Height="60px" Text="Next" Width="320px" Enabled="False" />
        
        </div>
        </form>
        
            <script type="text/javascript">
                btnEnabled();
            </script>
    </body>
    </html>


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 10:04

Todas las respuestas

  • Si utilizas jQuery te bastaría con hacer:

    $(btnEnabled);
    

    Si no, y para que te funcione en cualquier navegador lo mejor es incluir el script al final del body:

    <script>
    btnEnabled();
    </script>
    </body>
    Si lo prefieres puedes utilizar los eventos DOMContentLoaded o el mismo load aunque te puede dar problemas con algunas versiones de navegadores.


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 9:00
  • He puesto la función del timer pero no funciona sigue desactivado.

    Si la contestación te ha servido de ayuda márcala como respuesta. Si lo que publico no funciona, no tengo la culpa, SOY HUMANO, no una máquina. M-Registry Cleaner, el programa que he creado con ayuda del foro, ya se puede descargar desde mi página o sino realizar alguna que otra donación en mcaresoft.wordpress.com sería de agradecer.

    martes, 14 de julio de 2015 9:07
  • ¿Cómo te ha quedado el código?

    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 9:11
  • Así es como lo tengo:

    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <style type="text/css">
            #oMainPage {
                width: 320px;
                height: 480px;
            }
        </style>
    
        <script  type="text/javascript">
            function btnEnabled() {
                document.getElementById("oNextAd").disabled = false
            }
        </script>
    
    </head>
    <body style="width: 320px; height: 480px;">
        <form id="oMainPage"  runat="server" aria-checked="false" aria-expanded="true" aria-orientation="vertical" aria-pressed="undefined" translate="no">
        <div>
        
            <asp:Image ID="oImgAd" runat="server" BorderStyle="None" Height="420px" ImageAlign="Middle" Width="320px" />
        
            <asp:Button ID="oNextAd" runat="server" BackColor="#E5761D" BorderStyle="None" Font-Bold="True" Font-Size="X-Large" ForeColor="White" Height="60px" Text="Next" Width="320px" Enabled="False" />
        
        </div>
        </form>
        
            <script type="text/javascript">
                setTimeout(function () { btnEnabled() }, 5000)
            </script>
    Lo que quiero es que se active un Timer de 5 segundos y luego un botón que tengo deshabilitado se habilite y pueda ejecutar este su función.


    Si la contestación te ha servido de ayuda márcala como respuesta. Si lo que publico no funciona, no tengo la culpa, SOY HUMANO, no una máquina. M-Registry Cleaner, el programa que he creado con ayuda del foro, ya se puede descargar desde mi página o sino realizar alguna que otra donación en mcaresoft.wordpress.com sería de agradecer.


    • Editado LTNs martes, 14 de julio de 2015 9:25
    martes, 14 de julio de 2015 9:24
  • Igual es tema del navegador, yo he probado con IE11 y Chrome (v 43) y me funciona bien.

    Comprueba que el botón se genera con el id oNextAd (puedes hacerlo con las herramientas de desarrollo de tu navegador, generalmente pulsando F12).

    Si no puedes asegurarte de que utilizas el id de cliente del botón modificando la función btnEnabled:

            function btnEnabled() {
                document.getElementById("<%=oNextAd.ClientID%>").disabled = false
            }


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 9:39
  • Ya me funciona lo puse como me has indicado y va perfecto, solo una cosa como haría para que en ese botón se fuera mostrando una cuenta atrás de 5 segundos a 1 y luego pusiera "Next"

    Si la contestación te ha servido de ayuda márcala como respuesta. Si lo que publico no funciona, no tengo la culpa, SOY HUMANO, no una máquina. M-Registry Cleaner, el programa que he creado con ayuda del foro, ya se puede descargar desde mi página o sino realizar alguna que otra donación en mcaresoft.wordpress.com sería de agradecer.

    martes, 14 de julio de 2015 9:43
  • Prueba con este código:

        <script  type="text/javascript">
            function btnEnabled() {
                var timeElapse = 5;
                var button = document.getElementById("<%=oNextAd.ClientID%>");
                updateButton();
    
                function updateButton() {
                    if (timeElapse > 0)
                    {
                        button.value = timeElapse;
                        timeElapse--;
                        setTimeout(updateButton, 1000);
                    }
                    else {
                        button.value = "Next";
                        button.disabled = false;
                    }
                }
            }
        </script>
    
    </head>
    <body style="width: 320px; height: 480px;">
        <form id="oMainPage"  runat="server" aria-checked="false" aria-expanded="true" aria-orientation="vertical" aria-pressed="undefined" translate="no">
        <div>
        
            <asp:Image ID="oImgAd" runat="server" BorderStyle="None" Height="420px" ImageAlign="Middle" Width="320px" />
        
            <asp:Button ID="oNextAd" runat="server" BackColor="#E5761D" BorderStyle="None" Font-Bold="True" Font-Size="X-Large" ForeColor="White" Height="60px" Text="Next" Width="320px" Enabled="False" />
        
        </div>
        </form>
        
            <script type="text/javascript">
                btnEnabled();
            </script>
    </body>
    </html>


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    • Marcado como respuesta LTNs martes, 14 de julio de 2015 10:07
    martes, 14 de julio de 2015 10:04
  • Muchímas gracias Asier funciona de puta madre.

    Si la contestación te ha servido de ayuda márcala como respuesta. Si lo que publico no funciona, no tengo la culpa, SOY HUMANO, no una máquina. M-Registry Cleaner, el programa que he creado con ayuda del foro, ya se puede descargar desde mi página o sino realizar alguna que otra donación en mcaresoft.wordpress.com sería de agradecer.

    martes, 14 de julio de 2015 10:07