javascript al hacer clic en el botón

Tengo el siguiente JS:

<script>
   function SetContent(link) {
            document.getElementById('lowerContent').innerHTML =
         "<iframe frameborder='0' src='" + link + "' width=100%' height='" + (screen.height - 100) + "px'";
        } 
</script>

Que se llama así:

<a href="javascript:SetContent('http://urlhere);" title="URL">URL</a>

¿Cómo puedo hacer el <a> ejecutar al hacer clic en el botón? O como asignar "javascript:SetContent('http://urlhere);" a <input type=button>

No se requiere devolución de datos. El clic simplemente restablece el div principal y agrega un iframe con la URL proporcionada. funciona bien para <a> pero no estoy seguro de cómo mover eso a un botón.

onclick solo causa devolución de datos y nada más.

preguntado el 31 de julio de 12 a las 13:07

4 Respuestas

Asignar javascript a los clics de botón funciona así:

<input type="button" onclick="javascript:SetContent('http://urlhere);" value="Click me at your own risk!">

ajuste los atributos (id, etc.) en consecuencia.

Respondido 31 Jul 12, 13:07

SIP eso es. Un pequeño problema, ya que tengo algunos otros botones asp: alrededor de la página, cuando ingreso texto en un cuadro de texto y presiono Intro, activa los otros botones, no solo el de arriba. ¿Cómo arreglar eso? - user1468537

Le animo a que haga otra pregunta al respecto, proporcionando los fragmentos de código relevantes (tanto ASP como C#). - Alex

<input type="button" onclick="SetContent('http://urlhere');" />

Respondido 31 Jul 12, 13:07

prueba esto. Utilice onclick en lugar de href.

<a href="#" onclick="javascript:return SetContent('http://www.google.com');" title="URL">URL</a> 

Or

<a href="javascript:void(0);" onclick="javascript:return SetContent('http://www.google.com');" title="URL">URL</a> 

Respondido 31 Jul 12, 13:07

En el script, ha configurado return false. Debido a esto, devuelve verdadero y llama a las devoluciones de datos. No necesita agregar javascript en href. puede agregar onclick de la siguiente manera:

<input type="button" onclick="SetContent('http://urlhere');" />

<script>
    function SetContent(link) 
    {
        document.getElementById('lowerContent').innerHTML = "<iframe frameborder='0' src='" + link + "' width=100%' height='" + (screen.height - 100) + "px'";
        return false;
    } 
</script>

Respondido 31 Jul 12, 14:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.