Skip to content

Commit ac38ca2

Browse files
DianeDiane
Diane
authored and
Diane
committed
added some beautiful css
1 parent c149baa commit ac38ca2

3 files changed

Lines changed: 54 additions & 19 deletions

File tree

‎assets/index.css‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
.instruction {
2+
margin:15px;
3+
}
4+
5+
.button {
6+
background:#aaaaaa;
7+
padding:5px;
8+
margin : 5px;
9+
-webkit-border-radius:10px;
10+
color:white;
11+
}
12+
13+
input {
14+
margin-bottom:20px;
15+
}
16+
17+
.result {
18+
margin:10px;
19+
-webkit-border-radius:10px;
20+
padding:10px;
21+
font-size:25px;
22+
border: 1px solid #aaaaaa;
23+
}

‎assets/index.html‎

Lines changed: 29 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -4,33 +4,33 @@
44
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
66

7-
<!-- <link rel="stylesheet" type="text/css" href="css/timelines.css"/> -->
7+
<link rel="stylesheet" type="text/css" href="index.css"/>
88

9-
<script type="text/javascript" src="zepto.min.js"></script>
9+
<script type="text/javascript" src="zepto.min.js"></script>
1010

1111
</head>
1212
<body>
1313

1414
<form>
15-
<div class="instruction">Choose a key</div><br/>
16-
<input type="text" id="key" value="myKey"><br/>
15+
<div class="instruction">Choose a key
16+
<input type="text" id="key" value="myKey"></div>
1717

18-
<div class="instruction">Set an item</div><br/>
18+
<div class="instruction">Set an item
1919
<input type="text" id="value" value="myValue"><br/>
20-
<a href="javascript:;" id="setItem" class="button">setItem</a><br/>
20+
<a href="javascript:;" id="setItem" class="button">setItem</a></div>
2121

22-
<div class="instruction">Get this item</div><br/>
23-
<a href="javascript:;" id="getItem" class="button">getItem</a><br/>
22+
<div class="instruction">Get this item
23+
<a href="javascript:;" id="getItem" class="button">getItem</a></div>
2424
</form>
2525

26-
<div class="result">Value is : <span id="result"> </span><div>
26+
<div class="result">Value is :<br/> <span id="result"> </span></div>
2727

28-
<div class="instruction">Remove this item</div><br/>
29-
<a href="javascript:;" id="removeItem" class="button">removeItem</a><br/>
30-
<div class="instruction">Clear all items</div><br/>
31-
<a href="javascript:;" id="clearAll" class="button">clear</a><br/>
28+
<div class="instruction">Remove this item
29+
<a href="javascript:;" id="removeItem" class="button">removeItem</a></div>
30+
<div class="instruction">Clear all items
31+
<a href="javascript:;" id="clearAll" class="button">clear</a><br/></div>
3232

33-
33+
<div id="log"></div>
3434

3535

3636
<script>
@@ -48,28 +48,39 @@
4848

4949
var item = localStorage.getItem($('#key').val());
5050
$('#result').html(item);
51+
log("value "+item+" got for key "+$('#key').val());
5152
return false;
5253
});
5354

5455
$('#setItem').on('tap click',function(){
55-
alert("ok");
5656
localStorage.setItem($('#key').val(),$('#value').val());
57-
alert("ok");
57+
log("value "+$('#value').val()+" set for key "+$('#key').val());
5858
return false;
5959
});
6060

6161
$('#removeItem').on('tap click',function(){
6262
localStorage.removeItem($('#key').val(),$('#value').val());
63+
log("item removed for key "+$('#key').val());
6364
return false;
6465
});
6566

6667
$('#clearAll').on('tap click',function(){
6768
localStorage.clear();
69+
log("LocalStorage cleared");
6870
return false;
6971
});
70-
72+
73+
function log(stuff){
74+
   if (typeof stuff != "string"){
75+
       stuff=JSON.stringify(stuff)    
76+
   }   
77+
   $('#log').append('<br/>'+stuff)    
78+
   if (window.console){
79+
       console.log(stuff)
80+
    }
81+
}
7182
});
72-
83+
7384
</script>
7485

7586
</body>

‎res/layout/fragment_main.xml‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,8 @@
88
android:id="@+id/button"
99
android:layout_width="wrap_content"
1010
android:layout_height="wrap_content"
11-
android:text="New webview" />
11+
android:layout_gravity="center"
12+
android:text="Open a new webview" />
1213

1314
<WebView
1415
android:id="@+id/webView"

0 commit comments

Comments
 (0)