Index
Index 2
Why I use Linux and Firefox
HTML DB & Javascript
The Basics
Enable/Disable Form Items
HTML DB Javascript Remix
Show/Hide/Toggle Form Items
htmldb_Get Introduction
AJAX & DHTML
AJAX
Set Multiple Items
(AJAX) Auto Update Report
(AJAX) Collection Control
(AJAX) Process On Demand
(AJAX) Report Pull
(AJAX) Report Row with Detail
(AJAX) Select Items
(AJAX) Set Item Value
(AJAX) Tree
htmldb_Get Aysnc Extension
DHTML
Form Element Focus
Progress Meter On Submit
Region Tabs
Report Row With Detail (iframe)
Report Row with Detail
Shuttle (Item Based)
Shuttle (PL/SQL Based)
Smart Table
List (DHTML Tree)
Show/Hide Report Columns
HTML DB Usage
Linked Reports
HTML/CSS/Layout
HTML DB DHTML Tree
Region Position
Report Row Templates
Multi Region Form Layout
Vertical Aligned Regions
Layout Example
SVG / Canvas
Canvas #1
Custom Charts
Thermometer
Scatter (Coming Soon)
Timeline (Coming Soon)
SVG Knowledge Tree
Pie Chart CSS
Bar Spacing
Application Exports / CSS / JS
Pseudo Regions
Pseudo Region Header
Title Select
%
Robert Hurst
Clio Baldwin
Merrill Harvey
Yeo Carver
Zane Duran
NAME
RANDOM_DATA
CATEGORY
Vivian Rutledge
mi. Duis risus odio, auctor vitae, aliquet nec,
21
Robert Hurst
non dui nec urna suscipit nonummy.
1
Mollie Contreras
volutpat. Nulla dignissim. Maecenas ornare egestas ligula. Nullam
21
Clio Baldwin
leo elementum sem, vitae
1
Merrill Harvey
risus, at fringilla
1
Yeo Carver
mattis
1
Zane Duran
magnis dis parturient montes, nascetur ridiculus mus. Aenean eget magna.
1
Rhea Estes
lacinia at, iaculis quis, pede. Praesent eu dui. Cum sociis
21
1 - 10
CODE
Psuedo Region Header
<style type="text/css"> <!-- .scroller{height:200px;overflow:scroll;} .scroller table{width:100%;} .psudeoRegion{margin:10px;border:1px solid black;} .psudeoRegionHeader th{margin:10px;background:#EEE;padding:2px 8px;border-bottom:2px #000 solid;} .psudeoRegionHeader th.header1{text-align:left;} .psudeoRegionHeader th.header2{text-align:right;} .psudeoRegion tbody{background:#EEE;} --> </style> <table class="psudeoRegion" border="0" cellpadding="0" cellspacing="0" summary="" id="#REGION_ID#"> <thead class="psudeoRegionHeader"> <tr> <th class="header1">#TITLE#</th> <th class="header2">#BODY#</th> </tr> </thead>
Psuedo Region Footer
<tbody id="#REGION_ID#_body"> <tr> <td colspan="2"> <tbody id="#REGION_ID#_body"> <tr> <td colspan="2"> <div>#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##HELP#</div> <div class="scroller">#BODY#</div> </td> </tr> </tbody> </table>
Notes
forum link