Input type Button con diferentes target

yamsita · #1 (**permalink**) 27/11/2012, 12:55

Estimados amigos,

Me dirijo una vez más para solicitar su ayuda para saber si hay una forma de poner el atributo TARGET en inputs type="button" con diferentes TARGET y cuál es la manera de hacerlo, ya que en una página tengo 6 botones pero necesito que algunos los abra en la misma página y otros en una ventana nueva....

Esto es posible, agradezco su ayuda y les comparto el código de los botones

Código HTML:

<form action="" method="post" name="form" target="_blank" id="form" >

<input type="button" value="Consultar"onclick="this.form.action=\'Consultas/consulta_basica.php\';this.form.submit();" />

<input type="button" value="Exportar a PDF" onclick="this.form.action=\'Consultas/PDF_consulta_basica.php\';this.form.submit();" />

<input type="button" value="Exportar a Excel" onclick="this.form.action=\'Consultas/Excel_consulta_basica2.php\';this.form.submit();" />

<input type="button" value="Consultar / Ingles" onclick="this.form.action=\'Consultas/consult.php\';this.form.submit();" />
 
<input type="button" value="Exportar a PDF / Ingles" onclick="this.form.action=\'Consultas/PDF_basic_query.php\';this.form.submit();" />

<input type="button" value="Exportar a Excel / Ingles" onclick="this.form.action=\'Consultas/Excel_basic_query.php\';this.form.submit();" />
</form>

Ya intente quitarle el atributo TARGET en la etiqueta FORM y dale el atributo a cada boton pero tampoco me da el resultado esperado...

Agradezco su ayuda amigos!!

emprear · #2 (**permalink**) 27/11/2012, 18:24

Primero, la sintáxis está mal,
\'Consultas/Excel_consulta_basica2.php\'
no tenés que escapar esas comillas simples ya que están defriniendo el valor de una propiedad.
Luego, en tu form no veo más campos que los buttons, porque no hacés links directamente, para que algo tan rebuscado.
Aún asi, vos mismo propones la solución (aunque sería más práctico crear una función), asi como ponés
this.form.action
podrías usar
this.form.target

Ejemplo

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="" method="post" name="form1" id="form1" target="xxx">
 
<input type="button" value="Consultar"onclick="this.form.action='Consultas/consulta_basica.php';this.form.target='_blank';this.form.submit();" />
 
<input type="button" value="Exportar a PDF" onclick="this.form.action='Consultas/PDF_consulta_basica.php';this.form.target='_self';this.form.submit();" />
 
<input type="button" value="Exportar a Excel" onclick="this.form.action='Consultas/Excel_consulta_basica2.php';this.form.target='_self';this.form.submit();" />
 
<input type="button" value="Consultar / Ingles" onclick="this.form.action='Consultas/consult.php';this.form.target='_blank';this.form.submit();" />
 
<input type="button" value="Exportar a PDF / Ingles" onclick="this.form.action='Consultas/PDF_basic_query.php';this.form.target='_blank';this.form.submit();" />
 
<input type="button" value="Exportar a Excel / Ingles" onclick="this.form.action='Consultas/Excel_basic_query.php';this.form.submit();" />
</form> 
 
<iframe name="xxx" id="xxx" src="about:blank"></iframe>
</body>
</html>

Por defecto el form tiene un target en un iframe,la última cargara en dicho iframe en tanto que las restantes redefinen el target y cargarán en la misma página o en una nueva.
Otro problema es que habitualmente el usuario tiene configurado el navegador para abrir nuevas ventanas en pestañas, por lo que ya necesitarías de window.open()

No sé, pero me parece que debe de haber otra forma más siple de hacer lo que necesitas

Saludos

yamsita · #3 (**permalink**) 28/11/2012, 13:25

Hola emprear muchas gracias por tu respuesta,

Te comento que escapo las comillas por que este código está incluido en php, con un echo, por tal motivo pongo los "\" pero olvide eliminarlos en este código, por otra parte no puse los demás campos input del formulario para disminuir código y fuese más explicito.

Lo hare como me comentas, la verdad soy nueva en JavaScript por eso no sabía esa opción, te comento el resultado mil gracias por tu tiempo.