HTML and CSS Reference
In-Depth Information
Figure 11-9. Add drag-and-drop files to the project
Now you are ready to edit the files and get the app running. We are going to describe the
quickest route to having a running application.
Startwithopening
default.html
.YouneedtocopyalltheJavaScriptincluded(exceptfor
mod-
ernizr.js
) from
draganddrop.html
to
default.html
. You also need to copy the HTML tags from
draganddrop.html
(
<div>
and
<canvas>
) and put them into the body of
default.html
. Leave
everything else intact. The final file should look like this:
<!DOCTYPE html>
<html>
<html>
<head>
<head>
<meta
<meta charset=
"utf-8"
//>
<title>
<title>
draganddroptest
</title>
</title>
<!--
WinJS references
-->
<
link href
=
"//Microsoft.WinJS.1.0/css/ui-dark.css"
rel
=
"stylesheet"
/>
<
script src
=
"//Microsoft.WinJS.1.0/js/base.js"
><
/script>
<
script src
=
"//Microsoft.WinJS.1.0/js/ui.js"
><
/script>
<!--
draganddroptest references
-->
<
link href
=
"/css/default.css"
rel
=
"stylesheet"
/>
<
script src
=
"/js/default.js"
><
/script>
<
script type
=
"text/javascript"
src
=
"EventDispatcher.js"
><
/script>