0

クリックされたリンクを記録し、クリックされたすべてのリンクをボックスに表示しようとしています。ボックスにページと名前の小さな画像を表示したいと思います。また、ユーザーがページに滞在していた時間を画像の下に表示したいと思います。ボックス内の画像も、そのページへのクリック可能なリンクである必要があります。HTTP cookie と jquery のどちらを使用する必要があるか知っている人はいますか?

私が探していたものに最も近いものはこれです: http://mtrpcic.github.io/pathjs/

(これに関する唯一の問題は、クリックされた HTTP リンクが記録されないことです。)

どんな助けでも大歓迎です！前もって感謝します。

<img src="http://domain.com/image.png" onclick="save_data()" name="server" id="saveServer"/>
<div id='linkList'><script>
var links = [];
function saveLink(that){
    links[links.length] = that.element.src;
    document.getElementById('linkList').innerHTML += that.element.src+"<br>";
}
</script></div>


 <script> function saveData(){ var input = document.getElementById("saveServer"); localStorage.setItem("server", input.value); var storedValue = localStorage.getItem("server"); } 

 </script>

これは正しいですか？

4

1 に答える 1

0

クリックしたリンクを記録するには、必要に応じて 3 つのオプションがあります。

  1. リンクをパラメーターとして onClick イベントで JavaScript 関数を呼び出し、リンクを配列に保存してから、必要な場所で使用します。

  2. リンクをパラメーターとして onClick イベントで JavaScript 関数を呼び出し、リンクを JavaScript ローカル ストレージに保存します (内容がわからない場合は、Google で検索してください)。クライアントがマシンを再起動しても、リンクを表示できます。(localstorage はローカルのデータベースに保存されるため、クライアントがエントリを編集できることを少し知っていれば、必要に応じて役立つかどうかが決まります)

  3. リンクをパラメータとして onClick イベントで JavaScript 関数を呼び出し、ajax リクエストを送信してリンクをデータベースに保存します。アカウント システムが必要です。実装したくない場合は、2 番目のオプションの方が適しています。

別のオプションがあります（私が個人的に使用しています）。ローカルストレージを使用してデータベースに同期すると、ロードと保存が高速になります（うまくいけば）。

例：

<script>
var links = [];
function saveLink(that){
    links[links.length] = that.element.src;
    document.getElementById('linkList').innerHTML += that.element.src+"<br>";
}
</script>
<img src="http://domain.com/image.png" onClick="saveLink(this);" />
<div id='linkList'></div>
于 2013-09-28T23:40:54.813 に答える