我的页面中有一个按钮,单击该按钮会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在屏幕中间显示,即使页面已滚动.
我想执行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) 我正在使用回形针来允许用户上传图像,我想将图像转换为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.
非常感谢
在我的页面上,我有一个按钮,单击该按钮可刷新该页面上的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) 我有以下代码:
<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"> </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"> </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".
有什么我想念的吗?
我正在使用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))
非常感谢您提供的任何建议.
在我的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查询的结果集并显示每个列值?
非常感谢所有建议提供:)
我有以下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) 我有一个表格,并希望在其中包含一个 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 中?
非常感谢您提供的任何建议。
我必须禁用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.
此外,我null在select标签内没有选项:
<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