none
Botón con link en HTML RRS feed

  • Pregunta

  • Lo que necesito es crear un botón en HTML que al hacer clic sobre el, abra un link por ejemplo "http://www.web.com/" pero que además se le agregue el texto añadido a una caja de texto más el signo "/" <input name="cod" type="text" value="222" />.

    el link quedaría asi : "http://www.web.com/222/" y el botón tiene que llevar a esa pagina

    jueves, 7 de enero de 2016 8:05

Respuestas

  • El scritp seria asi:

    <input name="cod" id="cod" type="text" value="222" />
    
    <button onclick="procesar()">Ir</button>
    
    
    <script type="text/javascript">
    
        function procesar() {
            var valor = document.getElementById("cod").value;
            window.open("http://www.web.com/" + valor, "_blank");
        }
    </script>
    

    Saludos.

    • Marcado como respuesta Michael Cerdas sábado, 9 de enero de 2016 6:10
    sábado, 9 de enero de 2016 5:20

Todas las respuestas

  • Podrías crear una función javascript que realice la navegación a la nueva url:

    function navegar() {
        var codText = document.getElementsByName('cod')[0];
        document.location.href = 'http://www.web.com/' + codText.value + '/';
        return false;
    }

    Y llamarla desde el evento click del botón:

    <button name="btnNavigate" onclick="return navegar();">Navegar</button>


    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, ...

    jueves, 7 de enero de 2016 8:23
  • El scritp seria asi:

    <input name="cod" id="cod" type="text" value="222" />
    
    <button onclick="procesar()">Ir</button>
    
    
    <script type="text/javascript">
    
        function procesar() {
            var valor = document.getElementById("cod").value;
            window.open("http://www.web.com/" + valor, "_blank");
        }
    </script>
    

    Saludos.

    • Marcado como respuesta Michael Cerdas sábado, 9 de enero de 2016 6:10
    sábado, 9 de enero de 2016 5:20