Quick Javascript job (needs bit of knowledge)
4667
£20/hr(approx. $25/hr)
- Posted:
- Proposals: 5
- Remote
- #78104
- Archived
Description
Experience Level: Intermediate
Hi
We have a web page that uses javascript to swap a video, our site uses piwik to give stats, and this needs a use a class to make the tracking work.
http://piwik.org/docs/javascript-tracking/
Scroll down to:
"Force a click on a link to be recorded as a download in Piwik" in the Javascript Tracking documentation. It introduces the idea of using a "class" to track links.
We tried
<a id="content2" class="switcher piwik_download"> but this did not work, and so have found another solution:-
http://forum.piwik.org/read.php?2,22911
we need someone to write the few java line for us.
Our code (runs in cms made simple):-
<div id="video-demo">
<h3>One minute oobu elevator pitch</h3>
<div id="switcher-panel"></div>
<div>
<img src="images/layout/moviedemo-hdr.jpg" width="300" height="30" alt="Do you offer cloud back up" /></div>
<div style="float:left;width:150px;">
<a id="content2" class="switcher"><img src="images/layout/moviedemo-new.jpg" alt="Considering It" width="150" height="60" /></a></div>
<div style="float:right;width:150px;">
<a id="content3" class="switcher"><img src="images/layout/moviedemo-user.jpg" alt="Already Providing It" width="150" height="60" /></a></div>
</div>
<div class="clear"></div>
<div id="content1-content" class="switcher-content show">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="200" id="home_richard" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="uploads/movies/s4.swf" /><param name="quality" value="high" />
<PARAM NAME=wmode VALUE="transparent">
<embed src="uploads/movies/s4.swf" quality="high" WMODE="transparent" width="300" height="200" name="home_richard" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div><!-- /content1 -->
<div id="content2-content" class="switcher-content" >
<div class="videobox">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="200" id="home_richard" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="uploads/movies/s6.swf" /><param name="quality" value="high" />
<PARAM NAME=wmode VALUE="transparent">
<embed src="uploads/movies/s6.swf" quality="high" WMODE="transparent" width="300" height="200" name="home_richard" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div><!-- videobox -->
</div><!-- content2 -->
<div id="content3-content" class="switcher-content" >
<div class="videobox">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="200" id="home_richard" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="uploads/movies/s5.swf" /><param name="quality" value="high" />
<PARAM NAME=wmode VALUE="transparent">
<embed src="uploads/movies/s5.swf" quality="high" WMODE="transparent" width="300" height="200" name="home_richard" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div><!-- videobox -->
</div><!-- content3 -->
</div><!-- /video-demo -->
We have a web page that uses javascript to swap a video, our site uses piwik to give stats, and this needs a use a class to make the tracking work.
http://piwik.org/docs/javascript-tracking/
Scroll down to:
"Force a click on a link to be recorded as a download in Piwik" in the Javascript Tracking documentation. It introduces the idea of using a "class" to track links.
We tried
<a id="content2" class="switcher piwik_download"> but this did not work, and so have found another solution:-
http://forum.piwik.org/read.php?2,22911
we need someone to write the few java line for us.
Our code (runs in cms made simple):-
<div id="video-demo">
<h3>One minute oobu elevator pitch</h3>
<div id="switcher-panel"></div>
<div>
<img src="images/layout/moviedemo-hdr.jpg" width="300" height="30" alt="Do you offer cloud back up" /></div>
<div style="float:left;width:150px;">
<a id="content2" class="switcher"><img src="images/layout/moviedemo-new.jpg" alt="Considering It" width="150" height="60" /></a></div>
<div style="float:right;width:150px;">
<a id="content3" class="switcher"><img src="images/layout/moviedemo-user.jpg" alt="Already Providing It" width="150" height="60" /></a></div>
</div>
<div class="clear"></div>
<div id="content1-content" class="switcher-content show">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="200" id="home_richard" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="uploads/movies/s4.swf" /><param name="quality" value="high" />
<PARAM NAME=wmode VALUE="transparent">
<embed src="uploads/movies/s4.swf" quality="high" WMODE="transparent" width="300" height="200" name="home_richard" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div><!-- /content1 -->
<div id="content2-content" class="switcher-content" >
<div class="videobox">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="200" id="home_richard" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="uploads/movies/s6.swf" /><param name="quality" value="high" />
<PARAM NAME=wmode VALUE="transparent">
<embed src="uploads/movies/s6.swf" quality="high" WMODE="transparent" width="300" height="200" name="home_richard" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div><!-- videobox -->
</div><!-- content2 -->
<div id="content3-content" class="switcher-content" >
<div class="videobox">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="200" id="home_richard" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="uploads/movies/s5.swf" /><param name="quality" value="high" />
<PARAM NAME=wmode VALUE="transparent">
<embed src="uploads/movies/s5.swf" quality="high" WMODE="transparent" width="300" height="200" name="home_richard" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div><!-- videobox -->
</div><!-- content3 -->
</div><!-- /video-demo -->
Christine Y.
100% (4)Projects Completed
5
Freelancers worked with
5
Projects awarded
36%
Last project
31 Jan 2017
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies