webstack-module2/container.html at master · proxykarweb/webstack-module2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/container.css">
    <title></title>
</head>
<body>
    <h1>Our Menu</h1>

    <div id="mainContainer">
        <div id="box">
            <div id="header">
                <div id="title1">Chicken</div>
            </div>
            <div id="content">LJLS DJFLSD KJFS KFJSDLF LJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLF </div>
        </div>

        <div id="box">
            <div id="header">
                <div id="title2">Beef</div>
            </div>
            <div id="content">LJLS DJFLSD KJFS KFJSDLF LJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLF </div>
        </div>

        <div id="box2"> <!--really i should be using classes overhere instead of specifitying another id like stated in lecture 24. Note to myself: but since I've already started and its almost time to submit, I'm just going to finish this using like so-->
            <div id="header">
                <div id="title3">Sushi</div>
            </div>
            <div id="content">LJLS DJFLSD KJFS KFJSDLF LJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLFLJLS DJFLSD KJFS KFJSDLF </div>
        </div>


    </div>
</body>
</html>
<script>

        function ajaxhandler() {

        }

</script>
<script>
        function clientWidth() {
            return document.documentElement.clientWidth;
         }

        function resize() { //this needs to be changed.
                return 480 - 200;
            }

        function update(id) {
            //var width = clientWidth();
            //document.getElementById(id).style.backgroundColor = "black";

        }


  //  window.onresize = function () {
    //    update("content");
    //}
</script>