1

IP で動作する独自のヒット/クリック カウンターを作成します。

クリック数を表示するには、ボディタグで onload 関数を使用します。例えば：

<body class="homepage" onload="affiche_compteur('compteur1'); affiche_compteur('compteur2');affiche_compteur('compteur3');affiche_compteur('compteur4');affiche_compteur('compteur5');affiche_compteur('compteur6');">

affiche_compteur (フランス語)= display_counter

HTMLページにある各クリックカウンターをonloadで呼び出す必要があります。(ハードコードされた要素に対しては機能しますが、私の場合、HTML ページに存在しない (ハードコードされていない) 準備ができているドキュメントに要素を追加しました)

各カウンターのオンロードを追加することを避けるために、クリック カウンターのすべての ID を取得する方法はありますか?

ここに私のajaxスクリプト：

function getXhr(){
    var xhr = null; 
    if(window.XMLHttpRequest) {         
        xhr = new XMLHttpRequest(); 
    } else if(window.ActiveXObject) {   
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    } else {
           alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
           xhr = false; 
    } 
    return xhr;
};
function affiche_compteur(id_clics)
{
    var xhr = getXhr();
    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200){
            document.getElementById(id_clics).innerHTML = xhr.responseText;
        }
    };
    xhr.open('POST', './compteur/affiche_compteur.php', true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send('compteurId='+id_clics);
}

クリックされた要素の html は次のとおりです。

<div class="element blog " id="_13">
<a class="link" href="/portfolio/dock.html" onclick="gestionClic('compteur13');">
</a>
</div>

<div class="element blog " id="_12">
<a class="link" href="/portfolio/dock.html" onclick="gestionClic('compteur12');">
</a>
</div>

<div class="element blog " id="_11">
<a class="link" href="/portfolio/dock.html" onclick="gestionClic('compteur11');">
</a>
</div>

私の英語でごめんなさい、私はフランス人です。

4

1 に答える 1