blob: 4db210e5ae1802e105cae8da156c94590ffaf1da (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
<div id="ignoreInteraction1" data-track-content>
<a href="http://www.example.com" class="piwikContentTarget piwikContentIgnoreInteraction">Link</a>
</div>
<div id="ignoreInteraction2" data-track-content>
<a href="http://www.example.com" class="piwikContentTarget" data-content-ignoreinteraction>Link</a>
</div>
<!-- targetNode in this example is the content block node -->
<div id="ignoreInteraction3" data-track-content data-content-ignoreinteraction>
<a href="http://www.example.com">Link</a>
</div>
<!-- targetNode in this example is the content block node -->
<div id="ignoreInteraction4" data-track-content class="piwikContentIgnoreInteraction">
<a href="http://www.example.com">Link</a>
</div>
<div id="notIgnoreInteraction1" data-track-content>
<a href="http://www.example.com" class="piwikContentTarget">Link</a>
</div>
<!-- Will not be ignored since set on wrong element, has to be set on content target node -->
<div id="notIgnoreInteraction2" data-track-content data-content-ignoreinteraction class="piwikContentIgnoreInteraction">
<a href="http://www.example.com" class="piwikContentTarget">Link</a>
</div>
<!-- test to make sure only clicked elements within target node are authorized -->
<!-- authorized because content block is target and a link is within -->
<div id="authorized1" data-track-content>
<a id="authorized1_1" href="http://www.example.com">Link</a>
</div>
<!-- authorized because span is within target -->
<div id="authorized2" data-track-content>
<a href="http://www.example.com" data-content-target id="authorized2_1">Link<span id="authorized2_2"></span></a>
</div>
<!-- not authorized because span is not in target -->
<div id="authorized3" data-track-content>
<span id="authorized3_1"></span>
<a href="http://www.example.com" data-content-target id="authorized3_2">Link</a>
</div>
<a href="http://www.example.com" id="aLinkToBeChanged">Link</a>
<div class="media">
<div id="mediaDiv" src="test/img.jpg"/>
<img id="mediaImg" src="test/img.jpg"/>
<video id="mediaVideo" width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<audio id="mediaAudio" controls>
<source src="audio.ogg" type="audio/ogg">
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<embed id="mediaEmbed" src="embed.swf">
<object id="mediaObjectSimple" width="400" height="400" data="objectSimple.swf"></object>
<object id="mediaObjectParam" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550"
height="400" id="movie_name" align="middle">
<param name="anything" value="anyvalue"/>
<param name="movie" value="movie_param1.swf"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="movie_inner.swf" width="550" height="400">
<param name="movie" value="movie_param2.swf"/>
<!<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img
src="http://www.adobe.com/de/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player"/> </a> <!--[if !IE]>--> </object>
<!<![endif]-->
</object>
<object id="mediaObjectPdf" data="document.pdf" type="application/pdf">
<embed src="document2.pdf" type="application/pdf" />
</object>
<!-- should fall back to embed as no data specified -->
<object id="mediaObjectEmbed" data="" type="application/pdf">
<embed src="document2.pdf" type="application/pdf" />
</object>
</div>
|