文字列を文字列としてスマイルを解析し、スマイリーを順番に表示する

Question

私はいくつかの提案をチェックしましたが、テキスト中にスマイリーを順番に保つことに関連するものは見つかりませんでした。

私の状況は、文字列がphpからjs（ajax経由）で完璧であることです。そして、それは以下のこの関数に渡されます。この時点で、文字列は、私はIEのテキストスマイリーテキストスマイリー

たい。しかし、それはJSを出て取得するときに、それはスマイリーテキスト

をスマイリーするために変更HTMLにという順である。この

hello this is a test <a href="javascript:void(0);"><img onclick="addcodesmiley('newmessage',':cry:');return false;" class="smileyeach" src="https://example.com/ow_static/plugins/chat/images/icon_cry.gif" alt="cry" /></a> of the smokey bear <a href="javascript:void(0);"><img onclick="addcodesmiley('newmessage',':mad:');return false;" class="smileyeach" src="https://example.com/ow_static/plugins/chat/images/icon_mad.gif" alt="mad" /></a> ok then 

のように見えます

私の読んだところでは、innerHTMLを使っていないので、innerHTMLを使うことと関係があると思います。私は、DOMとjqueryを使って解析することについては別名を読みましたが、正直なところ、問題があるかどうかはわかりません。ここで私の尻尾を追いかけてしまいます。

ここでは、関数imはデータをhtmlにポストするために使用します。この段階でも、正しい順序です。そして、（）（）テキストに変更する順序以外に、他のすべてはうまく動作します。

なぜ注文が変わるのですか？それを修正する方法を学ぶために私は何を調べますか？

function postchat(userinfo, mess, thetime) 
    { 

    /* create the dynamic table cells */ 
    var chattable = document.getElementById("showChat"); 
    var row = chattable.insertRow(0); 
    var userdat = row.insertCell(0); 
    var umsg = row.insertCell(1); 
    var mtim = row.insertCell(2); 

    /* load the cells */ 
    userdat.innerHTML = userinfo; 
    umsg.innerHTML = mess; 
    mtim.innerHTML = thetime; 

    /* set the class for cells */ 
    userdat.className = 'uinfo'; 
    umsg.className = 'mess'; 
    mtim.className = 'when'; 

    /* move scroll bar down with text */ 
    updateScroll(); 

}//close function postchat 

ありがとう;）

Answer 1

問題は、それがテーブル内の最初のセルが

.uinfo { 
    width:20%; 
    padding-left: 0px; 
    text-align: left; 
} 

のクラスを持っていたアバターとユーザ名である私のCSSに

た解決私が最初にこれを設定したとき、私はアバターをちょっと押してみたかったので、追加しました。

img { 
float: left; 
padding-left: 5px; 
padding-right: 5px; 
} 

これは最初のセルに限らず、すべての画像に...私がスマイリーを追加したとき、私は入ることを忘れて、そのセルだけに制限しました。

はので、私はちょうど解決この​​

.uinfo img { 
float: left; 
padding-left: 5px; 
padding-right: 5px; 
} 

問題にそれを変更しなければならなかった......答えは箱の外だったと私は解決策として、CSSとは見なされません。主に私の頭が昔になっているので、CSSがHTMLに入っていて、それを見ていないときは私はそれについて考えるのではないと思います。もっと頭がいって、私はここで教訓を学んだ。