Documentation Source Text

Check-in [572767e60b]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Updates to the "docs.html" page so that it uses the same <ul>-style format on desktop as it does on mobile, except that the detailed document descriptions are shown on desktop while still omitted on mobile.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA1: 572767e60b3e12a6154a827e3c93320ae67947f4
User & Date: drh 2016-09-12 16:22:08.564
Context
2016-09-12
17:29
Make the "cintro.html" article more mobile-friendly. (check-in: e540e313e6 user: drh tags: trunk)
16:22
Updates to the "docs.html" page so that it uses the same <ul>-style format on desktop as it does on mobile, except that the detailed document descriptions are shown on desktop while still omitted on mobile. (check-in: 572767e60b user: drh tags: trunk)
15:39
Split out the "Document Lists and Indexes" category at top of the categorical document list. Change the name of "Result Codes" to "Result and Error Codes" to make the document easier to find. (check-in: 8f221f2df8 user: drh tags: trunk)
Changes
Unified Diff Ignore Whitespace Patch
Changes to pages/docs.in.
︙︙
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
87
88
89
90
91
92
93
94
95
96
97

  clear: both;
  padding-left: 1em;
  text-indent: -1em;
}
.showhide > li li {
  padding-left: 0;
  text-indent: 0;


}
.showhide ul {display: none;}



.showhide > li > a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}
.sh_mark {
  float: left;
  width: 1em;
}



</style>
<script>
function showhide(n){
  var ul = document.getElementById("sh_sub_"+n)
  var mk = document.getElementById("sh_mark_"+n)
  if( ul.style.display!="block" ){
    ul.style.display = "block";
    mk.innerHTML = "&#x25bc;";
  } else {
    ul.style.display = "none";
    mk.innerHTML = "&#x25ba;";
  }
}
</script>
<ul class="showhide mobileonly">
<tcl>
hd_keywords {categorical listing of SQLite documents} {documents by category}
set prevHead {}
set lDoc {}
set cnt 0
proc doc {name url desc} {
  global lDoc
  lappend lDoc $name $url
}
proc heading {text tag {caption {}}} {
  end_heading
  set ::prevHead $text
}
proc end_heading {} {
  global lDoc cnt prevHead
  if {$prevHead==""} return
  incr cnt
  hd_puts "<li><a onclick='showhide($cnt)'>"
  hd_puts "<span class='sh_mark' id='sh_mark_$cnt'>"
  hd_puts "&#x25ba;</span> $prevHead</a>\n"
  hd_putsnl "<ul id='sh_sub_$cnt'>"
  foreach {name url} $lDoc {
    hd_putsnl "<li><a href='$url'>$name</a>"

  }
  hd_putsnl </ul>
  set lDoc {}
}
source [file join $::DOC pages docsdata.tcl]
end_heading
</tcl>
</ul>
<table class="desktoponly" border=0 cellpadding=10 width="100%">
<tcl>
proc end_heading {} {}
proc doc {name url desc} {
  hd_puts {<tr><td valign="top" align="right" class="nounderline">}
  regsub -all { +} $name {\&nbsp;} name
  hd_putsnl "<a href=\"$url\">$name</a></td>"
  hd_putsnl {<td width="10"></td>}
  hd_putsnl {<td valign="top" align="left">}
  hd_resolve $desc
  hd_putsnl {</td></tr>}
}
proc heading {text tag {caption {}}} {
  hd_puts {<tr><td colspan=3 style="padding: 3ex 0 2ex 0">}
  hd_puts "<b><a name=$tag></a>$text</b>"
  if {$caption ne ""} {
    hd_puts {<br />}
    hd_puts "$caption"
  }
}
source [file join $::DOC pages docsdata.tcl]
</tcl>
</table>








>
>

|
>
>
>









>
>
>














|







|













|
|
>








<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<

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
























  clear: both;
  padding-left: 1em;
  text-indent: -1em;
}
.showhide > li li {
  padding-left: 0;
  text-indent: 0;
  padding-top: 1ex;
  padding-bottom: 1ex;
}
.showhide ul {
  display: none;
  list-style-type: disc;
}
.showhide > li > a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}
.sh_mark {
  float: left;
  width: 1em;
}
.sh_link {
  font-weight: bold;
}
</style>
<script>
function showhide(n){
  var ul = document.getElementById("sh_sub_"+n)
  var mk = document.getElementById("sh_mark_"+n)
  if( ul.style.display!="block" ){
    ul.style.display = "block";
    mk.innerHTML = "&#x25bc;";
  } else {
    ul.style.display = "none";
    mk.innerHTML = "&#x25ba;";
  }
}
</script>
<ul class="showhide">
<tcl>
hd_keywords {categorical listing of SQLite documents} {documents by category}
set prevHead {}
set lDoc {}
set cnt 0
proc doc {name url desc} {
  global lDoc
  lappend lDoc $name $url $desc
}
proc heading {text tag {caption {}}} {
  end_heading
  set ::prevHead $text
}
proc end_heading {} {
  global lDoc cnt prevHead
  if {$prevHead==""} return
  incr cnt
  hd_puts "<li><a onclick='showhide($cnt)'>"
  hd_puts "<span class='sh_mark' id='sh_mark_$cnt'>"
  hd_puts "&#x25ba;</span> $prevHead</a>\n"
  hd_putsnl "<ul id='sh_sub_$cnt'>"
  foreach {name url desc} $lDoc {
    hd_putsnl "<li><a class='sh_link' href='$url'>$name</a>"
    hd_putsnl "<span class='desktoponly'>&rarr; $desc</span>"
  }
  hd_putsnl </ul>
  set lDoc {}
}
source [file join $::DOC pages docsdata.tcl]
end_heading
</tcl>
</ul>
Changes to rawpages/sqlite.css.
︙︙
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126


/* Styling for the search menu */
.searchmenu {
  width: 100%;
  text-align: right;
  display: none;
  float: none;
  padding: 1ex:
  background-color: #0482c4;
  border-radius: 8px;
}

/* Add the "mobileonly" class to any elements that should be visible
** on narrow-screen mobile devices only */
@media screen and (min-width: 600px){








|








112
113
114
115
116
117
118
119
120
121
122
123
124
125
126


/* Styling for the search menu */
.searchmenu {
  width: 100%;
  text-align: right;
  display: none;
  float: none;
  padding: 1ex;
  background-color: #0482c4;
  border-radius: 8px;
}

/* Add the "mobileonly" class to any elements that should be visible
** on narrow-screen mobile devices only */
@media screen and (min-width: 600px){
︙︙
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

}
.fancy .codeblock pre {
  display: table-cell;
  font-size: 1em;
}
.fancy .codeblock i { color: darkblue; }
.fancy h1,.fancy h2,.fancy h3,.fancy h4 {font-weight:normal;color:#044a64}
.fancy th {white-space:xnowrap;text-align:left;border-bottom:solid 1px #444}
.fancy th, .fancy td {padding: 0.2em 1ex; vertical-align:top}
.toct { color: #044a64 ! important; }
#toc_sub a        { color: #044a64; text-decoration: none }
#toc_sub { display: none; margin-top: 1em; }
.fancy .todo         { color: #AA3333 ; font-style : italic }
.fancy .todo:before  { content: 'TODO:' }
.fancy p.todo        { border: solid #AA3333 1px; padding: 1ex }








|








155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

}
.fancy .codeblock pre {
  display: table-cell;
  font-size: 1em;
}
.fancy .codeblock i { color: darkblue; }
.fancy h1,.fancy h2,.fancy h3,.fancy h4 {font-weight:normal;color:#044a64}
.fancy th {text-align:left;border-bottom:solid 1px #444}
.fancy th, .fancy td {padding: 0.2em 1ex; vertical-align:top}
.toct { color: #044a64 ! important; }
#toc_sub a        { color: #044a64; text-decoration: none }
#toc_sub { display: none; margin-top: 1em; }
.fancy .todo         { color: #AA3333 ; font-style : italic }
.fancy .todo:before  { content: 'TODO:' }
.fancy p.todo        { border: solid #AA3333 1px; padding: 1ex }
︙︙