mirror of
https://github.com/Erreur32/html5demos.git
synced 2024-09-29 00:01:29 +02:00
border-radius: 10px; (because Opera supports it!)
This commit is contained in:
parent
74906d5001
commit
c21443a62d
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
@ -164,7 +165,12 @@ addEvent(drop, 'drop', function (e) {
|
||||
|
||||
/** THIS IS THE MAGIC: we read from getData based on the content type - so it grabs the item matching that format **/
|
||||
if (getDataType.checked == false && e.dataTransfer.types) {
|
||||
li.innerHTML = entities(e.dataTransfer.getData(e.dataTransfer.types[0]) + ' (content-type: ' + e.dataTransfer.types[0] + ')');
|
||||
li.innerHTML = '<ul>';
|
||||
[].forEach.call(e.dataTransfer.types, function (type) {
|
||||
li.innerHTML += '<li>' + entities(e.dataTransfer.getData(type) + ' (content-type: ' + type + ')') + '</li>';
|
||||
});
|
||||
li.innerHTML += '</ul>';
|
||||
|
||||
} else {
|
||||
// ... however, if we're IE, we don't have the .types property, so we'll just get the Text value
|
||||
li.innerHTML = e.dataTransfer.getData('Text');
|
||||
|
28
drag.html
28
drag.html
@ -91,17 +91,17 @@ li.over {
|
||||
var msie = /*@cc_on!@*/0;
|
||||
yum.style.opacity = 1;
|
||||
|
||||
var links = document.querySelectorAll('li > a'), el = null;
|
||||
for (var i = 0; i < links.length; i++) {
|
||||
el = links[i];
|
||||
|
||||
el.setAttribute('draggable', 'true');
|
||||
|
||||
addEvent(el, 'dragstart', function (e) {
|
||||
e.dataTransfer.effectAllowed = 'move';
|
||||
e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
|
||||
});
|
||||
}
|
||||
// var links = document.querySelectorAll('li > a'), el = null;
|
||||
// for (var i = 0; i < links.length; i++) {
|
||||
// el = links[i];
|
||||
//
|
||||
// el.setAttribute('draggable', 'true');
|
||||
//
|
||||
// addEvent(el, 'dragstart', function (e) {
|
||||
// // e.dataTransfer.effectAllowed = 'move';
|
||||
// e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
|
||||
// });
|
||||
// }
|
||||
|
||||
var bin = document.querySelector('#bin');
|
||||
|
||||
@ -123,10 +123,10 @@ li.over {
|
||||
|
||||
addEvent(bin, 'drop', function (e) {
|
||||
if (e.stopPropagation) e.stopPropagation(); // stops the browser from redirecting...why???
|
||||
|
||||
var el = document.getElementById(e.dataTransfer.getData('Text'));
|
||||
|
||||
el.parentNode.removeChild(el);
|
||||
// var el = document.getElementById(e.dataTransfer.getData('Text'));
|
||||
//
|
||||
// el.parentNode.removeChild(el);
|
||||
|
||||
// stupid nom text + fade effect
|
||||
bin.className = '';
|
||||
|
1
geo.html
1
geo.html
@ -23,6 +23,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -23,6 +23,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -26,6 +26,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -26,6 +26,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
padding-bottom: 76px;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user