Tag: JavaScript
GitHub如何改变URL而不是重新加载？
嗨，我注意到，浏览一个GitHub仓库时，它使用AJAX加载每个文件夹/文件。 我明白这一切，我只是想知道他们是如何改变的url。 你可以得到和设置JavaScript的URL？ 如果是这样的话，对于为基于JavaScript的网站的一部分添加书签可能非常有用。 （在一个之内的几页，用JavaScript之间移动） 谢谢。
得到有多less人在socket.io的聊天室里
我现在有这个代码设置了缺口和空间： io.sockets.on('connection', function(client){ var Room = ""; client.on("setNickAndRoom", function(nick, fn){ client.join(nick.room); Room = nick.room; client.broadcast.to(Room).emit('count', "Connected:" + " " + count); fn({msg :"Connected:" + " " + count}); }); 我想知道如何让多less人连接到特定的聊天室…比如Room.length 客户端 ： function Chat(){ this.socket = null; this.Nickname = ""; this.Room = ""; var synched = $('#syncUp'); this.Connect = function(nick, room){ socket = io.connect('http://vybeing.com:8080'); Nickname […]
是否有可能根据浏览器宽度dynamic缩放文字大小？
这是这个项目： http : //phlak.github.com/jColorClock/ 。 正如你所看到的，现在文本大小只是设置为一个静态大小。 我希望文本始终是窗口宽度的90％，但也要相应地缩放垂直尺寸。 有没有一个相对简单的方法来做到这一点？
jQuery表格到CSV导出
我正在使用CSV插件的jQuery表。 我修改了popup窗口，告诉浏览器下载一个CSV文件。 它是： function popup(data) { var generator = window.open('', 'csv', 'height=400,width=600'); generator.document.write('<html><head><title>CSV</title>'); generator.document.write('</head><body >'); generator.document.write('<textArea cols=70 rows=15 wrap="off" >'); generator.document.write(data); generator.document.write('</textArea>'); generator.document.write('</body></html>'); generator.document.close(); return true; } 我已经将其更改为： function popup(data) { window.location='data:text/csv;charset=utf8,' + encodeURIComponent(data); return true; } 它的工作，大部分。 它仍然需要你find你的电子表格软件，并创build自己的文件名…因为它创build了一个奇怪的文件名（例如：14YuskG_.csv.part）。 有关如何改善这一点的任何build议？
AngularJS：观察高度变化的更好方法
我有旧的variables高度导航问题：一个position: fixes导航顶部和margin-top: $naviHeight的内容margin-top: $naviHeight下面。 导航可以在数据asynchronous加载时更改高度，因此内容的边距必须随之改变。 我希望这是自足的。 所以没有代码在哪里加载数据，但只在所涉及的HTML元素/指令。 目前我正在AngularJS 1.2.0中使用这样的计时器： /* * Get notified when height changes and change margin-top */ .directive( 'emHeightTarget', function(){ return { link: function( scope, elem, attrs ){ scope.$on( 'heightchange', function( ev, newHeight ){ elem.attr( 'style', 'margin-top: ' + (58+newHeight) + 'px' ); } ); } } }) /* * Checks this […]
如何使用JavaScript创build会话？
如何在JavaScript创build会话？ 我尝试像这样： <script type="text/javascript" > { Session["controlID"] ="This is my session"; } </script> 为什么我要找会话？ 我使用AJAX请求XML。 XML响应我想要存储在会话和这个会话中，我想传递给服务器页面（.asp）。 我的意思是写像这样的东西： <% response.write session("MySession")%>
如何在dynamic元素上绑定引导弹窗
我在dynamic列表中使用Twitter Bootstrap的popup窗口。 列表项有一个button，当我点击button，它应该显示popup窗口。 当我在非dynamictesting时，它工作正常。 这是我的非dynamic列表的JavaScript $("button[rel=popover]").popover({ placement : 'right', container : 'body', html : true, //content:" <div style='color:red'>This is your div content</div>" content: function() { return $('#popover-content').html(); } }) .click(function(e) { e.preventDefault(); }); 但是，它在dynamic列表上不能正常工作。 它可以显示出来，当我点击button“两次”，只显示我点击第一时间的列表项目之一。 MY html： <ul id="project-list" class="nav nav-list"> <li class='project-name'> <a >project name 1 <button class="pop-function" rel="popover" ></button> </a> </li> <li class='project-name'> […]
删除特定types的所有事件监听器
我想删除使用addEventListener()添加的特定types的所有事件侦听器。 我看到的所有资源都是说你需要这样做： elem.addEventListener('mousedown',specific_function); elem.removeEventListener('mousedown',specific_function); 但是我希望能够在不知道目前是什么的情况下清除它，如下所示： elem.addEventListener('mousedown',specific_function); elem.removeEventListener('mousedown');
如何创build一个JQuery时钟/定时器
我有一个简单的测验应用程序，我想在页面的顶部显示一个不错的计时器/时钟，向用户显示他们已经进行了多久。 （如果我能以某种方式向他们展示一个总计测验时间的计时器，而且这个问题时间的第二个计时器会更酷，但是我应该能够弄清楚如何做到这一点，一旦我有一个计时器工作。 我的问题是： 使用JQuery展示一个简单的计时器/时钟是一个很好的简单的方法吗？ （直JS也行）我知道如何检查时间，但我怎样才能获得递增的秒数？ 我自己的search不断引导我到JQuery插件（我想滚动我自己的），还有“事件计时器”，这不是我正在寻找…
如何使用JavaScript暂停和恢复CSS3animation？
我试图谷歌，从这个论坛看，我的问题的解决scheme，但没有运气到目前为止。 我想通过点击图片来暂停我的CSS3animation（图片幻灯片），并通过点击图片恢复到相同的animation。 我知道如何暂停幻灯片放映，而且我也能够恢复一次，但是如果尝试暂停和恢复一次以上，则停止工作。 以下是我的代码的样子： <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .pic { position: absolute; opacity: 0; } #pic1 { -webkit-animation: pic1 4s infinite linear; } #pic2 { -webkit-animation: pic2 4s infinite linear; } @-webkit-keyframes pic1 { 0% {opacity: 0;} 5% {opacity: 1;} 45% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 0;} } @-webkit-keyframes pic2 […]
