Bienvenido(a), Visitante. Por favor, ingresa o regístrate.

Ingresar con nombre de usuario, contraseña y duración de la sesión

 
Búsqueda Avanzada

15.707 Mensajes en 3.130 Temas- por 371 Usuarios - Último usuario: lasfirrot
Mayo 22, 2012, 07:12:58
Foro de Hispabyte.netDiseño WebHosting y Desarrollo WebHTML / XML / Javascript (Moderador: D4MR0D)Tema: Una de textarea
« anterior próximo »
Páginas: [1]   Ir Abajo
Imprimir
Autor Tema: Una de textarea  (Leído 868 veces)
0 Usuarios y 2 Visitantes están viendo este tema.
Snake172002
Visitante
« : Junio 08, 2004, 11:24:27 »

Mi duda es bien sencilla:
Quiero hacer que al pulsar sobre una imagen, aparezca en un textarea que hay debajo de ella un texto. ?Alguien sabe c?mo podr?a hacerlo?

 1 Saludete y gracias de antemano.
En línea
rings_akira
Miembro Imprescindible
*****
Mensajes: 1.429


Ver Perfil WWW
« Respuesta #1 : Junio 08, 2004, 11:29:05 »
Código:
<img src='foto.jpg' Onclick='eval(nombre.style.display='block'");'>

<td id=nombre style='display:none'>mensaje oculto</td>

Salu2 ^_^

Edit: Perd?n, jsuto despues de psotear me he dado cuenta de lo del textarea  :blink:  si eske a estas horas ya...

de todos modos si cambias las etiketas td por textarea te tendria ke funcionar, lo ke pasa ke hasta ke no clikaras en la imagen no se ver?a el textarea.

Supongo ke habr? alguan otra funci?n ke podras poner en el onclick de la imagen, algo tipo nombre_del_textarear.value='texto ke kieres' pero ahroa mismo no peudo probartelo ni buscartelo porke.. Zzz... Lengua
« Última modificación: Junio 08, 2004, 11:32:05 por rings_akira » En línea
.
Jabber ID: rings_akira@jabber.org

Clive Owen es The Driver Sonrisa
Snake172002
Visitante
« Respuesta #2 : Junio 08, 2004, 11:56:45 »
Código:
<img src="http://snake.tresuvesdobles.com/mgs.gif" Onclick='eval(nombre.style.display='block'");'>

<textarea id=nombre style='display:none'>mensaje oculto</textarea>

 xDD He puesto el c?digo as?, cambiando el td por textarea, y nada, no funciona, ni tampoco de la forma original. Voy m?s perdido que un pato en un matadero......... <_<  
En línea
Xtrogoff
Visitante
« Respuesta #3 : Junio 09, 2004, 03:05:46 »
Algo como esto? http://www.mozilla.org/editor/midasdemo/

Pues mira las siguientes especificaciones:
http://www.mozilla.org/editor/midas-spec.html
En línea
LocK_CDA
Miembro Imprescindible
*****
Mensajes: 574


Ver Perfil
« Respuesta #4 : Junio 09, 2004, 10:44:42 »
Código:
<script language="Javascript">
function mostrar(nombre){
document.getElementById(nombre).style.visibility="visible";
}
function ocultar(nombre){
document.getElementById(nombre).style.visibility="hidden";
}
</script>

<img src="http://snake.tresuvesdobles.com/mgs.gif" onClick="mostrar('capa2');">
<textarea id="capa2" style="position:absolute;width:100;height:100;top:100;left:200;background-color:red;visibility:hidden">Capa 2.<br> Para ocultar la capa deber?as hacer onClick="ocultar('capa2')</textarea>

Si no me equivoco lo que buscas es esto. Un saludo! Gi&ntilde;ar
En línea
rings_akira
Miembro Imprescindible
*****
Mensajes: 1.429


Ver Perfil WWW
« Respuesta #5 : Junio 09, 2004, 12:33:11 »
Ostras ke cagada  :oops:  Me ekivok? al posteartelo snake Lengua

Código:
<img src="foto.jpg" Onclick="eval(nombre.style.display='block');">

<textarea id=nombre style='display:none'>mensaje oculto</textarea>

Eske lo tenia en PHP en una p?gina m?a y hice un copy & paste y claro sobraban cosas o estaban mal puestas al final.

Con esta forma va, en la propuesta de LocK_CDA,
Código:
<textarea id="capa2" style="position:absolute;width:100;height:100;top:100;left:200;background-color:red;visibility:hidden">
de position hasta red; son aspectos gr?ficos, ke sobran (no son necesarios) y despues de visibility:hidden falta un ;

Por lo dem?s es muy parecido a lo ke te suger? yo, pero ?l trabaja con funciones para ocultar y mostrar. En lo ke te he puesto yo solo es para mostrar, si tambi?n te interesa ocultar tendrias ke hacer otro boton otra foto o otro "algo" ke le pusieras Onclick="eval(nombre.style.display='none');"  Es decir lo mismo ke antes pero cambiando el block por none.

Salu2 ^_^
En línea
.
Jabber ID: rings_akira@jabber.org

Clive Owen es The Driver Sonrisa
Snake172002
Visitante
« Respuesta #6 : Junio 09, 2004, 06:12:11 »
Wowh! Cu?nto c?digo xDD. Muchas gracias rings_akira y LocK_CDA, los c?digos que me habeis posteado me han servido de gran ayuda.  Gi&ntilde;ar  
En línea
LocK_CDA
Miembro Imprescindible
*****
Mensajes: 574


Ver Perfil
« Respuesta #7 : Junio 09, 2004, 08:10:27 »
No hay de que Gi&ntilde;ar.

Para cualquier otra cosa no dudes en consultarnoslo. A pesar de ello te aconsejar?a que leyeras algun manual sobre javascript... en desarrolloweb.com puedes encontrarlos muy buenos.

Un saludo!
En línea
rings_akira
Miembro Imprescindible
*****
Mensajes: 1.429


Ver Perfil WWW
« Respuesta #8 : Junio 09, 2004, 09:05:50 »
Citar
A pesar de ello te aconsejar?a que leyeras algun manual sobre javascript... en desarrolloweb.com puedes encontrarlos muy buenos.
Totalmente de acuerdo, de esa web y con la pr?ctica (y alguna ke otra visita a la documentaci?n de php.net XD) he aprendido todo lo ke se de java y php. Fant?stico enlace Gi&ntilde;ar

De nada snake Gi&ntilde;ar

Salu2 ^_^
En línea
.
Jabber ID: rings_akira@jabber.org

Clive Owen es The Driver Sonrisa
LocK_CDA
Miembro Imprescindible
*****
Mensajes: 574


Ver Perfil
« Respuesta #9 : Junio 10, 2004, 02:52:51 »
Ciertamente creo que muchos de nosotros nacimos en desarrolloweb Lengua

A m?s, cabe sumarle que est?n muy a la ?ltima, por lo que es aconsejarble visitarles amenudo.

Un saludo!
En línea
Páginas: [1]   Ir Arriba
Imprimir
Foro de Hispabyte.netDiseño WebHosting y Desarrollo WebHTML / XML / Javascript (Moderador: D4MR0D)Tema: Una de textarea « anterior próximo »
Ir a:  


Tema diseñado por RJ-45 para Hispabyte.net basado en el
theme famouspadexx v.09 designed by Formado Comprido
Downloable here. My present to padexx.de