joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 01:36:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Avoid duplicate code and non-reusable functions with hardcoded variables

Browse source
This commit is contained in:
Saivann 2015-06-26 17:13:00 -04:00
parent 17886b6564
commit 3d9c178df3
3 changed files with 15 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

15
_templates/index.html
View file

@ -5,21 +5,8 @@
layout: base layout: base
id: index id: index
--- ---
<script>
function loadMainVideo() {
var p = document.getElementById('mainvideo'),
t = p.getElementsByTagName('DIV')[0],
nd = document.createElement('IFRAME');
nd.src = '//www.youtube.com/embed/Gc2en3nHxA4?rel=0&amp;showinfo=0&amp;wmode=opaque&amp;autoplay=1{% if page.lang != 'en' %}&amp;cc_load_policy=1&amp;hl={{ page.lang }}&amp;cc_lang_pref={{ page.lang }}{% endif %}';
nd.setAttribute('frameborder', 0);
nd.setAttribute('allowfullscreen', true);
t.innerHTML = '';
t.appendChild(nd);
p.onclick = '';
}
</script>
<p class="mainsummary">{% translate listintro %}</p> <p class="mainsummary">{% translate listintro %}</p>
<div class="mainvideo" id="mainvideo" onclick="loadMainVideo();"><div> <div class="mainvideo"><div onclick="loadYoutubeVideo(event);" data-youtubeurl="//www.youtube.com/embed/Gc2en3nHxA4?rel=0&amp;showinfo=0&amp;wmode=opaque&amp;autoplay=1{% if page.lang != 'en' %}&amp;cc_load_policy=1&amp;hl={{ page.lang }}&amp;cc_lang_pref={{ page.lang }}{% endif %}">
<img src="/img/video/video_wuc.jpg" alt="Youtube video"> <img src="/img/video/video_wuc.jpg" alt="Youtube video">
<div class="mainvideoicon"></div> <div class="mainvideoicon"></div>
<div class="mainvideoiconhover"></div> <div class="mainvideoiconhover"></div>

15
index.html
View file

@ -7,21 +7,8 @@ lang: en
id: index id: index
title: Bitcoin title: Bitcoin
--- ---
<script>
function loadMainVideo() {
var p = document.getElementById('mainvideo'),
t = p.getElementsByTagName('DIV')[0],
nd = document.createElement('IFRAME');
nd.src = '//www.youtube.com/embed/Gc2en3nHxA4?rel=0&amp;showinfo=0&amp;wmode=opaque&amp;autoplay=1{% if page.lang != 'en' %}&amp;cc_load_policy=1&amp;hl={{ page.lang }}&amp;cc_lang_pref={{ page.lang }}{% endif %}';
nd.setAttribute('frameborder', 0);
nd.setAttribute('allowfullscreen', true);
t.innerHTML = '';
t.appendChild(nd);
p.onclick = '';
}
</script>
<p class="mainsummary">{% translate listintro %}</p> <p class="mainsummary">{% translate listintro %}</p>
<div class="mainvideo" id="mainvideo" onclick="loadMainVideo();"><div> <div class="mainvideo"><div onclick="loadYoutubeVideo(event);" data-youtubeurl="//www.youtube.com/embed/Gc2en3nHxA4?rel=0&amp;showinfo=0&amp;wmode=opaque&amp;autoplay=1{% if page.lang != 'en' %}&amp;cc_load_policy=1&amp;hl={{ page.lang }}&amp;cc_lang_pref={{ page.lang }}{% endif %}">
<img src="/img/video/video_wuc.jpg" alt="Youtube video"> <img src="/img/video/video_wuc.jpg" alt="Youtube video">
<div class="mainvideoicon"></div> <div class="mainvideoicon"></div>
<div class="mainvideoiconhover"></div> <div class="mainvideoiconhover"></div>

13
js/main.js
View file

@ -115,6 +115,19 @@ for (var i = 0, n = domPrefixes.length; i < n; i++) {
return false; return false;
} }
function loadYoutubeVideo(e) {
// Load Youtube video on target node on click.
var t = getEventTarget(e),
nd = document.createElement('IFRAME');
while (t.getAttribute('data-youtubeurl') === null || t.getAttribute('data-youtubeurl') === '') t = t.parentNode;
nd.src = t.getAttribute('data-youtubeurl');
nd.setAttribute('frameborder', 0);
nd.setAttribute('allowfullscreen', true);
t.innerHTML = '';
t.appendChild(nd);
t.onclick = '';
}
function boxShow(e) { function boxShow(e) {
// Display the box content when the user click a box on the "Secure your wallet" page. // Display the box content when the user click a box on the "Secure your wallet" page.
var p = t = getEventTarget(e); var p = t = getEventTarget(e);