Asociar Dos Acciones A Un Evento

[julimirin]

Hola amig@s!!

Mi sitio web va a ser un libro electroncio de estadistica, que pretendo contenga numerosos ejemplos..bien pues gracias a la ayuda de alguno de vosostros (gracias caricatos) consegui hacerlo como queria:

1) al pulsar el boton Ver solucuion aparece un mensaje y si se pulsa aceptar se muestra la solucion en la mima pagina (la informacvion del ejemplo estaba oculta)

2) al pulsar el boton cerrar solucion la solucion se oculta..

El problema es que no consigo que al pulsar el boton se posicione donde quiero, he utilizado marcas pero no me funcionan..mirar la pagina:

http://perso.wanadoo.es/julian5859/Tema2/ejemplo.htm


Muchas Gracias

[caricatos]

Hola julimirin:

Te respondí y se me chafó la conexión, así que ahora te voy a dar una respuesta reducida...

De todos modos te diré que me ha parecido estupendo que te haya podido ayudar.

Puedes darle el foco a cualquier elemento html dándole un ID y poniendo algo así:

document.getElementById("el_elemento").focus();

Siendo "el_elemento" el valor id del tag donde quieras poner el foco, y puedes ponerlo inmediatamente después de cualquier acción javascript que no implique link o redirección.

Espero que te sirva.

Saludos

[julimirin]

No soy capaz tio....

Yo lo que hago es asignar el id a por ejemplo la palabra solcuion:

Código PHP:

  <div id="solucion"><h3>Solución</h3></div> 
   

y luego en el Boton Ver Solucion le asigno al evento onclick una funcion mia y lo nuevo que seria lo que tu me has comentado

Código PHP:

  <p align="right">
<input type="button" value="Ver Solucion del Ejemplo"  onClick="confirmarEnvio()" ; 
document.getElementById("solucion").focus()> 
   

La funcion confirmarEnvio funciona pero no se tiene en cuenta lo del foco , que estoy haciendo mal...Perdona las molestias


Te debo unas cañas...Gracias

[Kaopectate]

Prueba asi:

Código PHP:

  <p align="right">
<input type="button" value="Ver Solucion del Ejemplo"  onClick="javascript:confirmarEnvio(); 
document.getElementById('solucion').focus()"> 
   

Saludos.

[julimirin]

Lo he probado y tampoco funciona..tan solo tiene en cuenta confirmarEnvio ( )...Gracias de todas formas

[caricatos]

Hola julimirin: (hola kao )

¿confirmarEnvio ( ) es parte de algún formulario...?

Tal vez se modifique la dirección o se refresque la página...

Si es así, creo que no sería posible arreglarlo. (tampoco puedo asegurarlo)

Saludos

[Kaopectate]

Hola a ambos.

julimirin, creo que deberías publicar la función confirmarEnvio() para poderte ayudar.

Saludos.

[julimirin]

Creo que no, la funcion confirmarEnvio solo pregunta si desea ver la solucion.. y si pulsa aceptar se muestra la parte oculta de todas formas te incluyo el codigo:

Código PHP:

   
function confirmarEnvio()
{
var acuerdo=confirm("Intenta resolverlo tu mismo. Si quieres seguir, para ver la respuesta pincha en aceptar");
if (acuerdo)
    return document.getElementById('oculto').style.visibility='visible' ; 
    
    
else
    return false ;
} 
   

He intentado poner aqui lo de posicionar el foco pero no soy capaz..perdonar pero estoy muy verde..

GRacias

[caricatos]

Hola otra vez:

Porqué no pruebas a quitar el "return" de la función cierta (me parece que después de un return se anulan las demás instrucciones)...

Saludos

[julimirin]

Nada tronco no funciona..no se que pasa seguire probando...de todas formas tampoco me funciona con el boton cerrar que deberia ocultar el texto de la solucion y
posicionarse en el principio del ejemplo...esto lo he hecho asi por si encontrais algun error:

1 ) creo el id

Código PHP:

  <div id="ejemplo"> Ejemplo</div> 
   

2) Asocio las funciones al evento onclick.

Código PHP:

  <p align="right"> 
<input value="Cerrar Ejemplo" type="button" onclick="document.getElementById('oculto').style.visibility='hidden';
document.getElementById('ejemplo').focus()">
</p> 
   

Otra vez solo me funciona lo de ocultar (antes era mostrar). He probado a quitar lo de ocultar dejando solo lo de posicionar y al pulsar el boton no hace nada...
no se que estoy haciendo mal

Gracias

[caricatos]

Hola:

Parece estar bien, pero al darle el foco a un elemento que no es "editable", podría "no apreciarse nada", aunque tenga el foco... tal vez sea mejor usar anclajes (tag a).
Hay otra forma de ocultar o mostrar datos, y creo que podría tener mejor "efecto visual"... se trata de display=none/block...
para ocultar es display='none', y para mostrar se puede poner "block" o "inline" o "" (nada).

Saludos