小编tan*_*nya的帖子

即使页面向上或向下滚动,也会在屏幕中间居中"div"?

我的页面中有一个按钮,单击该按钮会div在屏幕中间显示(弹出式样式).

我使用以下CSS来居中div在屏幕中间:

.PopupPanel
{
    border: solid 1px black;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
Run Code Online (Sandbox Code Playgroud)

只要页面不向下滚动,此CSS就可以正常工作.

但是,如果我将按钮放在我的页面底部,当它被点击时,它div会显示在顶部,用户必须向上滚动才能查看该内容div.

我想知道如何div在屏幕中间显示,即使页面已滚动.

html css scroll position centering

119
推荐指数
5
解决办法
18万
查看次数

如何检查值是否在值数组中找到

我想执行if条件,其中,如果linkedpub.LPU_ID在值数组(@associated_linked_pub)中找到,则执行一些操作.

我尝试了以下但语法不正确.

任何建议都是最受欢迎的......谢谢

<% for linkedpub in Linkedpub.find(:all) %>
   <% if linkedpub.LPU_ID IN @associated_linked_pub  %>
       # do action
   <%end%>
<%end%>
Run Code Online (Sandbox Code Playgroud)

ruby ruby-on-rails

18
推荐指数
1
解决办法
3万
查看次数

回形针 - 将tiff图像转换为jpg或png

我正在使用回形针来允许用户上传图像,我想将图像转换为jpg/png,只要它是tiff图像.

我在image.rb中使用以下代码:

validates_attachment_presence :data
  validates_attachment_content_type :data,
  :content_type => ['image/jpeg', 'image/pjpeg',
                                   'image/jpg', 'image/png', 'image/tif', 'image/gif'], :message => "has to be in a proper format"
Run Code Online (Sandbox Code Playgroud)

我想知道是否可以在上传时将tiff图像转换为jpg或png.

非常感谢

ruby-on-rails paperclip

15
推荐指数
2
解决办法
6578
查看次数

JSTREE - 刷新jstree,以便重新运行'bind("loaded.jstree")'中的所有代码

在我的页面上,我有一个按钮,单击该按钮可刷新该页面上的jstree.

<input type="button" value="Test" onclick='$j("#demo2").jstree("refresh");'/>
Run Code Online (Sandbox Code Playgroud)

现在,当jstree加载时,从2D阵列读取数据,并根据在该阵列中找到的数据更改节点图标.我需要一个功能,它将刷新或重新加载jstree,同时根据从2D数组读取的数据显示节点的正确图标.

如果我使用'$j("#demo2").jstree("refresh");',则重新加载树,但它不会保留其先前的打开状态.

jstree代码

$j("#demo2").jstree({
          "ui" : {
            "select_limit" : -1,
            "select_multiple_modifier" : "ctrl",
            "select_range_modifier" :"shift",
          },

          "json_data" : {
            "progressive_render" : false,
            "selected_parent_open": true,
            "ajax" : {
              "url" : "/json/test1.json"
            }
          },

          "plugins" : [ "themes", "json_data", "ui", "crrm", "contextmenu" ],

          'contextmenu' : {
          'items' : customMenu
          }

      })//end of jstree function


      /***************************************************************************
      When the jstree is first loaded, loop through the data retrieved
      from the database (stored previously in a 2d array …
Run Code Online (Sandbox Code Playgroud)

jquery jstree

5
推荐指数
1
解决办法
7462
查看次数

查找元素的属性值

我有以下代码:

  <ul>
    <li class="jstree-leaf" kids="0" range="5-7" name="mars" public_id="mars_05" ra_depth="5">
        <a href="#"><ins class="jstree-icon">&nbsp;</ins>mars</a>
    </li>
    <li class="jstree-leaf" kids="0" range="8-10" name="pluto" public_id="pluto_8" ra_depth="5">
        <a href="#"><ins class="jstree-icon">&nbsp;</ins>pluto</a>
    </li>
  </ul>
Run Code Online (Sandbox Code Playgroud)

我需要通过使用它的属性值来获取ra_depth特定<li>name属性值.

我尝试了下面的代码,但它不起作用:

alert(li[name='"+myarray[0]+"'].attr("ra_depth"));
Run Code Online (Sandbox Code Playgroud)

myarray[0] 包含值"pluto".

有什么我想念的吗?

jquery

5
推荐指数
1
解决办法
3万
查看次数

回形针 - 单击缩略图可在弹出窗口中显示原始图像

我正在使用paperclip在我的Rails应用程序中上传和显示图像.

<% @submission.images.each do | image | %>

<%= image_tag(image.data.url(:thumb), :alt => '') %>

<% end unless @submission.images.first.new_record? rescue nil %>
Run Code Online (Sandbox Code Playgroud)

上面的代码显示图像的缩略图.

我想将缩略图设为链接,以便当用户点击它时,会显示一个弹出窗口,显示原始图像.

我尝试了包含缩略图的链接,如下所示:

<%=link_to image_tag(image.data.url(:thumb)), :popup=>['original_image', 'height=700,width=900'] %>
Run Code Online (Sandbox Code Playgroud)

但我不知道将弹出窗口的内容放在哪里 image_tag(image.data.url(:original))

非常感谢您提供的任何建议.

ruby-on-rails paperclip

3
推荐指数
1
解决办法
5771
查看次数

执行sql查询并在rails中循环结果集

在我的rails应用程序中,我在我的控制器页面中有以下功能.

def tree
@jstree = ActiveRecord::Base.connection.execute("Select sequence, depth, node, imageid, range from.....several joins")
end
Run Code Online (Sandbox Code Playgroud)

我现在想循环遍历结果集并仅在我的视图页面中显示序列tree.html.erb.我尝试了以下代码,它似乎不起作用.

<% @jstree.each do |tree| %>
<%= tree.sequence %>
<% end %>
Run Code Online (Sandbox Code Playgroud)

我收到错误消息:undefined method 'sequence' for #<Array:0x60e0088>.

有没有办法循环执行sql查询的结果集并显示每个列值?

非常感谢所有建议提供:)

ruby-on-rails

3
推荐指数
1
解决办法
2950
查看次数

用于返回2D数组中的不同值的函数

我有以下2D数组

var items = [['al','bv','sd'],
             ['al','cc','ab'],
             ['cv','vv','sw'],
             ['al','bv','sd']
            ];
Run Code Online (Sandbox Code Playgroud)

我需要一个函数,它将返回一个类似的数组,但具有不同的值.例如,在上面的数组中,['al','bv','sd']发生两次.

我想函数返回我:

var items = [['al','bv','sd'],
             ['al','cc','ab'],
             ['cv','vv','sw']
            ];
Run Code Online (Sandbox Code Playgroud)

javascript

3
推荐指数
2
解决办法
4023
查看次数

html - 将 td 封闭在 div 中

我有一个表格,并希望在其中包含一个 div,以便 div 包含一些表格行。但是它不起作用。

<table>
<tr><td> one</td></tr>

<div style="color: yellow;">
<tr><td> two</td></tr>
<tr><td> three</td></tr>
</div>

<tr><td> four </td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

是否可以将表格行括在 div 中?

非常感谢您提供的任何建议。

html

2
推荐指数
1
解决办法
1万
查看次数

javascript - 将select option value设置为null

我必须禁用a中的所有select菜单,div并将其值设置为null.

我使用以下代码禁用选择菜单:

  var div_contents =document.getElementById("div1");
  var elements = div_contents.getElementsByTagName("select");
  for (i=0; i<elements.length; i++) {
      elements[i].disabled = true;
  }
Run Code Online (Sandbox Code Playgroud)

但是,我无法将select标记的值设置为null.

此外,我nullselect标签内没有选项:

<select id="test1" name="test1">
    <option value="a">aa</option>
    <option value="b">bb</option>
    <option value="c">cc</option>
</select>
Run Code Online (Sandbox Code Playgroud)

如果我没有选项,我该如何设置select列表的值?nullnull

javascript

2
推荐指数
1
解决办法
2万
查看次数