JavaScript - porque no me cambia el foco

 
Vista:
sin imagen de perfil

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
sin imagen de perfil

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
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

No se por que no funciona ayuda plis.

Publicado por xve (2100 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
sin imagen de perfil

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