diff --git a/html/style-r692.css b/html/style-r692.css index cf906bd96..b59524158 100644 --- a/html/style-r692.css +++ b/html/style-r692.css @@ -562,8 +562,9 @@ div.autocomplete { margin:0px; padding:1px; text-align:left; - position:absolute; - width:375px; + position:relative; + top:-3px; + width:377px; } div.autocomplete em { color:#0000FF; @@ -573,6 +574,7 @@ div.autocomplete ul { list-style-type:none; background-color:#FFFFFF; border:1px solid #888; + width: 375px; margin:0px; padding:0px; } @@ -859,7 +861,7 @@ box-shadow: 10px 10px 5px #888; div.inner_box { background-color: #DCE1EF; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; - font-family: OpenSansRegular; + font-family: 'OpenSansRegular'; /*! font-family: 'SansationLight'; */ /*! padding:2px; */ margin:0px; @@ -2151,4 +2153,39 @@ div.content a.arrow { .label_item { width: 500px; display:block; +} +/* + * Select box : list of actions + */ +.select_box { + border:solid 0.5px darkblue; + background:white; + width:455px; + max-width:250px; + position:relative; + z-index:3; + padding:3px; + margin:0px; + margin-top:2px; + display:none; +} +div.select_box ul { + list-style:none; + padding:2px; + margin:1px; + width:100%; +} +div.select_box ul li { + padding-top:2px; + padding-bottom:2px; + margin:2px; +} +div.select_box a { + text-decoration:none; + color : darkblue; + display:block; +} +div.select_box a:hover,div.select_box ul li:hover { + background-color : lightgoldenrodyellow; + color:brown; } \ No newline at end of file diff --git a/include/lib/select_box.class.php b/include/lib/select_box.class.php new file mode 100644 index 000000000..6a6689840 --- /dev/null +++ b/include/lib/select_box.class.php @@ -0,0 +1,127 @@ +id=$p_id; + $this->item=array(); + $this->value=$value; + $this->cnt=0; + $this->default_value=-1; + $this->style_box=""; + } + + function input() + { + $javascript=sprintf('$("%s_bt").onclick=function() { + try { + var newDiv=$("select_box%s"); + var pos=$("%s_bt").cumulativeOffset(); + newDiv.setStyle({display:"block",position:"absolute",top:pos.top+25+"px",left:pos.left+5+"px"}); + + } catch(e) { + alert(e.message); + } +} +', $this->id, $this->id, $this->id, $this->id); + + // display the button + printf('', + $this->id, $this->value); + printf('', $this->id, + $this->id, $this->default_value); + printf('