The Concept application WhenAndWhereProject
mNo edit summary
mNo edit summary
Line 1: Line 1:
<html>
<html>
<style>
<style>
 
#video12 {
iframe {
  position: relative;
  height: 500px;
  width:560px;
  padding-bottom: 10px;
}
#video12 iframe {
   position: absolute;
   position: absolute;
   min-height: auto;
   min-height: auto;
   min-width: auto;
   min-width: auto;
}
}
 
#video12 div {
  position: absolute;
  top: 0;
  left:760px;
  width: 260px;
  height: 100%;
  padding-left: 10px;
  overflow-y: auto;
}
span.time {
    font-size: 18;
    padding: 2px 10px 0.5px 10px;
    padding-bottom: 0.5;
    display:block;
    padding-top: 0.5;
  opacity: 0.7;
}
span.time:hover {
  color: #0000FF;
  cursor: pointer;
}
span.time:focus {
  color: blue;
</style>
</style>
  <iframe width="740" height="500" src="https://www.youtube.com/watch?v=QYxcZf33ZBY?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
<br>
<div id="video12">
  <iframe width="740" height="500" src="https://www.youtube.com/embed/lgDLOE-FiSU?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
</div>
<script>
var IMG = document.querySelectorAll('#video12 span'),
    IFRAME = document.querySelector('#video12 iframe');
for (var i = 0; i < IMG.length; i++) {
  IMG[i].onclick = function() {
    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
    this.style.backgroundColor='rgba(0,0,0,.2)';
  }
}
</script>
</html>
</html>
The WhenAndWhereProject is a complete system for visualizing work on specific locations. Hopefully we can continue to add functionality to this in order to explain key concepts to model driven development.
The WhenAndWhereProject is a complete system for visualizing work on specific locations. Hopefully we can continue to add functionality to this in order to explain key concepts to model driven development.


We welcome discussion and request on what to show in order to broaden the model driven developer community.
We welcome discussion and request on what to show in order to broaden the model driven developer community.

Revision as of 06:01, 26 May 2017


The WhenAndWhereProject is a complete system for visualizing work on specific locations. Hopefully we can continue to add functionality to this in order to explain key concepts to model driven development.

We welcome discussion and request on what to show in order to broaden the model driven developer community.

This page was edited 48 days ago on 02/10/2024. What links here