[richfaces-svn-commits] JBoss Rich Faces SVN: r19158 - management/design-4x/inplaceEditor.

Author: admitriev Date: 2010-09-11 05:42:13 -0400 (Sat, 11 Sep 2010) New Revision: 19158 Modified: management/design-4x/inplaceEditor/inplaceSelect.html Log: Modified: management/design-4x/inplaceEditor/inplaceSelect.html =================================================================== --- management/design-4x/inplaceEditor/inplaceSelect.html 2010-09-10 19:01:25 UTC (rev 19157) +++ management/design-4x/inplaceEditor/inplaceSelect.html 2010-09-11 09:42:13 UTC (rev 19158) @@ -11,50 +11,45 @@ .insel_default_state{ display : inline-block; position : relative; white-space : nowrap; background-color : #f1f1f1/*editorBackgroundColor*/; border-bottom : 1px dashed #000000/*generalTextColor*/; padding-left : 3px; padding-right : 3px;} -.insel_changed_state{ background-image:url(images/mark_changed.gif); background-position : top left; background-repeat : no-repeat;} +.insel_changed_state{ display : inline-block; background-image:url(images/mark_changed.gif); background-position : top left; background-repeat : no-repeat;} -.insel_edit_state{ position : absolute; top : 0px; left : 0px; width : 100px; display : inline-block;} -.insel_field{ background : #FBFF8E/*editBackgroundColor*/; padding : 0px 0px 0px 0px; border : 0px; margin : 0px; width : 112px; background-image:url(images/mark_list.gif); background-position : center right; background-repeat : no-repeat;} +.insel_edit_state{ display : block; position : absolute; top : 0px; left : 0px; width : 100px; background : green; background : #FBFF8E/*editBackgroundColor*/;} +.insel_field{ ; padding : 0px 0px 0px 0px; border : 0px; margin : 0px; width : 112px; background : url(images/mark_list.gif) center right no-repeat #FBFF8E/*editBackgroundColor*/;} .insel_btn{ background : url(images/bg_btn.png) top repeat-x #C7D7EC; /*gradient - from generalBackgroundColor to tabBackgroundColor, background-color - tabBackgroundColor*/ border : 1px outset #BED6F8; /*panelBorderColor*/ - padding : 0px; + padding : 3px; margin : 0px;} .insel_btn_press{ background : url(images/bg_press.png) top repeat-x #C7D7EC; /*gradient - from tabBackgroundColor to generalBackgroundColor, background-color - tabBackgroundColor*/ border : 1px inset #BED6F8; /*panelBorderColor*/ - padding : 0px; + padding : 3px; margin : 0px;} .insel_btn_set{ position : absolute; top:0px; left : 112px; white-space : nowrap} -.insel_list_cord{ position : relative; font-size : 0px;d@isplay : none}/*DDL is hidden!!!!!*/ -.insel_list_position{ position : absolute; top: 0px; left: -1px; } -.insel_list_decoration{ border : 1px solid #A6A6A6 /*panelBorderColor*/; padding : 0px; background : #FBFF8E; /*editorBackgroundColor*/} -.insel_list_scroll{ overflow : auto; overflow-x : hidden; height : 100px;} -.insel_option{ padding : 2px; white-space : nowrap; background : #FBFF8E /*editorBackgroundColor*/; cursor : default;} -.insel_select{ padding : 1px; width : 100%; background-color: #DFE8F6; border : 1px dotted #a3bae9;/*generalTextColor*/} +.insel_list_cord{ display : block; position : relative; font-size : 0px;d@isplay : none}/*DDL is hidden!!!!!*/ +.insel_list_position{ display : block; position : absolute; top: 0px; left: -1px;} +.insel_list_decoration{ display : block; border : 1px solid #A6A6A6 /*panelBorderColor*/; padding : 0px; background : #FBFF8E; /*editorBackgroundColor*/} +.insel_list_scroll{ display : block; overflow : auto; overflow-x : hidden; height : 100px;} +.insel_option{ display : block; padding : 2px; white-space : nowrap; background : #FBFF8E /*editorBackgroundColor*/; cursor : default;} +.insel_select{ display : block; padding : 1px; width : 100%; background-color: #DFE8F6; border : 1px dotted #a3bae9;/*generalTextColor*/} .insel_width_list{ width : 250px;} -.insel_list_cord{ position : relative; font-size : 0px;d@isplay : none}/*DDL is hidden!!!!!*/ -.insel_list_decoration{ border : 1px solid #A6A6A6 /*panelBorderColor*/; padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/} -.insel_list_scroll{ overflow : auto; overflow-x : hidden;} -.insel_option{ padding : 2px; white-space : nowrap; cursor : default;} -.insel_select{ padding : 1px; width : 100%; background-color: #DFE8F6; border : 1px dotted #a3bae9;/*generalTextColor*/} -.insel_btn_preposition { position : absolute; top : 0px; right : 0px; wigth : 1px; height : 1px;} -.insel_btn_position { position : absolute; top : 0px; left : 0px; white-space : nowrap;} +.insel_btn_preposition { display : block; position : absolute; top : -4px; right : 0px; wigth : 1px; height : 1px;} +.insel_btn_position { display : block; position : absolute; top : 0px; left : 0px; white-space : nowrap;} -.insel_btn_shadow {position: relative; padding : 6px 6px 6px 6px; top : -6px; right : -6px;} -.insel_shadow {position: relative; padding : 6px 6px 6px 6px; top : -6px; left : -6px;} +.insel_btn_shadow { display : block;position: relative; padding : 6px 6px 6px 6px; top : -6px; right : -6px;} +.insel_shadow { display : block;position: relative; padding : 6px 6px 6px 6px; top : -6px; left : -6px;} -.insel_shadow_t {background: url(images/bg_shadow.png) top left; position: absolute; width: 6px; top: 0px; bottom: 6px; left : 0px} -.insel_shadow_l {background: url(images/bg_shadow.png) bottom left; position: absolute; height: 6px; bottom: 0px; left: 0px; right: 6px;} -.insel_shadow_r {background: url(images/bg_shadow.png) bottom right; position: absolute; width: 6px; top: 6px; bottom: 0px; right: 0px;} -.insel_shadow_b {background: url(images/bg_shadow.png) right top; position: absolute; height: 6px; top: 0px; left: 6px; right: 0px;} +.insel_shadow_t { display : block;background: url(images/bg_shadow.png) top left; position: absolute; width: 6px; top: 0px; bottom: 6px; left : 0px} +.insel_shadow_l { display : block;background: url(images/bg_shadow.png) bottom left; position: absolute; height: 6px; bottom: 0px; left: 0px; right: 6px;} +.insel_shadow_r { display : block;background: url(images/bg_shadow.png) bottom right; position: absolute; width: 6px; top: 6px; bottom: 0px; right: 0px;} +.insel_shadow_b { display : block;background: url(images/bg_shadow.png) right top; position: absolute; height: 6px; top: 0px; left: 6px; right: 0px;} </style> </head> @@ -62,80 +57,80 @@ <body> <fieldset><legend>Default State</legend><br><br> -<div style="width : 300px;"> +<span style="width : 300px;"> Fresh off his victory in the Florida primary, Sen. John McCain is poised to take another big prize. Former - <div class="insel_default_state">New York</div> Mayor Rudy Giuliani plans to drop out and endorse McCain, two GOP sources said. That would give McCain added momentum heading into a debate Wednesday and next week's Super Tuesday contests -</div> + <span class="insel_default_state">New York</span> Mayor Rudy Giuliani plans to drop out and endorse McCain, two GOP sources said. That would give McCain added momentum heading into a debate Wednesday and next week's Super Tuesday contests +</span> </fieldset> <fieldset><legend>Edit State</legend><br><br> -<div style="width : 300px;"> +<span style="width : 300px;"> Fresh off his victory in the Florida primary, Sen. John McCain is poised to take another big prize. Former - <div class="insel_default_state">New York - <div class="insel_edit_state"> + <span class="insel_default_state">New York + <span class="insel_edit_state"> <input readonly="readonly" type="Text" value="New York" class="insel_field"> - <div class="insel_btn_preposition"> - <div class="insel_btn_position"> - <div class="insel_btn_shadow"> - <div class="insel_shadow_t"></div> - <div class="insel_shadow_l"></div> - <div class="insel_shadow_r"></div> - <div class="insel_shadow_b"></div> + <span class="insel_btn_preposition"> + <span class="insel_btn_position"> + <span class="insel_btn_shadow"> + <span class="insel_shadow_t"></span> + <span class="insel_shadow_l"></span> + <span class="insel_shadow_r"></span> + <span class="insel_shadow_b"></span> - <div style="position : relative"> + <span style="position : relative"> <input type="image" src="images/ico_ok.gif" class="insel_btn" onmousedown="this.className='insel_btn_press'" onmouseout="this.className='insel_btn'" onmouseup="this.className='insel_btn'"><input type="image" src="images/ico_cancel.gif" class="insel_btn" onmousedown="this.className='insel_btn_press'" onmouseout="this.className='insel_btn'" onmouseup="this.className='insel_btn'"><br> - </div> - </div> - </div> - </div> + </span> + </span> + </span> + </span> - <div class="insel_list_cord"> - <div class="insel_list_position insel_width_list"> - <div class="insel_shadow"> - <div class="insel_shadow_t"></div> - <div class="insel_shadow_l"></div> - <div class="insel_shadow_r"></div> - <div class="insel_shadow_b"></div> + <span class="insel_list_cord"> + <span class="insel_list_position insel_width_list"> + <span class="insel_shadow"> + <span class="insel_shadow_t"></span> + <span class="insel_shadow_l"></span> + <span class="insel_shadow_r"></span> + <span class="insel_shadow_b"></span> - <div class="insel_list_decoration"> - <div class="insel_list_scroll"> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 1</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 2</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 3</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 4</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 6</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 7</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 8</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 9</div> - <div class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 0</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> + <span class="insel_list_decoration"> + <span class="insel_list_scroll"> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 1</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 2</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 3</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 4</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 6</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 7</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 8</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 9</span> + <span class="insel_option insel_font" onmouseout="this.className='insel_option insel_font'" onmouseover="this.className='insel_option insel_font insel_select'">Option 0</span> + </span> + </span> + </span> + </span> + </span> + </span> + </span> Mayor Rudy Giuliani plans to drop out and endorse McCain, two GOP sources said. That would give McCain added momentum heading into a debate Wednesday and next week's Super Tuesday contests -</div> +</span> </fieldset> <fieldset><legend>Changed State</legend><br><br> -<div style="width : 300px;"> +<span style="width : 300px;"> Fresh off his victory in the Florida primary, Sen. John McCain is poised to take another big prize. Former <span class="insel_default_state insel_changed_state"><a href="#"><span style="width : 1px; height : 1px; position : relative"></span></a>New York</span> Mayor Rudy Giuliani plans to drop out and endorse McCain, two GOP sources said. That would give McCain added momentum heading into a debate Wednesday and next week's Super Tuesday contests -</div> +</span> </fieldset>