初心者のため、もしお分かりでしたらご教示頂ければ幸いです。
以下の記述にこのような onclick属性を追加したいと思っております。
Google Analyticsのイベントトラッキングを計測するためのものです。
onClick="_gaq.push(['_trackEvent', 'top', 'head_banner', 'top__head_banner_zzzzzzz']);"
各リンク先にそれぞれ設定するためには、どのように記述すればよろしいのでしょうか。
$(function()
{$("#showcase").showcase
({images:
[ { url: "http://www.111.jp/111.jpg", description: "テスト", link: "http://www.aaa.jp", target:"_top"},
{ url: "http://www.111.jp/222.jpg", description: "テスト", link: "http://www.bbb.jp", target:"_top"},
{ url: "http://www.111.jp/333.jpg", description: "テスト", link: "http://www.ccc.jp", target:"_top"},
],
<---中略--->
});
});
すみませんが何卒宜しくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
なんかのライブラリを使用しているのだろうけれど、よくわからないので、回答になってませんが。
「showcase」を手掛かりに探してみると、
こんなのとか
http://dev.victorstanciu.ro/experimente/prototyp …
こんなのとか
http://www.recoding.it/Demos/jQuery/Showcase/Doc …
あるいは、こんなのも (笑)
http://archiva.jp/web/javascript/simple-showcase …
$を使っているので、prototypeかjQueryあたりなのかも知れませんが、他にもshowcaseがあるのかも知れないのでライブラリに頼らない方法を…
DOMの構成が最終的に以下となると仮定して、
<div id="showcase">
<div id="slider">
<a ><img></a>
・・・・・・
</div>
</div>
(↑のjqueryの場合の構成を模しています)
/*@cc_on@*/
document./*@if(1)attachEvent('on'+@else@*/addEventListener(/*@end @*/'click',function(e){
var p, t = e.target || e.srcElement;
if(t.nodeName != "IMG") return;
if(p=t.parentNode) p = p.parentNode;
if(p && p.id == "slider" && p.parentNode.id == "showcase") clickFunc.call(t, e);
}, false);
function clickFunc(e){
alert(this.nodeName + " is clicked");
}
で、クリックを取得可能です。
(DOM構成が違う場合は、チェック内容を修正の要あり)
もっとも、jQeuryベースのものだったら
$(function(){
$("#showcase #slider img").click(function(e){
clickFunc.call(this, e);
});
});
で、ほぼ同様のことが可能になりますけど。
とはいうものの、idを重ねるのはお馬鹿っぽいので省いたほうがよろしいかとは思いますが。
(文書構造が正しく作成される保証があるのか不明なので、とりあえずこのような書き方に…)
*) _gaq.push()のパラメータに関しては知りませんので、そちらの方はちゃんと設定してあげてください。
>各リンク先にそれぞれ設定するためには、
>どのように記述すればよろしいのでしょうか。
あれっ?
「各リンク先」って、もしかしてリンクした先から_gaq.push()を呼び出したいってことなのかなぁ?
それは、各リンク先に記述するべきでは?
これ以上は、エスパーの登場に期待!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- その他(プログラミング・Web制作) .htaccessの設定で、httpはhttpsに、且つ、wwwありに統一、の記述方法 2 2023/06/22 10:54
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- JavaScript 画像の表示位置 3 2022/12/23 08:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラムについて。
-
スマホ上で、左右スワイプで次...
-
初心者です。gulpでコンパイル...
-
プログラムがうまく動きません...
-
jsで質問です。 displayプロパ...
-
【Google Apps Script】「ライ...
-
console.logがどうしても2つ機...
-
指定時間になったら、WEBサイト...
-
Googleフォームで選択肢に応じ...
-
セレクトを全て選択されていな...
-
イラストレーター、縦中横のシ...
-
sessionStorageを調べています。
-
コードレビューをお願いします。
-
セレクトボックスで配列を呼び...
-
jsで、配列内の文章を改行する...
-
jQueryで同じクラス名のものを...
-
HTMLタグに複数のクラスを設定...
-
コードレビューをお願いします。
-
IndexedDB を使ってファイルア...
-
画面遷移を行わずに同一ページ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報