I'm creating a script that will replace text smilies like ;) :) :D etc.
It's working fine, but each time a page loads, it makes my browser freeze for about 5 seconds, then it loads all the smilies.
How can I make my script run faster without making my browser hang?
I have already converted the images to data:uris.
<pre>
<code>
//--- Images ---
var tongue = "data:image/gifAAAAAAACa0GEQSU4YB1TWgIA ...";
var happy = "data:image/gif;base64,R0lGODlhEQARALMAABy+ASTTAiXWAi ...";
var lol = "data:image/gif;base64,R0lGODlhEQARALMAABy+ ...";
var wink = "data:image/gif;base64,R0lGODlhEQARALMAABy+AQCZACTTAi ...";
var sad = "data:image/gif;base64,R0lGODlhEQARALMAABy+AQAzACHLAiT ...";
var blush = "data:image/gif;base64,R0lGODlh ...";
var angry = "data:image/gif;base64,R0lGODlhEQARANUAAB7JAR ...";
var tears = "data:image/gif;base64,R0lGODlhEQARANUAA ...";
var stunned = "data:image/gif;base64,R0lGODlhEQARALMAACDIARawARWt ...";
var cool = "data:image/gif;base64,R0lGODlhEQARANUAAAAAAAAB ...";
var yawn = "data:image/gif;base64,R0lGODlhEQARANUAAAAAA ...";
var ill = "data:image/gif;base64,R0lGODlhEQARALMAAAAAAEqZAEudAE+iAFK ...";
var confused = "data:image/gif;base64,R0lGODlhEQARANUAAB7J ...";
var love = "data:image/gif;base64,R0lGODlhEQARANUAACXXA ...";
var mean = "data:image/gif;base64,R0lGODlhEQARANUAAAIAA ...";
var glad = "data:image/gif;base64,R0lGODlhEQARANUAAAI ...";
//--- Functions ---
function replaceSmilie(smilie, surl)
{
var reptext = new RegExp(smilie, "gi");
document.body.innerHTML = document.body.innerHTML.replace(reptext, "<img src='" + surl + "' height='17' width='17' align='center' style='border:none;' />");
}
//--- Replace ---
/*
replaceSmilie(":\\)", happy);
replaceSmilie(";\\)", wink);
replaceSmilie(":P", tongue);
replaceSmilie(":\\(", sad);
replaceSmilie("8o", stunned);
replaceSmilie("80", stunned);
replaceSmilie(":o", stunned);
replaceSmilie("\\*cool\\*", cool);
replaceSmilie("\\*yawn\\*", yawn);
replaceSmilie("\\*ill\\*", "ill");
replaceSmilie("\\*angry\\*", angry);
replaceSmilie("\\*mad\\*", angry);
replaceSmilie("\\*sad\\*", tears);
replaceSmilie("\\*cry\\*", tears);
replaceSmilie("\\*tears\\*", tears);
replaceSmilie(":'\\(", tears);
replaceSmilie(":D", lol);
replaceSmilie("\\*blush\\*", blush);
replaceSmilie("\\*confused\\*", confused);
replaceSmilie("\\*love\\*", love);
replaceSmilie("\\*mean\\*", mean);
replaceSmilie("\\*glad\\*", glad);
</code>
</pre>
<p>I'm creating a script that will replace text smilies like ;) :) :D etc.</p>
<p>It's working fine, but each time a page loads, it makes my browser freeze for about 5 seconds, then it loads all the smilies.</p>
<p>How can I make my script run faster without making my browser hang?</p>
<p>I have already converted the images to data:uris.
<br /><pre>
<code>
//--- Images ---
var tongue = "data:image/gifAAAAAAACa0GEQSU4YB1TWgIA ...";
var happy = "data:image/gif;base64,R0lGODlhEQARALMAABy+ASTTAiXWAi ...";
var lol = "data:image/gif;base64,R0lGODlhEQARALMAABy+ ...";
var wink = "data:image/gif;base64,R0lGODlhEQARALMAABy+AQCZACTTAi ...";
var sad = "data:image/gif;base64,R0lGODlhEQARALMAABy+AQAzACHLAiT ...";
var blush = "data:image/gif;base64,R0lGODlh ...";
var angry = "data:image/gif;base64,R0lGODlhEQARANUAAB7JAR ...";
var tears = "data:image/gif;base64,R0lGODlhEQARANUAA ...";
var stunned = "data:image/gif;base64,R0lGODlhEQARALMAACDIARawARWt ...";
var cool = "data:image/gif;base64,R0lGODlhEQARANUAAAAAAAAB ...";
var yawn = "data:image/gif;base64,R0lGODlhEQARANUAAAAAA ...";
var ill = "data:image/gif;base64,R0lGODlhEQARALMAAAAAAEqZAEudAE+iAFK ...";
var confused = "data:image/gif;base64,R0lGODlhEQARANUAAB7J ...";
var love = "data:image/gif;base64,R0lGODlhEQARANUAACXXA ...";
var mean = "data:image/gif;base64,R0lGODlhEQARANUAAAIAA ...";
var glad = "data:image/gif;base64,R0lGODlhEQARANUAAAI ...";
//--- Functions ---
function replaceSmilie(smilie, surl)
{
var reptext = new RegExp(smilie, "gi");
document.body.innerHTML = document.body.innerHTML.replace(reptext, "<img src="">");
}
//--- Replace ---
/*
replaceSmilie(":\\)", happy);
replaceSmilie(";\\)", wink);
replaceSmilie(":P", tongue);
replaceSmilie(":\\(", sad);
replaceSmilie("8o", stunned);
replaceSmilie("80", stunned);
replaceSmilie(":o", stunned);
replaceSmilie("\\*cool\\*", cool);
replaceSmilie("\\*yawn\\*", yawn);
replaceSmilie("\\*ill\\*", "ill");
replaceSmilie("\\*angry\\*", angry);
replaceSmilie("\\*mad\\*", angry);
replaceSmilie("\\*sad\\*", tears);
replaceSmilie("\\*cry\\*", tears);
replaceSmilie("\\*tears\\*", tears);
replaceSmilie(":'\\(", tears);
replaceSmilie(":D", lol);
replaceSmilie("\\*blush\\*", blush);
replaceSmilie("\\*confused\\*", confused);
replaceSmilie("\\*love\\*", love);
replaceSmilie("\\*mean\\*", mean);
replaceSmilie("\\*glad\\*", glad);
</code>
</pre></p>
2008-07-18T23:21:57Z
1
Forum
10714
2852
2008-07-18T23:25:39Z
39648