Script per emoticons su blogspot

[Mr.TFM]

Per il tag particolari non ci sono problemi, o meglio ci sono perché non so come scriverli (ma questo è il meno) e poi perché vorrei che chi visita il mio blog non debba sapere a memoria i tag.......
Insomma, a parte quei due o tre tipo fff e argh gli altri sono quelli che comunemente si usano in msn, e compagnia bella....

Preferirei quindi lasciarli così......

Eliminando quello incriminato, o rimettendolo, purtroppo sorge quel probema delle mille faccine di cui sopra, che non riesco a capire da cosa diavolo sia causato.............
Mi blocca Safari e Firefox e devo spegnerli in maniera brusca....

La cosa assurda è che è capitato all'improvviso, semplicemente togliendo quella stringa, ma poi anche rimettendola, capitava di nuovo..........
Ora, togliendo dal web il javascript, il blog funziona di nuovo..........

[Rumez]

molto strano..

mi fai vedere il tuo js? non c'è più su web alice..

[Mr.TFM]

Sì, l'ho levato per fare funzionare il blog...

Codice: Seleziona tutto

function replaceText() {

bodyText = document.getElementById("body");
theText = bodyText.innerHTML;
theText = theText.replace(/:-\)/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/01.png" alt=":-)" />');
theText = theText.replace(/:\)/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/01.png" alt=":)" />');
theText = theText.replace(/:-\(/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/02.png" alt=":-(" />');
theText = theText.replace(/:\(/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/02.png" alt=":(" />');
theText = theText.replace(/;\)/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/03.png" alt=";)" />');
theText = theText.replace(/;-\)/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/03.png" alt=";-)" />');
theText = theText.replace(/:D/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/04.png" alt=":D" />');
theText = theText.replace(/:-D/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/04.png" alt=":-D" />');
theText = theText.replace(/:o/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/08.png" alt=":o" />');
theText = theText.replace(/:-o/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/08.png" alt=":-o" />');
theText = theText.replace(/:-p/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/09.png" alt=":-p" />');
theText = theText.replace(/:p/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/09.png" alt=":p" />');
theText = theText.replace(/8-\)/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/10.png" alt="cool" />');
theText = theText.replace(/:|/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/11.png" alt=":|" />');
theText = theText.replace(/:-\|/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/11.png" alt=":-|" />');
theText = theText.replace(/fff/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/06.png" alt="vomitino" />');
theText = theText.replace(/argh/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/07.png" alt="argh" />');
theText = theText.replace(/devil/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/05.png" alt="devil" />');


bodyText.innerHTML = theText;

}

[Rumez]

c'è un piccolissimo errore di sbaglio con la faccina :|

devi sapere che anche il pipe '|' è un carattere speciale per cui per essere utilizzato devi sciverlo con '\' davanti

quindi:

Codice: Seleziona tutto

:-\|

oppure

Codice: Seleziona tutto

:\|

[Mr.TFM]

Ora non crasha più...

Però devo capire perché mi fa ancora questo:





Sarà una roba tipo il cursor:pointer....

[Rumez]

sicuramente..ci sarà qualche combinazione di caratteri che per qualche strano motivo forma una faccina ela funzione di replace ti "rompe" l'html

[Mr.TFM]

Già, purtroppo è in una parte di codice che non posso modificare...

Beh, amen, vorrà dire che farò finta di non vederlo, tanto lo vedo solo io.......

(su opera non lo fa, e su opera carica lo stesso l'emoticon ;) e 8) )

Beh, pazienza...........

Grazie di tutto!

[Rumez]

peccato per questo pseudo baco perché ci poteva stare un articoletto

[Mr.TFM]

peccato per questo pseudo baco perché ci poteva stare un articoletto

Eh, ma dev'essere in quella porzione di codice gestita da Google / Blogspot....

Si potrebbe andare per tentativi e provare a rimuovere qualche emoticon....
Alla fine, magari è uno di quelli che ho aggiunto io........

Ma alla fine potrebbe anche essere questa:

Codice: Seleziona tutto

theText = theText.replace(/:o/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/08.png" alt=":o" />');

Che nello script originale non c'è...

Mo' provo....

[Mr.TFM]

Non era quello, bensì questo:

Codice: Seleziona tutto

theText = theText.replace(/;\)/gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/03.png" alt=";)" />');

Boh, il più usato/banale di tutti........ Strano..........

Vabbè, mi rassegnerò a fare gli occhiolini così ;-)

[Rumez]

se vuoi dammi l'html del blog che ti si presenta quando sei autenticato così ci do un occhio...ho due tre sospetti nella testa..

[Mr.TFM]

Eccoti accontentato!

[Rumez]

come sospettavo..co sono delle funzioni javascript che "casualemente", ma nemmeno tanto, contengono ;)..stringas che come ben sai viene rimpiazzata con un emoticon.

L'idea più intelligente che mi viene in mente e quella di fare il replace non su tutto il body (dove si trovano queste funzioni js) bensì solo nel contenitore (div) dei testi.

Ad un primo sguardo mi pare che il div in questione sia quello con id=main-wrapper

Per cui devi sostituire il js da così:

Codice: Seleziona tutto

bodyText = document.getElementById("body");

a così:

Codice: Seleziona tutto

bodyText = document.getElementById("main-wrapper");

In questo modo andrai ad applicare il replace degli emoticon solo nei testi che inserisci tu..e se tanto mi da tando dovresti riuscire ad utilizzare ogni sorta di emoticons

[Mr.TFM]

Geniale!
Non ci avevo pensato, ma questa potrebbe essere la soluzione più intelligente per risolvere il problema!!!

[Mr.TFM]

Un momento....
Però ho anche dovuto modificare il teg <body> nel template in questo modo:

Codice: Seleziona tutto

<body id="body" onload="replaceText();">

Mi crea qualche problema secondo te?

Ho apportato la modifica senza apparenti problemi....

Ora provo anche a ripristinare gli emoticon che ho tolto (tranne :p)........ edit: Funziona!

[Rumez]

quel pezzettino di codice lo puoi tranquillamente lasciare così..

id="body" vol dire che lo associ ad un identificatore nel foglio di stile con il quale puoi associarci delle propretà..è vero però anche che per il tag body non è necessario mettere un identificatore

la funzione onload la devi lasciare..e va messa nel tag body..sta semplicemte a dire che al caricamento della pagina deve essere lanciata la funzione

[Rumez]

perché :p no?

[Mr.TFM]

perché :p no?

perché con le immagini caricate dal vecchio editor di blogger, mi faceva quel problema con le immagini......

Però, ripensandoci bene, le immagini vengono caricate con un div diverso da main wrapper...

Proviamo!

Edit: C.V.D. il tag :p è da accantonare.......

[Mr.TFM]

Idea: (sempre da prendere col beneficio della mia ignoranza profonda....)

C'è un modo per obbligare lo script a funzionare solo se i tag di richiamo sono inclusi tra due spazi vuoti?

Provo a dire eh!

Codice: Seleziona tutto

theText = theText.replace(/ :p /gi,'<img src="http://www.webalice.it/matteo_terzago/script/Smiley/08.png" alt=":p" />');

Potrebbe funzionare? (ho messo gli spazi ma probabilmente bisognerà inserire un qualche simbolo, suppongo, qualcosa tipo "_")

[Rumez]

porca miseria è quel

Codice: Seleziona tutto

curso:pointer

che rompe le scatole...è una proprietà che che mette l'editor da solo e per caso puoi editarla tu a mano? magari sempre dall'interfaccia dell'editor..