COMO REMPLAZAR UNA PALABARA POR UNA IMAGEN

Citar

Escrito el 09 Jul 2013 04:19 am

ES QUE QUIERO CAMBIAR UNA PALABRA POR UNA IMAGEN UN EJEMPLO:
EL TEXTO ESTE

Código :

    :lol:

POR ESTE
:lol:

ESPERO ME HAYA EXPLICADO ...........

AYUDA ME URGE :oops:

Por arcangel1995

88 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

Estudiante programador interesado en aprender

@angelgarcia77i8

Citar

Escrito el 09 Jul 2013 01:59 pm

..mmmmmmm Su pongo que debes hacer buscar con una expresión regular el texto en el HTML, y hacer un "remplazar", por código HTML. Ahora, ese es el metodo en JQuery, sin embargo yo lo haria desde servidor. es decir cuando el servidor haga el ejercicio de procesar la petición hecha por el usuario, esa cadena "String", tenga un convertidor por esos iconos, imágenes o emoticones, y cuando se fusione con las plantillas se podrán ver los emoticones.

La verdad no es complicado, solo es un remplazo y ya. Es algo asi

Código :

var MiPost;
MiPost.remplace( "LOL", "<img scr='imgs/lol.gif' alt='LOL'\>" )

Claro puedes colocarle muchisimos, emoticones

Por alejonext

Claber

235 de clabLevel

2 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

artista

@alejonext

Citar

Escrito el 09 Jul 2013 07:40 pm

alejonext escribió:

..mmmmmmm Su pongo que debes hacer buscar con una expresión regular el texto en el HTML, y hacer un "remplazar", por código HTML. Ahora, ese es el metodo en JQuery, sin embargo yo lo haria desde servidor. es decir cuando el servidor haga el ejercicio de procesar la petición hecha por el usuario, esa cadena "String", tenga un convertidor por esos iconos, imágenes o emoticones, y cuando se fusione con las plantillas se podrán ver los emoticones.

La verdad no es complicado, solo es un remplazo y ya. Es algo asi

Código :

var MiPost;
MiPost.remplace( "LOL", "<img scr='imgs/lol.gif' alt='LOL'\>" )

Claro puedes colocarle muchisimos, emoticones

CLARO muy buen aporte . . . creo que me falto un poco mas por aprender

Por arcangel1995

88 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

Estudiante programador interesado en aprender

@angelgarcia77i8

Citar

Escrito el 09 Jul 2013 09:28 pm

Bueno te montare un ejemplo por Jquery y en CSS
En el HTML tenemos varios textos a modificar

Código HTML :

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  </head>
  <body>
    <div>LOL</div>
    <div>George Martin</div>
    <div>Malcom John Sinclair LOL</div>
    <div>J. Ohn</div>
  </body>
</html>

En JavaScript con Jquery

Código Javascript :

// En el Javascript con Jquery
var myDiv = $("div:contains('John')");
var myText = myDiv.text();
myText.remplace( "LOL", "<img scr='imgs/lol.gif' alt='LOL'\>" );
myDiv.text( myText );

En CSS (No se si sirva)

Código CSS :

div {
 text-replace: "LOL" "<img scr='imgs/lol.gif' alt='LOL'\>"; 
}

Por alejonext

Claber

235 de clabLevel

2 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

artista

@alejonext

COMO REMPLAZAR UNA PALABARA POR UNA IMAGEN

Escribe una respuesta rapida