天道酬勤,学无止境

html

使用 JavaScript 从 firebase 中删除对象(Remove object from firebase using JavaScript)

问题 我在 firebase-database 上设置了一些对象,并在带有“child_added”和 append() 的 HTML 表上显示它们,以便在将它们添加到数据库后立即动态添加它们,并且每行必须有一个删除按钮的表,但问题是,我无法让这个删除按钮工作...... 这是数据库结构的样子: Assets: { -KkBgUmX6BEeVyrudlfK: { id: '-KkBgUmX6BEeVyrudlfK', name: 'John', brand: 'HP' } -KkDYxfwka8YM6uFOWpH: { id: '-KkDYxfwka8YM6uFOWpH', name: 'Jack', brand: 'Dell' } } 这是我的index.js : var rootRef = firebase.database().ref().child("Assets"); $("#table_body").on('click','.delete-btn', function(e){ var $row = $(this).closest('tr'), rowId = $row.data('id'); var assetKey = rootRef.child("id"); //it should remove the firebase object in here rootRef

2022-01-25 05:42:48    分类:技术分享    javascript   jquery   html   firebase   firebase-realtime-database

Python Scrapy 只会一遍又一遍地抓取相同的元素(Python Scrapy only scraping the same elements over and over again)

问题 我正在尝试学习 Scrapy,我正在 yelp 网站上学习这个 LINK 但是当 scrapy 运行时,它会一遍又一遍地抓取相同的电话、地址,而不是抓取不同的部分。 我使用的选择器是所有的“li”标签,属于页面的每个餐馆的特定类,每个LI标记包含我使用适当的选择器的每个餐厅信息,但Scape给了我的结果,重复形成2或3家餐馆。 出于某种原因,Scrapy 一遍又一遍地使用相同的部分,而当它们在 for 循环中完成时应该跳过它们。 这是代码 try: import scrapy from urlparse import urljoin except ImportError: print "\nERROR IMPORTING THE NESSASARY LIBRARIES\n" #scrapy.optional_features.remove('boto') url = raw_input('ENTER THE SITE URL : ') class YelpSpider(scrapy.Spider): name = 'yelp spider' start_urls = [url] def parse(self, response): SET_SELECTOR = '.regular-search-result' #Going over each li tags containg

2022-01-25 05:39:52    分类:技术分享    python   html   css   web-scraping   scrapy

如何移动到外部页面的特定部分(How to move to specific section of external page)

问题 在我的网站上打开一个新标签后,我想将焦点移到外部网站页面的底部。 这样做的原因是我真正想要显示的项目位于页面底部(实际上是一些搜索结果)。 这是目前的链接: <a href="http://www.approvedworkshops.co.uk/search/map/wales/#results" target="_blank">NCC Approved</a> 我想突出显示列表中的最后一项“Cymru Caravan & Trailer Services”。 非常感谢所有帮助。 谢谢迈克 回答1 一般来说,不能链接到外部页面的底部,也不能突出显示上面的任何项目。 JavaScript 变通方法也不存在问题,因为它们无法从外部域访问页面。 但是,在您的情况下,您可以使用 kuldgy 解决方法并跳转到页面底部 ID 为“footer”的元素: http://www.approvedworkshops.co.uk/search/map/wales/#footer 这是您在不先将整个页面获取到您的服务器上的情况下能够做到的最好的事情。 回答2 我快速浏览了一下,这不是杂乱无章,它实际上是 HTML 4.01 规范的一部分: 我们可以通过使标题元素本身成为锚点来实现相同的效果(作为命名锚点) ...... <H2 id="section1">简介</H2> 很高兴知道

2022-01-25 05:36:07    分类:技术分享    html

使用 HTML 和 CSS 模仿 apple.com 的 globalsearch 输入字段(Mimic apple.com globalsearch input field with HTML and CSS)

问题 好的,所以如果您查看 http://www.marioplanet.com,您会看到我正在尝试为我的菜单栏模仿 apple.com 的设计,包括我的全局搜索栏。 现在,我正在尝试模仿 Apple 的全局搜索栏输入字段,尽可能接近,所以我需要一些帮助。 我希望该字段位于中间,我尝试使用maring: auto auto; 但这没有用.. 我也想使用 Apple 网站上的圆角技术,但我不知道该怎么做。 那是CSS3吗? 我还需要一个灰色的占位符字符串来读取Search ,但我认为我可以使用 JS 来实现它。 如果可以使用 HTML 或 CSS,请告诉我。 与输入字段左侧对齐的小聚光灯/放大镜图像很好,但不是必需的:) 好的,您可以查看该站点,但这里也是代码: 索引.htm: <div id="globalheader" class="apple"> <!--googleoff: all--> <ul id="globalnav"> <li id="gn-home"><a href="index.htm">Home</a></li> <li id="gn-catalog"><a href="catalog.asp">Shop!</a></li> <li id="gn-about"><a href="about.htm">About</a></li> <li id="gn

2022-01-25 05:34:07    分类:技术分享    html   css   input   textinput

Font-awesome icons are missing

I want to design a website using html5 and bootstrap.In, and to my html code, I need Font-Awesome icons. But when I put font-awesome.min.css and corresponding fonts, the Font-Awesome icons did not load in my page. So when I inspect that page, I get the following errors and warning on my console: downloadable font: download failed (font-family: "Roboto" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed source: http://[::1]/futuroit/userasset/css/Fonts/Roboto/regular.ttf style.css:9:1 downloadable font: download failed (font-family: "Roboto" style

2022-01-25 05:33:25    分类:问答    css   html   fonts

当最小/最大宽度与某个宽度匹配时,jquery 调整 div 的大小(jquery resize div when min/max width matches certain width)

问题 如果窗口宽度低于 x px 或 %,如何将 div 的大小逐渐调整为 0,当窗口大于 x px 或 % 时,如何将其重新调整为 max-width? 回答1 这通常使用 CSS 完成,使用 CSS 转换属性,然后使用 jQuery 的 addClass CSS #myElementToResize{ width: 100px; -webkit-transition: width 2s; transition: width 2s; } .minimized{ width: 0px; } JS $(window).resize(function(){ if ( $(window).width() <= 768 ){ $("#myElementToResize").addClass("minimized"); } else { $("#myElementToResize").removeClass("minimized"); } }) 回答2 在整页上运行此示例。 添加一个resizeTimer以在触发 resize 事件之前提供一点时间间隔。 var resizeTimer; $(window).on('resize',function(){ clearTimeout(resizeTimer); resizeTimer = setTimeout(function(){ $("

2022-01-25 05:32:26    分类:技术分享    javascript   jquery   html

是否可以在 JavaScript 中的滚动条上捕获鼠标事件(Is it possible to capture mouse events on a scroll bar in JavaScript)

问题 我有一个带有overflow: scroll 。 当我单击元素时,会触发使用元素注册的单击事件侦听器,但当我单击元素的滚动条时不会触发。 是否可以捕获发生在 HTML 元素的滚动条上的鼠标事件? 我想这样做的原因是,当弹出元素之外的任何地方发生单击事件时,使可视弹出元素消失。 回答1 您可以设置标准滚动条的样式并放置您自己的样式,这将允许您进行您所寻求的控制。 http://livepipe.net/control/scrollbar 可能会有所帮助。

2022-01-25 05:28:38    分类:技术分享    javascript   html   events   scrollbar

动态表单,有或没有 multipart/form-data(Dynamic form, with or without multipart/form-data)

问题 我正在用java设计一个简单的CRUD框架,在我的HTML页面中我有一个动态表单(2个用于创建和更新文件上传,1个没有文件上传和多部分删除)。 服务器端,请求调制器使用request.getParameterMap(); 并从此隐藏类型输入中检查<input type="hidden" name="returntype" value="Create">是否是创建、更新或删除操作。 基于此,它将调用必要的处理程序。 注意:我的表单 enctype 和编码设置为multipart/form-data注意:我的 paramMap.size() 在这里返回 0 并且 returnType 变得空,所以我得到空指针异常。 如果我根本不使用 enctype 和 encoding 它运行良好,但是我的文件上传再次给了我一个例外,即编码类型应该是multipart/form-data 。 任何人都可以帮助我,让我拥有一个可以创建 CRUD 的动态表单吗? 或者为什么我不能使用request.getParameterMap(); 使用multipart/form-data谢谢 :) 下面给出的是请求调制器的代码 public String identifyNow()throws ServletException, java.io.IOException { UploadXmlAgent

2022-01-25 05:17:06    分类:技术分享    java   html   servlets   file-upload   multipartform-data

使用 pd.read_html 解析 html 表格,其中单元格本身包含完整表格(Parsing an html table with pd.read_html where cells contain full-tables themselves)

问题 我需要从 html 中解析一个表,该表具有嵌套在较大表中的其他表。 正如下面使用pd.read_html调用的那样,这些嵌套表中的每一个都被解析,然后“插入”/“连接”为行。 我希望将这些嵌套表分别解析为它们自己的pd.DataFrames并作为对象插入作为相应列的值。 如果这是不可能的,将嵌套表的原始 html 作为字符串放在相应的位置就可以了。 测试代码: import pandas as pd df_up = pd.read_html("up_pf00344.test.html", attrs = {'id': 'results'}) 输出截图: 以 html 呈现的表格的屏幕截图: 文件链接:https://gist.github.com/smsaladi/6adb30efbe70f9fed0306b226e8ad0d8#file-up_pf00344-test-html-L62 回答1 您不能使用 read_html 读取嵌套表格,但您可以滚动自己的 html 阅读器并将read_html用于表格单元格: import pandas as pd import bs4 with open('up_pf00344.test.html') as f: html = f.read() soup = bs4.BeautifulSoup(html, 'lxml')

2022-01-25 05:17:01    分类:技术分享    python   html   pandas   beautifulsoup   lxml

如何轻弹 DIV 并让它朝正确的方向移动?(How do I flick a DIV and have it move in the right direction?)

问题 如果我有一个 5x5 正方形的 div 或其他东西。 我希望能够单击它,然后在按住鼠标的同时将其向一个方向移动,并在释放鼠标后,让 div 朝着我“轻弹”的方向飞行。 如何使用 jquery 或 javascript 完成此操作? 不确定这背后是否有算法或逻辑。 回答1 从概念的角度来看(毫无疑问,我很快就会被实际代码打败)我会在 MouseDown 上注册鼠标坐标,并将它们与 MouseUp 上的鼠标坐标进行比较,以确定移动 div 的角度(这将允许DIV 继续朝着正确的方向移动,即使 MouseUp 靠近 DIV)。 更简单的方法是将方块移向 MouseUp 坐标(即鼠标按下坐标在小 DIV 中并不重要),但如果 MouseUp 非常靠近 MouseDown,这将不起作用。 无论哪种方式,使用类似这个答案的东西(如何使 div 或对象逐渐移动到使用 javascript 的鼠标点击点?),除了在 MouseUp/MouseRelease 而不是点击上,理想情况下朝向投影点(沿着 MouseDown 和 MouseUp 之间的线指定的距离)。 编辑 我在下面包含了一个原型示例(它非常匆忙,可以使用大量优化 + 更清晰的概念来处理页面/图形 y 轴之间的差异,以及更好地处理陡坡,以及计算基于抛掷的距离关于mousedown/mouseup之间的距离

2022-01-25 05:16:49    分类:技术分享    javascript   jquery   html