Tag: html

与边界/大纲的六angular形状

我知道可以使用下面的代码创build一个六边形形状: .hex:before { content: " "; width: 0; height: 0; border-bottom: 30px solid #6C6; border-left: 52px solid transparent; border-right: 52px solid transparent; position: absolute; top: -30px; } .hex { margin-top: 30px; width: 104px; height: 60px; background-color: #6C6; position: relative; } .hex:after { content: ""; width: 0; position: absolute; bottom: -30px; border-top: 30px solid #6C6; border-left: […]

使用mailto发送附件,html或jsf的电子邮件

如何使用Outlook 2010发送附件(本地文件或Intranet中的文件)的电子邮件? <a href="mailto:a@gmail.com?subject=my report&body=see attachment&attachment=c:\myfolder\myfile.txt"> 似乎没有工作。 我需要在html或jsf中的解决scheme。

为input文件表单设置默认值

可能重复: dynamic设置文件input的值 我有一个input文件的HTML表单,我想在HTML表单中设置文件path的初始值。 我试图改变标签“价值”,但它无法正常工作。 <input type="file" name="testcase" value= "C:\test.txt"> 请给我一些关于这个小问题的build议。 谢谢。

contenteditable = true内部contenteditable = true块在IE8中仍然可以编辑

我有以下HTML意图确保内部span不可编辑。 这适用于其他浏览器,但不适用于IE8。 <div contenteditable="true"> Luke, I am your father. <span contenteditable="false">I'm your son?! Ewww!</span> Don't speak back to me! </div> 这里有一个JSFiddle来说明这一点(使用IE8来testing它): http : //jsfiddle.net/haxhia/uUKPA/3/ 。 我如何确保IE8也正确对待?

如何限制HTML <select>下拉菜单中的可见选项?

如何限制在HTML <select>下拉菜单中显示的选项数量? 例如: <select> <option value="1">1</option> <option value="2">2</option> … <option value="20">20</option> </select> 如何让浏览器只显示前五个选项并向下滚动?

jquery html()去掉脚本标签

我需要用ajax调用的html结果来replace页面中div的内容。 问题是,在HTML中有一些必要的脚本,它似乎jQuery的HTML()函数剥掉它们,我需要筛选的响应,只得到一个特定的股利。 我想一个解决方法是从ajax响应中提取所有的脚本标记,然后追加他们做的DOM,但我有麻烦这样做。 这是我的代码; $('a.link-vote').live('click',function(){ var idfeedback = $(this).attr('id').split('-')[1]; var href = $(this).attr('href'); $('.feedback-' + idfeedback + '-loader').show(); $.ajax({ type: "POST", url: href, success: function(response){ var x = $(response).find('#feedback-'+ idfeedback).html(); $('.feedback-' + idfeedback + '-loader').hide(); $('#feedback-'+ idfeedback).html(x); } }); return false; }); 我发现了这个老话题: HTML中的jQuery脚本标签被jQueryparsing出来,并且不被执行 但这是任何结论。 我尝试了那里build议的解决scheme,但没有一个工作。 编辑:我似乎find了一个基于这个旧主题的解决方法,但它不漂亮; var dom = $(response); // var x = […]

将样式应用于父项,如果它具有CSS的子项

我试图将styles应用于parent如果它有child元素。 到目前为止,我已经将样式应用于child元素(如果存在)。 但是,如果parent有child ,我只想用CSS来style parent的CSS 。 以下是html <ul class="main"> <li>aaaa</li> <li>aaaa</li> <li>aaaa</li> <li>aaaa</li> <li>aaaa <ul class="sub"> <li>bbbb</li> <li>bbbb <ul> <li>cccc</li> <li>cccc</li> <li>cccc</li> </ul> </li> <li>bbbb</li> <li>bbbb</li> <li>bbbb</li> </ul> </li> <li>aaaa</li> <li>aaaa</li> <li>aaaa</li> </ul> 的css代码 * { margin:0; padding:0; text-decoration:none; } .main li { display:inline-block; background:yellow; color:green; } .main > li > ul > li { […]

D3条形图示例不在本地工作

我对D3很新,想看看一个例子在本地是如何工作的。 我将条形图代码复制并粘贴到一个名为index.html的本地文件,并复制到data.tsv上。 出于某种原因,当我在浏览器上打开文件时绝对没有任何东西显示出来! 我试图将脚本src更改为“d3 / d3.v3.min.js”,因为这是我下载的d3文件夹。但是,这也不起作用。 对于我尝试的每个示例,我都还没有成功查看D3示例。 帮助将不胜感激! index.html代码如下: <meta charset="utf-8"> <style> body { font: 10px sans-serif; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .bar { fill: steelblue; } .x.axis path { display: none; } </style> <body> <script src="d3/d3.v3.min.js"></script> <script> var margin = {top: 20, right: 20, bottom: 30, […]

什么是input元素的innerHTML?

我只是试图从维基百科的铬控制台上做到这一点。 我将光标置于search栏中,然后尝试执行document.activeElement.innerHTML += "some text"但不起作用。 我search了一下,看看其他的属性和属性,不知道我做错了什么。 activeElementselect器正常工作,它正在select正确的元素。 编辑 :我只是发现它是value属性。 所以我想改变我的问题。 为什么不改变input元素的innerHTML工作? 为什么他们有这样的财产,如果我不能做任何事情呢?

如何使用PHP将HTML转换为JSON?

我可以使用JsontoHtml库将JSON转换为HTML。 现在,我需要将现在的HTML转换为JSON,如本网站所示。 当查看代码时,我发现了以下脚本: <script> $(function(){ //HTML to JSON $('#btn-render-json').click(function() { //Set html output $('#html-output').html( $('#html-input').val() ); //Process to JSON and format it for consumption $('#html-json').html( FormatJSON(toTransform($('#html-output').children())) ); }); }); //Convert obj or array to transform function toTransform(obj) { var json; if( obj.length > 1 ) { json = []; for(var i = 0; i < […]