Foros del Web » Programando para Internet » Javascript »

imagenes en iframe

Estas en el tema de imagenes en iframe en el foro de Javascript en Foros del Web. Estoy haciendo un foro en php... y quiero que donde edito el mensaje pueda ingresar una imagen, lo hago pero solo al final, deseo entonces ...
  #1 (permalink)  
Antiguo 26/05/2004, 08:12
Avatar de Salome  
Fecha de Ingreso: noviembre-2002
Ubicación: Colombia
Mensajes: 1.032
Antigüedad: 22 años, 4 meses
Puntos: 1
imagenes en iframe

Estoy haciendo un foro en php... y quiero que donde edito el mensaje pueda ingresar una imagen, lo hago pero solo al final, deseo entonces que cuando el puntero este ubicado en cualquier posición de texto ahí sea donde se ingrese la imagen.

un saludo...
  #2 (permalink)  
Antiguo 26/05/2004, 09:59
O_O
 
Fecha de Ingreso: enero-2002
Ubicación: Santiago - Chile
Mensajes: 34.417
Antigüedad: 23 años, 2 meses
Puntos: 129
Pero .. esa "imagen" como pretendes insertarla entre tu texto?

Tal vez con algún tipo de "tag" própio como hacen estos foros por ejemplo:

[img ] imagen.tal[/img ]

O algún editor visual (DHTML) tipo:

FCKeditor
http://www.fredck.com/FCKeditor/Demo/

Un saludo,
__________________
Por motivos personales ya no puedo estar con Uds. Fue grato haber compartido todos estos años. Igualmente los seguiré leyendo.
  #3 (permalink)  
Antiguo 26/05/2004, 10:03
Avatar de Salome  
Fecha de Ingreso: noviembre-2002
Ubicación: Colombia
Mensajes: 1.032
Antigüedad: 22 años, 4 meses
Puntos: 1
estamos utilizando un tag similar a [img ] imagen.tal[/img ]
en el momento de visualizar lo que se edito, reemplazamos este tag por un tag bien formado de una imagen en un htm...

el cuento es que ella se inserta y se visualiza bien... pero lo hace al final del texto.. no en la posición donde este el cursor... como hacer para que se inserte donde deseamos?? donde este el cursor..??
  #4 (permalink)  
Antiguo 26/05/2004, 10:59
O_O
 
Fecha de Ingreso: enero-2002
Ubicación: Santiago - Chile
Mensajes: 34.417
Antigüedad: 23 años, 2 meses
Puntos: 129
Pero .. si hablas de "cursor" .. la solución es de parte de Javascript no de PHP ..

Ten presente que ese "tag" si lo llamas desde un objeto de formulario/link de tu página .. lo estás "insertando" su resultado (tal vez una ventanita de input de javascript? para pedir ese dato?) .. en el "cliente" (navegador -> pagina -> formulario -> campo "textarea" concreto).

Así que .. mejor será que pongas el código que usas para hacer eso y tu formulario (para ver el nombre del formulario y campo de "textarea") y de paso mover la pregunta al foro de Javascript.

Un saludo,
__________________
Por motivos personales ya no puedo estar con Uds. Fue grato haber compartido todos estos años. Igualmente los seguiré leyendo.
  #5 (permalink)  
Antiguo 26/05/2004, 11:57
Avatar de Salome  
Fecha de Ingreso: noviembre-2002
Ubicación: Colombia
Mensajes: 1.032
Antigüedad: 22 años, 4 meses
Puntos: 1
ok entonces asi va el asunto:

Como te decia anteriormente, para insertar una imagen estamos ingresando un tag que me identifica la imagen, este tag lo insertamos por medio de una ventana emergente que nos permite consultar todas las imagenes que estan disponibles en el servidor y al seleccionar alguna insertamos el tag al final del texto.

El problema que tenemos es que al llamar la ventana de selección, la ventana donde estamos editando ya no tiene el control y es ahi donde perdemos el control de la aplicación.

Entonces como hacemos para guardar la posición del "cursor" antes de llamar la ventana emergente y que asi la imagen quede justo donde queremos! que no sea siempre al final del texto o lo que estemos editando.

Un saludo...
  #6 (permalink)  
Antiguo 27/05/2004, 17:46
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 11 meses
Puntos: 1284
Hola Salome:

Creo que lo que quieres es lo que tengo en mi libro de visitas...
Puedes verlo aquí: http://www.pepemolina.com/visitas/comentarios.php, hay que pinchar en el enlace que hay en el recuadro rosa para que aparezca la ventana de edición.

Si crees que te puede servir, avisa para que te indique como va.

Saludos
  #7 (permalink)  
Antiguo 28/05/2004, 07:11
Avatar de Salome  
Fecha de Ingreso: noviembre-2002
Ubicación: Colombia
Mensajes: 1.032
Antigüedad: 22 años, 4 meses
Puntos: 1
Diosssssssss miooooooooooooo.... por fin!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

eso es lo que estamos buscando, insertar la imagen en cualquier lugar del contenido... es perfecto!!!! y ahora como puedes colaborarnos!! como le hacemos... ....mmmm sobra darte las gracias y decirte que es URGENTE

Ahhhh por cierto, no logramos enviar un super mensaje en tu libro de visitas porque esta deshabilitada la opción de "enviar opinión"....
  #8 (permalink)  
Antiguo 28/05/2004, 08:01
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 11 meses
Puntos: 1284


Me alegro que sea lo que necesitas, y espero poder ayudarte a adaptarlo a tu sitio...

El fichero javascript está aquí: http://www.pepemolina.com/visitas/editor.js
Tienes que poner un enlace en la cabecera de la página (head) y en el evento onload del body inicializar el textarea donde lo vayas a usar: onload="formu = ini_editor(document.forms.editar.opine);"
formu tendría que ser una variable definida en el head (var formu;) sin asignarle ningún valor para que se considere una variable global...

Por último, a la hora de insertar cosas en el textarea tienes que usar la función _insertar(formu, cosa) (formu es el textarea ya inicializado y cosa lo que quieras insertar)

Por último, está la función _lector() que devuelve el texto seleccionado (si lo hay)

Bueno, si necesitas más ayuda no dudes en consultar.

Saludos

P.D: Gracias por avisar de la opción deshabilitada... ya sabes... en fase de pruebas me ahorra borrar muchas cosas...
  #9 (permalink)  
Antiguo 31/05/2004, 07:21
Avatar de Salome  
Fecha de Ingreso: noviembre-2002
Ubicación: Colombia
Mensajes: 1.032
Antigüedad: 22 años, 4 meses
Puntos: 1
mmm realizamos la prueba con el código que recibimos y las instrucciones...

Capturamos un objeto javascript con la variable global formu pero, realmente no entendimos como utilizar este objeto para ingresar la imagen...

ciao...
  #10 (permalink)  
Antiguo 31/05/2004, 08:03
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 11 meses
Puntos: 1284
Hola otra vez:

Puse una explicación del script en esta página: http://www.pepemolina.com/editor/editor.html
Pero lo que tienes que saber es que lo que se inserta es texto llano que luego hay que procesarlo...

Deberías mirar las FAQs de javascript, donde hay información (busca insertar emoticones)...

La cuastión es que con la librería tienes que usar la función _insertar(formu, dato) donde dato es loa que quieres insertar...

Luego, al procesar el texto del textarea tienes que reemplazar el cada ocurrencia del texto insertado por un tag img (bien escrito) de la imagen...

Si necesitas ir paso a paso, avisa, y verás como consigues tu propósito.

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:44.