Source code of tbs_us_examples_prmatt.htm
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>TinyButStrong - Example of parameter att</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./tbs_us_examples_styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
font-weight: bold;
border: 1px solid #396;
}
.style2 {
color: #039;
background-color: #FFC;
}
-->
</style>
</head>
<body>
<div id="main-body">
<h1>Example of parameter <samp>att</samp></h1>
<div class="w3cinfo"> this TBS template is W3C compliant <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" style="border:none;" /></a> </div>
<div id="example">
<p>
Parameter <samp>att</samp> allows to remotly modify the attributs of any XML/Html tags.<br />
This can be very precious when it is not easy to reach the source code of the template (OpenOffice, Ms Office, Dreamweaver, ...).
Or simply if you want to code an Html template which is W3C compatible.
</p>
<table border="0" cellpadding="2" cellspacing="2">
<tr valign="top">
<td class="title-section2">Without att</td>
<td><span class="title-section2">Using att</span></td>
<td class="title-section2">Comment</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td><div class="style1">This text is inside a div tag.</div></td>
<td><div class="style1">This text is inside a div tag.[onshow.x_style;att=div#class]</div></td>
<td>Attribute class is replaced with <span class="style2">style2</span>.</td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td><div class="style1">This text is inside a div tag.</div></td>
<td><div class="style1">This text is inside a div tag.[onshow.x_style;att=div#class;attadd]</div></td>
<td>Attribute class is completed with <span class="style2">style2</span>.</td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td><div class="style1">This text is inside a div tag.</div></td>
<td><div class="style1">This text is inside a div tag.[onshow.x_nostyle;att=div#class]</div></td>
<td>Attribute class is deleted.</td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td>This text is inside a td tag.</td>
<td style="height:20px">This text is inside a td tag. [onshow.x_color;att=td#bgcolor]</td>
<td>Attribute bgcolor is created.</td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
</body>
</html>