JavaScript - porque no me cambia el foco

   
Vista:

porque no me cambia el foco

Publicado por Sergio (19 intervenciones) el 06/06/2014 22:35:30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
 
</head>
 
 
<body>
 
<script>
function siguiente() {
var opcion=document.getElementById('lista');
 
var posicion1=opcion.selectedIndex + 1;
 
if (opcion.selectedIndex >= 0) {
opcion.focus(posicion1);
 
	alert(opcion.value);
	/** =========== Esto esta desabilitado; posicion.innerHtml = opcion.value;**/
}
}
</script>
 
<select id="lista" size="3" >
<option>1aaaaaaaaaaaaaaaaa</option>
<option>2bbbbbbbbbbbbbbbbb</option>
<option>3ccccccccccccccccc</option>
</select>
 
 
<p id="posicion"></p>
 
<button id="prev" onclick="cargar()">prev</button><button id="next" onclick="siguiente()">siguiente</button>
 
</body>
</html>

=============================================================
ahora si que me lo hace pero no me cambia el focus lo deja en el que pulso.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<body>
 
<script>
function siguiente() {
var opcion=document.getElementById('lista');
 
var posicion1=opcion.selectedIndex;
 
if (opcion.selectedIndex >= 0) {
posicion1 += 1;
opcion.focus(posicion1);
 
	alert(posicion1);
	/** =========== Esto esta desabilitado; posicion.innerHtml = opcion.value;**/
}
}
</script>
 
<select id="lista" size="3" >
<option>1aaaaaaaaaaaaaaaaa</option>
<option>2bbbbbbbbbbbbbbbbb</option>
<option>3ccccccccccccccccc</option>
</select>
 
 
<p id="posicion"></p>
 
<button id="prev" onclick="cargar()">prev</button><button id="next" onclick="siguiente()">siguiente</button>
 
</body>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

No se por que no funciona ayuda plis.

Publicado por Sergio (19 intervenciones) el 06/06/2014 23:24:20
ALfinal quedo asi y funciona bien , Pero no cambia el foco alguna ayuda plis.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
<head>
 
</head>
 
 
<body>
 
<script>
function siguiente() {
var opcion=document.getElementById('lista');
 
var posicion1=opcion.selectedIndex + 1; /** + 1, para que coincidan los index bien **/
 
if (opcion.selectedIndex == 2 ) {
opcion.focus(posicion1);
alert('llego a su fin');
 
}else if (opcion.selectedIndex >= 0) {
posicion1 += 1;
opcion.focus(posicion1);
 
	alert(posicion1);
	/** =========== Esto esta desabilitado; posicion.innerHtml = opcion.value;**/
}
 
}
</script>
<script>
 
function atras() {
var opcion=document.getElementById('lista');
 
var posicion1=opcion.selectedIndex + 1; /** + 1, para que coincidan los index bien **/
 
if (opcion.selectedIndex == 0 ) {
opcion.focus(posicion1);
alert('llego a su fin');
 
}else if (opcion.selectedIndex <= 2) {
posicion1 -= 1;
opcion.focus(posicion1);
 
	alert(posicion1);
	/** =========== Esto esta desabilitado; posicion.innerHtml = opcion.value;**/
}
}
</script>
 
<select id="lista" size="3" >
<option>1aaaaaaaaaaaaaaaaa</option>
<option>2bbbbbbbbbbbbbbbbb</option>
<option>3ccccccccccccccccc</option>
</select>
 
 
<p id="posicion"></p>
 
<button id="prev" onclick="atras()">prev</button><button id="next" onclick="siguiente()">siguiente</button>
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

No se por que no funciona ayuda plis.

Publicado por xve (1594 intervenciones) el 07/06/2014 10:13:53
Hola Sergio, he probado tu código, y si que cambia el foco!!!!

No se que quieres que haga, pero cada vez que pulso en prev o siguiente, el foco vuelve al desplegable!!

Si nos puedes comentar exactamente que tendría que hacer y no hace...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

No se por que no funciona ayuda plis.

Publicado por Sergio (19 intervenciones) el 13/06/2014 14:44:20
perdon por tardar tanto pero estoy liado con varias cosas, lo que quiero, que cuando pulse con el raton en la opcion dos, que seria <option>2bbbbbbbbbbbbbbbbb</option> esta se pone de color azul y si le doy a siguiente, el scritp funciona por que el alert, da la respuesta bien pero deberia saltar el foco a <option>3ccccccccccccccccc</option> o sea que se ponga de color azul la opcion 3,

el codigo si pinchas en la opcion dos y le das asiguiente el foco no pasa a la opcion tres sequeda en la dos.
Gracias por todo, no se si me he explicado.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

No se por que no funciona ayuda plis.

Publicado por xve (1594 intervenciones) el 13/06/2014 15:28:23
Ahora te entiendo Sergio...
Para ello, tendras que utilizar algun lenguaje de programación, ya sea PHP, Perl, C, Python, ...

Aqui tienes un ejemplo de como hacerlo con PHP:
http://www.lawebdelprogramador.com/foros/PHP/1445474-Combobox_inicie_a_partir_de_una_valor_de_variable.html#i1446247
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar