Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (function(){
- window.onload = function(){
- var grid = document.querySelector('.grid');
- grid.addEventListener('click', bClick , false);
- function bClick(bEvent){
- if(bEvent.target == 'IMG');
- if(bEvent.target.getAttribute('clicked') == 'yes'){
- bEvent.target.style.border = 'none';
- bEvent.target.removeAttribute('clicked');
- console.log('Not clicked');
- } else {
- bEvent.target.style.border = '3px solid #ddd';
- bEvent.target.setAttribute('clicked', 'yes');
- console.log('clicked');
- }
- }
- grid.addEventListener('contextmenu', function(e){
- e.preventDefault();
- var target = e.target;
- //console.dir(target);
- if(target.nodeName === 'IMG'){
- var myElement = document.createElement('div');
- myElement.className = 'preview';
- var imgLoc = target.src.substring(0, target.src.length - 7) + '.jpg';
- var myImg = document.createElement('img');
- myImg.src = imgLoc;
- //console.log(imgLoc);
- target.parentNode.appendChild(myElement);
- myElement.appendChild(myImg);
- target.addEventListener('mouseout', roller, false);
- function roller(d){
- //console.log(d);
- target.parentNode.removeChild(myElement);
- target.removeEventListener('mouseout', roller, false);
- //target.addEventListener('click', bClick , false);
- }
- target.addEventListener('mousemove', function(f){
- console.log('he');
- myImg.style.top = f.offsetY + 10 + 'px';
- myImg.style.left = f.offsetX + 10 + 'px';
- }, false);
- }
- }, false);
- }
- })()
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement