Questions tagged «html»

我有一些HTML样机 <a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a> 发送请求时，我收到了服务器的响应。 有了这个模型，我得到了AJAX请求的响应，该请求将我的代码发送到服务器。 好吧，一切都很好，但是当我单击链接时，浏览器要打开该函数作为链接；单击后的意思是我看到地址栏为 javascript:ShowOld(2367,146986,2) 表示如果我想在有效的萤火虫中执行此操作，则表示浏览器的URL。现在，我想这样做，然后当有人单击链接时，浏览器将尝试调用已在DOM中加载的函数，而不是尝试在浏览器中打开它们。

86 javascript  html  debugging 

我正在尝试加载用户通过元素选择的图像。 我向输入元素添加了一个onchange事件处理程序，如下所示： <input type="file" name="picField" id="picField" size="24" onchange="preview_2(this);" alt=""/> 而Preview_2函数为： var outImage ="imagenFondo"; function preview_2(what){ globalPic = new Image(); globalPic.onload = function() { document.getElementById(outImage).src = globalPic.src; } globalPic.src=what.value; } 其中outImage具有标签的ID值，我要在其中加载新图片。 但是，似乎永远不会发生onload，并且不会向html加载任何内容。 我该怎么办？

86 javascript  html 

有没有一种方法可以设置<option>元素中当前选定元素的样式<select>？ 然后可以为当前选择的选项元素提供背景颜色吗？这样，我可以设置关闭下拉菜单中当前可见的选项的样式。

86 html  css  css-selectors  pseudo-class 

在Angular 2中，如何屏蔽输入字段（文本框），使其仅接受数字而不接受字母字符？ 我有以下HTML输入： <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> 上面的输入是通用文本输入，可以用作简单文本字段或用作数字字段，例如以显示年份。 使用Angular 2，我如何使用相同的输入控件并在此字段上应用某种过滤器/掩码，以使其仅接受数字？ 我可以通过哪些不同的方式实现这一目标？ 注意：我需要仅使用文本框而不使用输入数字类型来实现此目的。

86 html  angular  input  angularjs-directive 

我使用Typescript进行了枚举，以在MyService.service.ts MyComponent.component.ts和MyComponent.component.html中使用。 export enum ConnectionResult { Success, Failed } 我可以轻松地从MyService.service.ts获取并比较定义的枚举变量： this.result = this.myService.getConnectionResult(); switch(this.result) { case ConnectionResult.Failed: doSomething(); break; case ConnectionResult.Success: doSomething(); break; } 我还想通过* ngIf语句将枚举用于HTML内的比较： <div *ngIf="result == ConnectionResult.Success; else failed"> <img src="../../assets/connection-success.png" height="300px" class="image-sign-style" /> </div> <ng-template #failed> <img src="../../assets/connection-failed.png" height="300px" class="image-sign-style" /> </ng-template> 代码可以编译，但是浏览器给我一个错误： 无法读取未定义的属性 使用以下html指示错误行： 有谁知道为什么不能这样访问枚举？

86 html  angular  typescript  enums 

当我向div容器渲染highcharts-chart图表时，如何通过div-Container访问图表对象？我不想使图表变量全局。 var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", ... 我想像这样（伪代码）访问以上上下文之外的图表，以调用函数： var chart = Highcharts.Chart("testDivId"); //access from id chart.redraw();

85 javascript  jquery  html  dom  highcharts 

默认情况下，DIV的高度由其内容确定。 但是，我重写了它，并使用jQuery显式设置了高度： $('div#someDiv').height(someNumberOfPixels); 我该如何扭转呢？我要删除高度样式，并使其恢复为自动/自然高度吗？

85 jquery  html  css  layout 

我刚开始使用Bootstrap 3，但在理解如何使用网格类时遇到了一些麻烦。 到目前为止，这是我所发现的： 看起来这些类col-sm-#与col-lg-#以前的类不同col-#，它们仅在屏幕大于特定大小（分别为768px和992px）时才适用。如果省略-sm-或-lg-，则div永远不会折叠到一列中。 然而，当我创建一个行内的两个div，它们都col-sm-6似乎他们只并排窗口时768px和992px宽之间。换句话说，如果我缩小窗口，一路下来，然后慢慢扩大它的布局是单列，然后两个列，然后回单柱再次。 这是预期的行为吗？ 如果我希望两列超过768像素，我应该同时应用这两个类吗？（<div class="col-sm-6 col-lg-6">） 应该col-6 也包括在内？<div class="col-6 col-sm-6 col-lg-6">

85 html  css  twitter-bootstrap  twitter-bootstrap-3 

如何从其他域调整iframe的大小 -编辑 向下滚动一些解决方案..或阅读如何不这样做：D 经过数小时的代码黑客攻击后，得出的结论是，iframe内部的任何内容都无法访问，即使是在我的域中呈现的滚动条也是如此。我尝试了许多技巧都无济于事。 为了节省您的时间，甚至不要走这条路，只需使用sendMessages进行跨域通信。 我使用了HTML <5的插件-进入底部找到一个好例子:) 过去几天，我一直在尝试将iframe集成到网站中。这是一个短期解决方案，而另一方正在开发和API（可能要花费数月的时间...），并且因为这是短期解决方案，所以我们确实想使用easyXDM-我可以访问其他域，但要求他们这样做非常困难按原样添加p3p标头..... 3个iframe 我找到的最接近的解决方案是3个iframe，但考虑到了chrome和safari，所以我不能使用它。 镀铬 http://css-tricks.com/examples/iFrameResize/crossdomain.php#frameId=frame-one&height=1179 测量滚动条 我找到了另一篇有关如何使用scrollheight尝试调整表单大小的文章。理论上它可以正常工作，但是我无法使用iframe滚动高度正确应用它。 document.body.scrollHeight 那显然使用了主体的高度（无法访问这些属性100％是基于客户端显示的Canvaz而非x域文档的高度） 我尝试使用jquery来获取iframe的高度 $('#frameId').Height() $('#frameId').clientHeight $('#frameId').scrollHeight 返回不同的Chrome值，即-或根本没有任何意义。问题是框​​架内的所有内容都被拒绝-甚至滚动条... 计算样式 但是，如果我检查并在iframe的chrome中添加元素，它就会很傻地向我显示iframe内的文档尺寸（使用jquery x-domain获取iframe.heigh-访问被拒绝），在计算出的CSS中没有任何内容 现在，chrome如何计算呢？（编辑浏览器使用其内置的渲染引擎重新渲染页面，以计算所有这些设置-但未附加在任何位置，以防止跨域欺诈。） HTML4 我阅读了HTML4.x的规范，它说那里应该有通过document.element公开的只读值，但是通过jquery拒绝了它的访问 代理框架 我采用了将网站代理回去并计算确定的方法，直到用户通过iframe登录并且代理获取登录页面而非实际内容为止。另外对于某些两次调用该页面是不可接受的 http://www.codeproject.com/KB/aspnet/asproxy.aspx http://www.johnchapman.name/aspnet-proxy-page-cross-domain-requests-from-ajax-and-javascript/ 重新呈现页面 我没有走那么远，但是有jscript引擎可以查看源代码并根据源文件重新呈现页面。但这需要破解这些jscript ..对于商业实体而言，那不是理想的情况...以及一些涉及纯Java小程序或服务器端渲染的发票 http://en.wikipedia.org/wiki/Server-side_JavaScript http://htmlunit.sourceforge.net/ <-java而不是jscript http://maxq.tigris.org/ 编辑09-2013 更新 所有这些都可以通过HTML5套接字完成。但是easyXDM对于非HTML5投诉页面来说是很好的后备。 解决方案1很好的解决方案！ 使用easyXDM 在您的服务器上，您以 <html> <head> <script src="scripts/easyXDM.js" type="text/javascript"></script> <script …

85 html  css  scripting  iframe  cross-domain 

如何将特殊字符编码到网页中？例如，我需要这个符号℃，我现在通过复制和粘贴该字符就可以使用它了。这适用于我检查过的桌面浏览器，也适用于iPad和iPhone，但是在我用于测试的Blackberry上没有任何显示。是否有标准的最佳做法？ http://www.fileformat.info/info/unicode/char/2103/browsertest.htm

85 html  symbols 

我在客户端生成图像，并使用HTML显示如下： <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgM...."/> 我想提供下载生成的图像的可能性。 我怎么能知道浏览器正在打开文件保存对话框（或者只是将chrome或firefox这样的图像下载到下载文件夹即可），从而允许用户保存图像而无需右键单击并另存为图像？ 我希望没有服务器交互的解决方案。因此，我知道如果我先上传图像然后开始下载，那将是可能的。 非常感谢！

85 javascript  image  html  browser 

最近，我遇到了一些例子，例如： <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> 用于制作HTML表单。这是为什么？与使用表格相比有什么优势？

85 html  css  forms 

我可以在CSS中将maxlength属性替换为某些东西吗？ <input type='text' id="phone_extension" maxlength="4" />

85 html  css 

我只想以横向模式显示我的网站，这可能吗？用户手中的设备的方向没有关系，但网站将始终处于横向模式。我已经看到iPhone应用程序可以那样工作，但是可以在网站上完成吗？

85 javascript  html  mobile-browser 

使用iOS 11野生动物园时，输入文本框光标在输入文本框之外。我们不明白为什么会有这个问题。如您所见，我的焦点文本框是电子邮件文本输入，但光标不在文本框内。这仅在iOS 11 Safari中发生

85 html  ios  bootstrap-modal  mobile-safari  ios11