Tag: javascript

检查div是否可以在窗口中查看?

我有一个单页网站,固定导航和使用滚动脚本,非常类似于: http : //www.ivanjevremovic.in.rs/live/temptation/single/orange/index-cycle-slider.html 我正在寻找一种方法来检查在窗口中可以看到哪些部分,以便在使用浏览器滚动条时设置导航器上的活动状态,任何想法?

上传/下载之前/之后的客户端(javascript / jQuery)文件操作

我只是在探讨这件事情,看了一会儿,画了一个空白。 我想看看这是否可能,因为到目前为止我看不到这样做的方法。 我想在上传之前在本地(使用现有库的浏览器)加密文件。 然后我需要检索它并在将文件呈现给用户之前解密它。 具体来说,我无法在存储之前将文件发送到服务器进行加密。 需要在客户端执行加密/解密。 这是我需要做的大致流程: 向用户显示查找文件小部件。 将文件读入客户端脚本(即在本地加载) 在客户端上加密它。 上传加密版本,刷新客户端并存储数据。 并且,相反: 下载存储的加密版本的文件。 在客户端解密它。 将解密的文件作为下载呈现给用户。 我一直在寻找客户端上的某种MIME编码(类似于电子邮件附件在以纯文本forms发送之前进行MIME编码的方式)。 我对jQuery方法特别感兴趣,因为这是我的应用程序的其余部分使用的,但是普通的旧javascript会很好。 非常感激地收到任何想法或指示。 这是我正在考虑假期的人。 所以,提前感谢任何评论。

调整背景图像以适应

我正在努力使背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率来调整它的大小(不确定通常使用的是什么,但我认为浏览器大小在这里有意义)。 这个想法是如果观察者屏幕很小,背景图像变小,并且随着屏幕变大,图像会扩大以适应其最大尺寸。 我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。

jQuery:克隆元素和事件

每当我使用ajax动态创建新内容,.clone(),append()等时,新元素就会丢失我编程的任何触发器和事件=( 在复制之后,在复制元素上添加类的其他元素上工作的简单事物不再起作用。 任何新的ajax内容都不起作用。 命令按钮不再起作用。 我能做什么? 我正在克隆这个HTML,命令按钮不再起作用。 样式化span元素不再适用于CLONED元素: ID: Status: Display Hide *Date:    *Title: *Venue: Telephone: URL: Address:    *City: State: ZIP: *Country: Comments: Edit Delete 添加了新评论,11/03/2011: 好的,我发现了问题,我的jQuery出错了。 现在,当我添加.clone(true)ALMOST时一切正常。 我的新问题是UI datepicker。 克隆HTML后,当我单击新克隆的日期字段时,焦点将转到克隆数据的(旧)日期字段。 更重要的是,如果我选择一个日期,则值将转到旧的日期字段 – 不再是新克隆的日期字段。 这是我的ajax代码(成功完成后): UI datepicker代码: $(“input[name=’date’]”).datepicker({ dateFormat: ‘yy-mm-dd’, changeMonth: true, changeYear: true, numberOfMonths: 3, showButtonPanel: true}); 阿贾克斯: …ajax code… function(data) { var […]

如何使div从右向左滑动

从某人那里得到了一个代码…. 我喜欢的是将滑动div从右滑动到左边,我的意思是它将div隐藏到右边并慢慢向左滑动300px宽度。 HTML quote User Area CSS #loginPanel { color: #000; cursor:pointer; } #userNav { width: 200px; height: 200px; display: none; background: #ff0000; } jQuery的 // Open / Close Panel According to Cookie // if ($.cookie(‘panel’) == ‘open’){ $(‘#userNav’).slideDown(‘fast’); } else { $(‘#userNav’).slideUp(‘fast’); } // Toggle Panel and Set Cookie // $(‘#loginPanel’).click(function(){ $(‘#userNav’).slideToggle(‘fast’, function(){ if […]

如何在Django模板中使用Jquery / Ajax正确刷新div

我试过在这里实现解决方案,但我似乎无法让它正常工作。 我有一个使用Django模板中的循环填充的div。 在下面,我有一个输入框,我可以在其中键入一些文本,然后单击提交。 Submit操作应该触发一个Jquery脚本,该脚本从服务器获取一个模型对象。 然后应该将该模型对象赋予div,并且随后应该对div进行“刷新”。 这里的意图是,一旦div被’刷新’,for循环访问的变量就会被更新,从而显示额外的新结果。 我的模板代码: This is a Test Ajax Page {% for comment in question.comment_set.all %} {{ comment.body }} {% endfor %} Add 我的Jquery: $(document).ready(function() { $(“button.add-comment-button”).click(function() { var com_body = $(‘#my-text-input-id’).val(); $.ajax({ url: ‘/test_login_url’, success: function(data) { $(‘#refresh-this-div’).html(data); } }); }); }); 我的看法: def test_login_url(request): question = Question.objects.get(id=1) com = Comment(question=question, […]

jquery javascript从JSON对象中删除对象数据

我有一个看起来像下面的对象的JSON对象,这个对象可以持续数天。 所以我想知道无论如何我可以删除全套,相当于下面例子中的位置[0]或位置[1]。 我必须首先遍历Object并试图弄清楚哪一个是哪个。 所以我想说我要删除一个邮政编码为06238的集合,我需要遍历整个位置对象,找出它在对象中的哪个集合,然后相应地删除它。 问题是我不确定如何接近这个概念。 { “locations”: [ { “city”: “San Jose”, “state”: “CA”, “zipcode”: “95125”, “longitude”: “0”, “latitude”: “0” }, { “city”: “Coventry”, “state”: “CT”, “zipcode”: “06238”, “longitude”: “0”, “latitude”: “0” } ] }

在select2 multiselect中加载值

我用select2代替搜索框。 在这里我用来加载像这样的国家值 $(“#countries”).select2({ multiple: true, tags:[“India”, “Japan”, “Australia”,”Singapore”], tokenSeparators: [“,”] }); 当我按下保存按钮时,它们被正确地提交给服务器,现在问题是我想在保存到服务器后修改国家/地区字段,如何将保存的值加载到国家/地区字段。 这是我从服务器检索数据的方式 $.getJSON(‘/dataprovider?data=fetchCountriesForm’, function(opts) { //the opts here contains the json values of the countries. //what code should be written here to load the values in $(‘#countries).select2(); //user can add some more countries or can remove the previously added countries. }

如何添加到我的表格filter以允许多个复选框选择,以及从下拉列表中过滤?

我有一个表可以通过多个复选框以及“选择”下拉列表进行过滤。 基本上,我希望能够做的是点击多个复选框,以便找到包含该类的每一行,所以类1和3或示例,然后按位置过滤它。 我已经非常接近这一点,在这里我可以选择位置(也是一个类,两个字母用于州缩写),以及复选框中的单个类,但我希望人们能够比较多个类从复选框。 问题是我理解的,但似乎无法弄清楚如何解决。 代码将每个类添加到“tr”的末尾。 这意味着如果您从复选框中应用2个filter,它什么也找不到,而不是从每个filter中找到所有内容。 虽然这个行为对于1个复选框和Dropdown非常有用,这意味着它只会给我Tennessee的Filter 1值,我希望它能够同时给我Filter 2,Filter 3和Filter 4,如果我所以选择。 有关如何更改此选项以使其允许多个复选框选择的任何想法? 顺便说一下,我可以使用的JavaScript / jQuery插件非常有限,这就是为什么我很难使用tableSorter这个解决方案。 我的HTML: Filter 1 Filter 2 Filter 3 Filter 4 –Choose State– Tennessee Missouri Nevada Iowa State City, Tennessee Active JavaScript的: $(“input[name=’filterStatus’], select.filter”).change(function () { var classes = “”; var stateClass = “” $(“input[name=’filterStatus’]”).each(function() { if ($(this).is(“:checked”)) { classes += “.” […]

在滚动时突出显示活动菜单项

我正在使用jQuery进行单页导航。 我想要的是当用户滚动时,突出显示的菜单将被更改。 我想出了以下代码: HTML Maurice Draait Menu Home About us Agenda Galerij Organisatie Contact Headline 1 Headline 2 Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Maurice Draait Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat […]