Foros del Web » Programando para Internet » Javascript »

Sustituir cadena de texto por codigo html

Estas en el tema de Sustituir cadena de texto por codigo html en el foro de Javascript en Foros del Web. Como hago para que cada vez que se escriba una cadena de texto dentro de un div, esta se reemplace por un codigo html? Seria ...
  #1 (permalink)  
Antiguo 27/02/2011, 21:22
Avatar de AlejandroMtzRmz  
Fecha de Ingreso: febrero-2011
Mensajes: 81
Antigüedad: 13 años, 2 meses
Puntos: 4
Pregunta Sustituir cadena de texto por codigo html

Como hago para que cada vez que se escriba una cadena de texto dentro de un div, esta se reemplace por un codigo html? Seria algo como:

Código Javascript:
Ver original
  1. function sustituir(){
  2.  
  3. var elDiv = document.getElementById('miDiv');
  4. var cadena1 = "<div id="blablabla"></div>";
  5. var otraCadena = "cualquier codigo html";
  6.  
  7. //aqui el codigo de la funcion
  8.  
  9. }

Pero como hago para que cada vez que escriba cadena1 u otraCadena dentro de miDiv se sustituya respectivamente?
  #2 (permalink)  
Antiguo 27/02/2011, 23:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Sustituir cadena de texto por codigo html

Hola:

Para escribir algo deberá existir un control de un formulario o se puede usar la ventana modal propmpt... luego puedes usar innerHTML

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 28/02/2011, 16:26
Avatar de AlejandroMtzRmz  
Fecha de Ingreso: febrero-2011
Mensajes: 81
Antigüedad: 13 años, 2 meses
Puntos: 4
Respuesta: Sustituir cadena de texto por codigo html

mmmm no, creo que me explique bien; en mi codigo cada vez que este la palabra "cadena1" o "otraCadena" se deben sustituir por algun codigo html especificado en las variables de nada me serviria el promt, este codigo lo quiero para facilitarme el trabajo y hacer mas legible mi codigo de fuente
  #4 (permalink)  
Antiguo 28/02/2011, 16:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Sustituir cadena de texto por codigo html

Hola:

¿Dónde piensas escribir...?
¡Tal vez en el body !

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 28/02/2011, 16:51
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Sustituir cadena de texto por codigo html

A ver si te sirve esto:
Código Javascript:
Ver original
  1. function reemplazarHTML(donde, como){
  2.  var obj = document.getElementById(donde);
  3.  for(i in como){
  4.   obj.innerHTML = obj.innerHTML.replace(new RegExp(i, 'gi'), como[i]);
  5.  }
  6. }
  7. document.getElementById('div').onclick = function(){
  8.  reemplazarHTML('div', {
  9.   'cosa' : '<div style="color:green; background:#00f; border: 1px solid #0fc;">Texto</div>'
  10.  });
  11. }
Código HTML:
Ver original
  1. <div id='div'>
  2. Texto
  3. </div>
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #6 (permalink)  
Antiguo 28/02/2011, 18:23
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Sustituir cadena de texto por codigo html

buenas...

si bien entiendo, parece que quieres hacer expansion de simbolos, tokens o variables. algo parecido como php hace con las variables dentro de un string.
Código PHP:
$var 'string';
echo 
"el valor de \$var es '$var'"
ahi @cronos te mostro una forma. lo unico que cambiaria es integrarle un formato particular para que la funcion no reemplace accidentalmente las palabras cuando no sea la intencion. por decir un ejemplo, si el contenido tiene la palabra carro y el objeto tiene la propiedad carro, donde quiera que encuentre dicha palabra sera reemplazada por el valor de la propiedad. pero puede darse el caso que la palabra en si es parte del contenido. un ejemplo de como lo haria seria delimitando las palabras a reemplazar con otros caracteres. siguiendo el mismo ejemplo, {carro}.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #7 (permalink)  
Antiguo 08/03/2011, 18:23
Avatar de AlejandroMtzRmz  
Fecha de Ingreso: febrero-2011
Mensajes: 81
Antigüedad: 13 años, 2 meses
Puntos: 4
Respuesta: Sustituir cadena de texto por codigo html

Gracias _cronos2 !! me sirvio a la perfeccion tu ejemplo

Etiquetas: html, sustituir, cadenas
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 02:45.