Tag: html

Textarea可以在飞行中进行语法高亮显示？: 为了便于维护，我在CMS内部存储了许多HTML块。它们由<textarea>表示。有没有人知道某种types的JavaScript Widget可以在textarea或类似的语言中对HTML进行语法高亮显示，同时仍然保留一个纯文本编辑器（没有WYSIWYG或高级函数）？

将一个favicon添加到一个静态的HTML页面: 我有几个static pages ，只是纯HTML，当服务器closures时显示。如何将我制作的图标（它是16x16px，它与HTML文件位于同一目录中;它被称为favicon.ico）作为“制表符”图标。我已经阅读了维基百科，并看了几个教程，并已经实现了以下内容： <link rel="icon" href="favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 但它仍然不想工作。我正在使用Chrome来testing网站。根据维基百科，.ico是在所有浏览器types上运行的最佳图片格式。更新虽然代码检查出来，但是一旦服务器开始为网站提供服务，它将只能真正正常工作，我无法在本地工作。只要尝试推送到服务器，并刷新您的caching，它应该工作正常。

勾选HTML / XHTML中的符号: 我们需要在内部Web应用程序中显示一个刻度符号（✓或✔），并且最好避免使用图像。必须在XP上使用IE 6.0.2900才能正常工作，理想的情况是我们需要跨浏览器（IE +最新版本的FF）。下面的显示框虽然将浏览器编码设置为UTF-8（META很好地工作，而不是问题）。默认的字体是Times New Roman（可能是个问题，但是尝试Lucida Sans Unicode并没有帮助，我也没有Arial Unicode MS，也没有安装Lucida Grande）。 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <body> ✓ ✔ </body> </html> 任何帮助赞赏。 IE 6.0和IE 7下的工作如下： <html> <head> </head> <body> <span style="font-family: wingdings; font-size: 200%;">ü</span> </body> </html> 如果有人可以在Windows下查看FF，我将不胜感激。我很确定它不会在非Windows的框中工作。

如何在JavaScript中实现DOM数据绑定: 请把这个问题视为严格的教育。我仍然有兴趣听到新的答案和想法来实现这一点 TL;博士我将如何实现与JavaScript的双向数据绑定？数据绑定到DOM 通过数据绑定到DOM我的意思是，例如，一个JavaScript对象与属性b 。然后有一个<input> DOM元素（例如），当DOM元素改变时，改变反之亦然（即我的意思是双向数据绑定）。下面是AngularJS的一个图表：所以基本上我有JavaScript类似于： var a = {b:3}; 然后input（或其他forms）的元素，如： <input type='text' value=''> 我希望input的值是ab的值（例如），当input文本改变时，我也想改变ab 。当ab在JavaScript中改变时，input改变。问题什么是一些基本的技术来完成这个普通的JavaScript？具体来说，我想要一个很好的答案来提到：绑定如何为对象工作？如何听取forms的变化可能会奏效？是否可以简单的方式只在模板级别修改HTML？我不想跟踪HTML文档本身的绑定，只能在JavaScript中进行绑定（使用DOM事件，JavaScript保留对所使用的DOM元素的引用）。我试过了什么？我是胡子的粉丝，所以我试着用它做模板。然而，当我尝试执行数据绑定本身时遇到了问题，因为Mustache将HTML处理为string，所以在得到结果之后，我没有参考viewmodel中对象的位置。我唯一能想到的解决方法是使用属性修改HTMLstring（或创build的DOM树）本身。我不介意使用不同的模板引擎。基本上，我有一个强烈的感觉，我正在把问题复杂化，并有一个简单的解决scheme。注意：请不要提供使用外部库的答案，尤其是那些有数千行代码的答案。我已经使用（和喜欢！）AngularJS和KnockoutJS。我真的不希望在'使用框架x'的forms的答案。最好是，我想要一个未知的读者不知道如何使用许多框架来掌握如何实现双向数据绑定。我不期待一个完整的答案，而是一个能够把这个想法传递出去的答案。

什么字符可以用于向上/向下的三angular形（无茎的箭头）在HTML中显示？: 我正在寻找一个向上或向下的三angular形的HTML或ASCII字符，以便我可以使用它作为切换开关。我发现↑（ ↑ ）;和↓（ ↓ ） ↓但是那些有一个狭窄的干。我正在寻找HTML箭头“头”。

在多个html页面之间共享一个variables: 我有一个类的项目，创buildHTML页面（S）与JavaScript，而不使用任何服务器端通信，第一个是关于用户input一个特殊的数字。在第一页中，教师必须input关于他的课程的信息和学生号码，然后在完成后点击下一页，打开一个新页面，询问每个学生的信息和成绩。但是当从第一页改变到第二时，学生号码的variables变得不确定。我正在使用这个部分 var snum; function savesnum(val){ snum =val;} 而且还试过， var snum; function savesnum(){ snum = document.getElementById('stunb').value; }

html标记的id中的特殊字符: 在html代码中，我现在使用代码<input type = "text" id = "abc@def.com">来获取文本，它需要获取在文本字段中input的值。我正在使用jQuery来做到这一点： $( document ).ready( function() { $( ".bid" ).click( function() { idVal = this.id bidID = "#" + idVal + "bid" spanID = "#" + idVal + "cbid" bidValue = $(bidID).val(); alert(idVal) alert(bidID) alert(bidValue) //this alert says undefined $( spanID ).html( ' ' ).load( '{% url online_machines %}?id=' + […]

居中在CSS网格: 我正在尝试使用CSS Grid创build一个简单的页面。我没有做的是将文本从HTML中心到各自的网格单元格。我已经尝试将内容放置在left_bg和right_bgselect器的内部和外部的独立div中，并且使用某些CSS属性无济于事。我如何做到这一点？ html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; } .right_bg { display: subgrid; background-color: #ecf0f1; grid-column: 2 / 2; grid_row: 1 […]

Firefox中href =“file：///// …”的解决方法: 在内部网站上，假设我想使用UNC链接到共享上的文件，url为： \\servername\foldername\filename.rtf 看来这样做的正确方法是像这样的标记： <a href="file://///servername/foldername/filename.rtf">filename.rtf</a> 这是五个斜杠 – 两个用于协议，一个用于指示文件系统的根目录，另外两个用于指示服务器名称的开始。这在IE7中工作正常，但在Firefox 3.6中，只有当html来自本地文件时才能工作。当文件来自Web服务器时，我无法使它工作。链接是“死” – 点击它什么都不做。有没有在Firefox这个解决方法？这两个浏览器应该是我现在需要担心的一切。由于这显然是Firefox的一个function，不是一个错误，有人可以解释什么是防止这种types的链接的好处？

为什么嵌套锚标签是非法的？: 我了解到，嵌套定位标记不符合标准的HTML。从W3：由A元素定义的链接和定位点不能嵌套。一个A元素不能包含任何其他的A元素。由于DTD将LINK元素定义为空，因此LINK元素可能不会嵌套。看起来像在这个问题的select答案中提出的那些替代scheme将有更多的创造出乎意料的行为的机会，而不是简单地嵌套锚！使用onclick事件处理程序看起来像是矫枉过正，只是为了redirectJS中的页面。更不用说使用脚本解决scheme会导致禁用脚本浏览的用户出现问题。编辑有趣的是，我正在做一个小提琴来演示，而我忽略了chrome实际上正在重构DOM： <div id="container"> <a href="http://yahoo.com"></a> <div class="parent"> <a href="http://yahoo.com">Parent Element</a> <a href="http://google.com"> <div class="child">Child Element</div> </a> <a href="http://bing.com"> <div class="child">Other Child</div> </a> </div> </div> 我忽略了这一点，因为我看到hover工作，并有我的鼠标在文本上。现在知道这并不一定会改变我的问题，但它确实certificate它甚至不以我想的方式工作。