Download as
Browse Code »

Commit b84cd1d64073397d1755f76a006c80c4146df8ee

Authored by Gust
Committed by Fabio Teixeira
1 parent 981a76dc
Exists in master and in 5 other branches fix_search_by_software_highlight_block, r4, refactor_software_info_365, stable, update_translations

Add ballons to software creation page 

Signed-off-by: Luciano Prestes <lucianopcbr@gmail.com>
Signed-off-by: Gustavo Jaruga <darksshades@gmail.com>
Showing 2 changed files with 36 additions and 0 deletions   Show diff stats
public/style.css
  Diff comments   View file @b84cd1d
... ... @@ -156,3 +156,19 @@
156 156 color: red;
157 157 content: ' (*)'
158 158 }
  159 +
  160 +.helper-balloon {
  161 + display: none;
  162 + width: 142px;
  163 + height: 69px;
  164 + color: #FFFFFF;
  165 + font-weight: bold;
  166 + font-size: 11px;
  167 + padding: 5px 10px 45px 10px;
  168 + margin: 0;
  169 + line-height: 1.5em;
  170 + background: transparent url(/images/gray-balloon.png) bottom center no-repeat;
  171 + position: absolute;
  172 + margin-top: -110px;
  173 + margin-left: 0px;
  174 +}
159 175 \ No newline at end of file
... ...
views/mpog_software_plugin_myprofile/new_software.html.erb
  Diff comments   View file @b84cd1d
... ... @@ -30,12 +30,14 @@
30 30 <div id='software-name-field' class='formfield'>
31 31 <span id='software-hostname'><%= environment.default_hostname %>/</span>
32 32 <%= required text_field(:community, :name) %>
  33 + <%= content_tag(:small,_('Insert the name'), :id => 'name-balloon', :class => "helper-balloon") %>
33 34 </div>
34 35  
35 36 <%= fields_for @software_info do |swf| %>
36 37 <div class="formfield type-text">
37 38 <%= swf.label("finality" ,_("Finality"), :class=>"formlabel") %>
38 39 <%= required swf.text_field(:finality) %>
  40 + <%= content_tag(:small,_('Insert the finality'), :id => 'finality-balloon', :class => "helper-balloon") %>
39 41 </div>
40 42 <% end %>
41 43  
... ... @@ -64,3 +66,21 @@
64 66 <% end %>
65 67  
66 68 </div>
  69 +
  70 +
  71 +<script type="text/javascript">
  72 +jQuery(function($) {
  73 + add_balloon('#community_name', '#name-balloon');
  74 + add_balloon('#software_info_finality', '#finality-balloon');
  75 +});
  76 +
  77 +function add_balloon(input_field, balloon_id){
  78 + jQuery(balloon_id).hide();
  79 + jQuery(input_field).focus(function() {
  80 + jQuery(balloon_id).fadeIn('slow');
  81 + });
  82 + jQuery(input_field).blur(function() {
  83 + jQuery(balloon_id).css('display','none');;
  84 + });
  85 +}
  86 +</script>
... ...