posicionar el cursor en determinado sitio al caragr la pagina

fenix0224 · #1 (**permalink**) 09/03/2009, 18:32

hola bueno queria preguntarle si se puede posicionar el cursor en cualquier parte de la pagina al cargarse esta.
por decir me gustaria que se posicione en una capa determinada
yo intente con algo como esto

Código:

<head>
function posicion()
{
getElementById(capa1).focus();
}
</head>
<body onload="posicion();">

<div id="capa1">
</div>

</body>

y no me funciona el cursor se queda en la misma posicion que tenia antes de cargarse la pagina, por favor me podrian dar un codigo que me permita hacer lo que deseo

Panino5001 · #2 (**permalink**) 09/03/2009, 19:59

El método focus no es aplicable a elementos div a menos que sean de contenido editable (atributo contenteditable="true"). Lo que podés hacer es seleccionar el contenido de la capa:

Código:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script>
function seleccionar(obj){
    if(obj.nodeName.toLowerCase()=='textarea' || (obj.nodeName.toLowerCase()=='input' && obj.type=='text')){
        obj.select();
        return;
    }
    if (window.getSelection) { 
        var sel = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(obj);
        sel.removeAllRanges();
        sel.addRange(range);
    } 
    else if (document.selection) { 
        document.selection.empty();
        var range = document.body.createTextRange();
        range.moveToElementText(obj);
        range.select();
    }
}
onload=function(){
	seleccionar(document.getElementById('pp'));
}
</script>
</head>

<body>
<div >jjjjj</div>
<div id="pp">jjjjj</div>
<div >jjjjj</div>
<div>jjjjj</div>
</body>
</html>

fenix0224 · #3 (**permalink**) 10/03/2009, 17:15

muchas gracias por la respuesta pero creo que no me explique bien lo que io deseo es que al cargarse la pagina el cursor se posicione en una determinada posicion x y he escuchado de un Api SetCursorPos pero no se como usarlo o si es viable usando solo html y javascript
porfa me podrian dar osea lo que necesito por decir es poner el cursor en la posicion (0, 0) de la pagina oks espero sus respuestas

Panino5001 · #4 (**permalink**) 10/03/2009, 17:28

Mmm, eso que mencionás es un invento de Microsoft. Lo mejor que podrás lograr con javascript (según creo) es algo como esto:

Código:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style>*{margin:0}</style>
<script>
onload=function(){
var d=document.createElement('div');
d.setAttribute('style','position:absolute;left:0;top:0');
d.contentEditable='true';
d.id='d';
document.body.appendChild(d);
document.getElementById('d').focus();
}
</script>
</head>

<body>
</body>
</html>

Panino5001 · #5 (**permalink**) 10/03/2009, 17:44

Mejor así para que funcione también en ópera:

Código:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style>
*{margin:0}
#d{position:absolute;top:0; left:0}
</style>
<script>
onload=function(){
document.getElementById('d').contentEditable='true';
document.getElementById('d').focus();
}
</script>
</head>

<body>
<div id="d"></div>
</body>
</html>

fenix0224 · #6 (**permalink**) 10/03/2009, 18:29

sorry que sea tan fastidioso :S pero sigue sin funcionar osea el cursor se sigue quedando en la mimas posicion que tenia antes de cargarse la pagina .
He visto que se puede saber la coordenada x y del mouse con event pero lo que io quiero es cambiar la posicion del cursor al cargase la pagina.
Porfa necesito ese codigo sea cual sea yaque creo qeu con el focus no funcoina

Panino5001 · #7 (**permalink**) 10/03/2009, 18:33

Si te referís a la flechita: no puede hacerse.

David · #8 (**permalink**) 10/03/2009, 18:33

fenix0224 ¿Estás hablando del cursor de texto, o del puntero del mouse?

fenix0224 · #9 (**permalink**) 10/03/2009, 18:54

pues del puntero del mouse de la fechita

David · #10 (**permalink**) 10/03/2009, 18:58

La posición del puntero del mouse no se puede cambiar.

fenix0224 · #11 (**permalink**) 10/03/2009, 19:10

muchas gracias por sus respuestas