0

これはおそらく単純な問題ですが、私は JS に詳しくありません。コメント評価プラグインでWordpressを使用して、コメントの2つのループを表示しています.1つは「親指」評価でソートされ、2番目は標準順序でソートされています。

問題：

標準セクションのコメントの横にある親指をクリックすると、サイトのコードで最初に呼び出されるため、評価セクションのコメントに投票が追加されます。標準セクション評価ボックスは、ページが更新されるまで更新されません。

予想されること: 投票がクリックされると、同じコメントの評価が評価と標準ループの両方のセクションで更新される必要があります。

コード：

function ckratingcreateXMLHttpRequest(){
var xmlhttp = null;
try {
    // Moz supports XMLHttpRequest. IE uses ActiveX.
    // browser detction is bad. object detection works for any browser
    xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
    // browser doesn’t support ajax. handle however you want
    //document.getElementById("errormsg").innerHTML = "Your browser doesnt support XMLHttpRequest.";
    // This won't help ordinary users.  Turned off
    // alert("Your browser does not support the XMLHttpRequest Object!");
}
return xmlhttp; }
var ckratingXhr = ckratingcreateXMLHttpRequest();

 function ckratingKarma(id, action, path, imgIndex){
ckratingXhr.open('get', 'http\://'+ path +'ck-processkarma.php?id='+ id +'&action='+ action +'&path='+ path +'&imgIndex='+imgIndex);
ckratingXhr.onreadystatechange = ckratingHandleResponse;
ckratingXhr.send(null);
}

function ckratingHandleResponse(){
if(ckratingXhr.readyState == 4){
    var response = ckratingXhr.responseText.split('|');       
    if(response[0] == 'done'){
        if(response[1]){
            //Changes the thumbs to dull gray and disable the action
            if (response[4] == 'down') {
              if ( document.getElementById("down-"+response[1]) != null ) { 
                  document.getElementById("down-"+response[1]).src = "http://"+response[3]+'images/'+response[6]+'checkmark.png';

              }
            }
            else {
              if ( document.getElementById("down-"+response[1]) != null ) {
                  document.getElementById("down-"+response[1]).src = "http://"+response[3]+'images/'+response[6]+'gray_down.png';
              }
            }
            if ( document.getElementById("down-"+response[1]) != null ) {
               document.getElementById("down-"+response[1]).onclick    = '';
            }
            if (response[4] == 'up') {
               if ( document.getElementById("up-"+response[1]) != null ) {
                  document.getElementById("up-"+response[1]).src   = "http://"+response[3]+'images/'+response[6]+'checkmark.png';
               }
            }
            else {
               if ( document.getElementById("up-"+response[1]) != null ) {
                  document.getElementById("up-"+response[1]).src   = "http://"+response[3]+'images/'+response[6]+'gray_up.png';
               }
            }
            if ( document.getElementById("up-"+response[1]) != null ) {
               document.getElementById("up-"+response[1]).onclick      = '';
            }
            //Update the karma number display
            if(!response[2]){
                alert("Response has no value");
            }
            var karmanumber = response[2];
            //The below line is commented out because there is no karma number atm.
            if (document.getElementById("karma-"+response[1]+"-"+response[4]) != null) {
               document.getElementById("karma-"+response[1]+"-"+response[4]).innerHTML = karmanumber;
            }
            // deal with the single value total
            if (document.getElementById("karma-"+response[1]+"-total") != null) {
               document.getElementById("karma-"+response[1]+"-total").innerHTML = response[5];
            }
        } else {
            alert("WTF ?");
        }
    }
    else if(response[0] == 'error')
    {
        var error = 'Error: '+response[1];
        alert(error);
    } else {
       /*  This causes unnecessary error messages when the icon
        *  is double clicked.
           alert("Reponse: "+response[0]);
        alert("Karma not changed, please try again later.");
        */
    }
}
}

var crToggleComment = 0;

function crSwitchDisplay(id) {
if (crToggleComment % 2 == 0) { crShowdiv(id); }
else { crHidediv(id); }
crToggleComment++;
}

// hide <div id='a2' style="display:none;"> tagged div ID blocks
function crHidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
    document.getElementById(id).style.display = 'none';
}
else {
    if (document.layers) { // Netscape 4
        document.id.display = 'none';
    }
    else { // IE 4
        document.all.id.style.display = 'none';
    }
}
}

// show <div id='a2' style="display:none;"> tagged div ID blocks
// <a href="javascript:crShowdiv('a2');">show a2</a>

function crShowdiv(id) {
//safe function to show an element with a specified id

if (document.getElementById) { // DOM3 = IE5, NS6
    document.getElementById(id).style.display = 'block';
}
else {
    if (document.layers) { // Netscape 4
        document.id.display = 'block';
    }
    else { // IE 4
        document.all.id.style.display = 'block';
    }
}
}
4

2 に答える 2

1

DOM では、ID は一意である必要があります。同じ ID を持つ 2 つの要素を持つことはできません。タイトルが示すように、この場合、getElementById 関数が最初の要素を取得します。

ID-standard、ID-rated などの表記を使用するか、jQuery とそのセレクターを使用することができます

于 2013-05-04T12:21:55.087 に答える