Colocar foco en div

kimmy · #1 (**permalink**) 08/06/2010, 12:32

Hola amigos. Tengo un problema pues al validar los datos de un form (es una encuesta) le doy a votar y los envio y se genera una gráfica a mostrarse en un div. El problema es que el form de la encuesta esta en el pie de la pagina y quiero que al enviarlos el foco se vaya al principio de la página que es donde se muestra el gráfico.

No se como hacer esto. Segun lei se hace con focus, pero no se como hacerlo. Por favor si me pueden dar alguna sugerencia. Gracias.

Adler · #2 (**permalink**) 08/06/2010, 12:36

Hola

Un div no puede tener focus. Podrías usar un ancla

Suerte

Edito: Necesitaremos una maquina de numeración como en los supermercados

zerokilled · #3 (**permalink**) 08/06/2010, 12:36

con focus no puedes porque DIV no es un tipo de elemento que recibe foco. lo que se me ocurre es que le asignes un ID al DIV, o si ya lo tienes pues bien. luego que envie el formulario, le asignas el valor de ID a la propiedad location.hash. o sea, el ID tambien funciona como un ancla y con location.hash le indicas a cual ancla el navegador debe posicionarse.

@edit,
¡vaya Adler, cosas que pasan! saludos

@edit,
otro mas!

JavierB

JavierB · #4 (**permalink**) 08/06/2010, 12:36

Hola kimmy

focus es para los elementos de un formulario. Puedes probar con:

Código Javascript:

Ver originallocation='#';

¡Ostras! tres respuestas en el mismo minuto

Saludos,

kimmy · #5 (**permalink**) 08/06/2010, 12:46

gracias a todos pero estoy tan enredada. La gráfica se muestra en una tabla que está en un div. Lo que quiero hacer es que vaya hacia arriba después de darle enviar al form que está abajo.

kimmy · #6 (**permalink**) 08/06/2010, 12:56

el llega asi al div:

Código HTML:

Ver original<div id="cont" align="center">
<img src="dgrafica.php">
</div>

entonces segun lo que me indicaron debería hacer algo asi:

window.location.hash = "cont" pero no se donde se coloca????

zerokilled · #7 (**permalink**) 08/06/2010, 13:03

kimmy, ¿sabes que odio? dar muchas vueltas, y eso sucede cuando el mensaje esta falto de detalles. por lo poco que has explicado creo entender que el formulario se envia mediante AJAX, porque de lo contrario no tiene sentido pedir que el documento muestre un área en particular ya que en la modalidad normal los formularios desechan el documento actual para cargar uno nuevo. si es en AJAX, entonces tu formulario de alguna manera tiene una funcion asignada en el evento onsubmit. en ese evento es donde tienes que poner el código necesario para instruir al navegador moverse al ancla determinado.

si no lo estas haciendo con AJAX, entonces la respuesta del formulario tendrias que indicar en la URL el ancla pero creo que eso ya se hace desde el lado servidor.

kimmy · #8 (**permalink**) 08/06/2010, 13:07

zerokilled no te molestes, lo que pasa es que a veces no sabemos como plantear la pregunta (no todas las cabezas son iguales). Asi pasa el código:

Código PHP:

Ver original<?php
//Conectamos con la base de datos
    require('configuracion.inc.php'); 
    $enlace = mysql_connect($host,$usuario,$password); 
    mysql_select_db($db,$enlace); 
    
//Seleccionamos la informacion de la última encuesta insertada
    $consulta = "SELECT * FROM encuestas ORDER BY fecha DESC LIMIT 0,1"; 
    $consulta = mysql_query($consulta,$enlace); 
    while($row = mysql_fetch_array($consulta)){ 
        $titulo=$row["titulo"]; 
        $fecha=$row["fecha"];
        $id=$row['id'];
    }
?>
<head>
<script language="javascript">
function check() {
alert("Gracias por su voto!!!");
}
</script>
</head>
<body>
<form name="form1" method="post" action="index.php" target="cont">
    <table width="350" border="0">
    <tr> 
      <td colspan="2"><?php echo $titulo; ?>
      <input type="hidden" name="id" value="<?php echo $id;?>"></td>
    </tr>
    <?php
    $sql = "SELECT texto, id FROM respuestas WHERE idenc=\"$id\"";
    $sql = mysql_query($sql,$enlace); 
    while($row = mysql_fetch_array($sql)){ 
        $texto=$row["texto"]; 
        $idres=$row["id"];
?>
    <tr> 
      <td width="51"><input type="radio" name="opcion" value="<?php echo $idres; ?>"></td>
      <td width="283"><?php echo $texto; ?></td>
    </tr>
    <?php } ?>
    <tr>
      <td><input type="submit" name="Submit" value="Enviar" onClick="check()" ></td>
        
      <td><a href="index.php" target="cont">Ver resultados</a></td>
    </tr>
  </table>
</form>
</body>

y se muestra arriba asi, Claro la pagina tiene mas cosas:

Código HTML:

Ver original<div id="cont" align="center">
       <img src="dgrafica.php">
  </div>

Gracias por ayudarme y comprendeme un poquito :)

Adler · #9 (**permalink**) 08/06/2010, 13:14

Hola

Ya por cerrar el tema, no habría que hacerlo del lado del servidor, solo tendría que añadirle al action del form, en su caso, #cont y recogerlo así

Cita:

Suerte

zerokilled · #10 (**permalink**) 08/06/2010, 13:29

¡hhmmm, muy bien Adler! ya pensaba yo que no se podia indicar el ancla en la URI de action. llegue a esta conclusion porque una vez vi parametros en la URI del action y estos no se mostraban en la peticion GET. entonces pense que lo mismo sucederia con cualquier otra cosa como el ancla.

kimmy · #11 (**permalink**) 08/06/2010, 13:53

Muchas Gracias Adler!!!