程序设计 html

11

我正在尝试创建与当前颜色相反的颜色。我的意思是，如果当前颜色是黑色，则需要生成白色。实际上我有一个文本（此文本的颜色是动态的，其颜色可以随意设置）。这是文成div，我需要设置文本的相反颜色background-color的div。我希望该文本在（颜色透视图）中清晰可见。div 相反的颜色表示：暗/亮我具有文本的当前颜色，可以将其传递给此函数： var TextColor = #F0F0F0; // for example (it is a bright color) function create_opp_color(current color) { // create opposite color according to current color } create_opp_color(TextColor); // this should be something like "#202020" (or a dark color) 有创建create_opp_color()功能的想法吗？

76 javascript jquery html css colors

25

如何通过单击使单选按钮处于未选中状态？

与复选框不同，一旦单击，用户就不可能取消选择单选按钮。有什么方法可以使用Javascript对其进行编程切换吗？最好不使用jQuery。

76 javascript html radio-button

5

使用Bootstrap设置主体的最大宽度

我正在使用Twitter Bootstrap建立我的第一个网站，并尝试使用流畅的布局。我将容器设置为流畅的，现在其中的内容占据了整个页面的宽度，并在调整浏览器大小时进行调整。我正在处理的设计的最大宽度约为950像素。我已经检查了variables.less和responsive.less，以及Bootstrap文档；我不能完全弄清楚如何做到这一点。我也尝试将以下内容添加到我的style.css： body { max-width: 950px; }

76 html twitter-bootstrap css

6

使用jQuery和html导出为CSV

我有一个表格数据，我需要在不使用任何外部插件或API的情况下将其导出到csv。我使用了window.open传递mime类型的方法，但是遇到了如下问题：如何使用jquery确定系统上是否安装了Microsoft Excel或Open Office 该代码应独立于系统上已安装的东西（例如，openoffice或ms excel）。我相信CSV是可以在两种编辑器中显示的格式。码 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/JavaScript"> $(document).ready(function(){ $("#btnExport").click(function(e) { var msg = GetMimeTypes(); //OpenOffice window.open('data:application/vnd.oasis.opendocument.spreadsheet,' + $('#dvData').html()); //MS-Excel window.open('data:application/vnd.ms-excel,' + $('#dvData').html()); //CSV window.open('data:application/csv,charset=utf-8,' + $('#dvData').html()); e.preventDefault(); }); }); function GetMimeTypes () { var message = ""; // Internet Explorer supports the mimeTypes collection, …

76 jquery html csv export export-to-csv

11

如何使一个div包裹两个浮动div里面？

我不知道这是否是常见问题，但到目前为止，我在网络上找不到解决方案。我想将两个div包裹在另一个div中，但是其中的两个div必须对齐同一级别（例如：左边一个包裹了wrapdDiv的20％宽度，右边一个包裹了80％的宽度）。为了达到这个目的，我使用了以下示例CSS。但是，现在换行DIV并没有将所有div换行。环绕Div的高度比其中包含的两个div的高度小。如何确定包装Div的高度是所包含div的最大高度？谢谢！！！ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>liquid test</title> <style type="text/css" media="screen"> body { margin: 0; padding: 0; height:100%; } #nav { float: left; width: 25%; height: 150px; background-color: #999; margin-bottom: 10px; } #content { float: left; margin-left: 1%; width: 65%; …

76 css layout html css-float

5

具有数据属性的SelectListItem

无论如何，是否在ViewModel上预填充了带有数据属性的SelectList？我想要做 @Html.DropdownListFor(m=> m.CityId, Model.Cities); 因此它生成如下代码： <select id="City" class="location_city_input" name="City"> <option data-geo-lat="-32.522779" data-geo-lng="-55.765835" data-geo-zoom="6" /> <option data-geo-lat="-34.883611" data-geo-lng="-56.181944" data-geo-zoom="13" data-geo-name="Montevideo" data-child=".state1" value="1">Montevideo</option> <option data-geo-lat="-34.816667" data-geo-lng="-55.95" data-geo-zoom="13" data-geo-name="Canelones, Ciudad de la Costa" data-child=".state41" value="41">Ciudad de la Costa</option> </select>

76 asp.net-mvc html html-helper custom-data-attribute selectlist

7

如何在HTML“选项”标签上显示工具提示？

使用纯HTML或jQuery辅助的JavaScript，如何在单个<option>元素上显示工具提示以辅助决策过程（没有足够的空间容纳其他类型的控件，并且需要一些帮助）。可以通过插件或类似工具来完成此操作吗？我尝试了一些jQuery的工具提示插件，但均未成功（包括一个名为Tooltip的工具）。该解决方案应：在IE，WebKit和Gecko中工作；利用标准的<select>包装<option>元素。因此，如果解决方案要使用其他标签，则应将这些元素动态转换为所需元素（并且不要期望初始标记会有所不同）。可以在此处找到它的代码，它位于SafeSurf部分下，在这里我想向您展示一些关于选项含义的帮助。目前，它只能在“事后”显示，并且对用户的一些前期帮助将是有益的。意识到这并不容易，并且可能需要创建一些东西-因此赏金将授予最完整的解决方案或使我最接近可以创建的解决方案的特定挂钩。

76 jquery html jquery-plugins tooltip

16

找不到Angular 4 img src

我在获取角度为4的图像时遇到问题。它一直告诉我找不到该图像。资料夹结构： app_folder/ app_component/ - my_componenet - image_folder/ - myimage 我在中使用图片mycomponent。如果在中mycomponent，则直接用以下命令插入： <img src="img/myimage.png" 这工作正常，但我检查了html并创建了一个哈希。但是我的图片必须动态添加到html中，因为它们是列表的一部分。所以，如果我使用： <img src="{{imagePath}}"> 基本上img/myimage.png，这是行不通的。如果我使用： <img [src]="imagePath"> 它说NOT FOUND (htttps://localhost/img/myimage.png)。你能帮助我吗？

76 html image angular src

3

Bootstrap 4 img-circle类不起作用

我正在用HTML5和Bootstrap 4编写网站，并且试图将方形图像变成圆形。在Bootstrap 3中，可以轻松地实现此功能.img-circle，但现在似乎无法正常使用，也无法在线找到任何答案。Bootstrap是否放弃了img-circle类，还是我的代码搞砸了？它是这样的：  <div class="col-xs-7"> <img src="img/gallery2.JPG" class="img-circle" alt="HelPic> </div> 希望有人可以帮助我:)

76 html css twitter-bootstrap bootstrap-4

8

如何知道哪个HTML元素导致垂直滚动条

我正在学习Bootstrap。在“入门”菜单上，给出的模板很少。我在玩那个。一个示例是有关固定页脚的。我使用了上一个示例中的nav，并希望使用固定的页脚进行调整。但是垂直滚动条即将到来。我正在寻找引起垂直滚动条的元素。这是HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, from Twitter</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content="">  <link href="css/bootstrap.css" rel="stylesheet"> <style type="text/css"> /* Sticky footer styles -------------------------------------------------- */ html, body { height: 100%; /* The html and body elements cannot have …

76 html css twitter-bootstrap

2

JavaScript：每分钟运行一次代码

有没有办法使每60秒执行一些JS代码？我以为有可能使用while循环，但是有没有更整洁的解决方案？像往常一样欢迎JQuery。

76 javascript jquery html

7

如何使用jQuery动态设置宽度和高度

我想div使用jQuery动态设置元素的宽度和高度。我正在尝试更换 <div id="mainTable" style="width:100px; height:200px;"></div> 有了这个： $("#mainTable").css("width", "100"); $("#mainTable").css("height", "200"); 但是，它对我不起作用。请帮助了解原因。谢谢你们！问题在于数字上的引号。这很好用： $("#mainTable").css("width", 100); $("#mainTable").css("height", 200);

76 jquery html

4

html按钮可以执行POST请求吗？

我想要一个提交类型按钮来发送POST请求。我在想这样的事情： <form action = "" method = "post"> <button>Upvote</button> <form> 字符串“ Upvote”将在POST请求中作为名称发送。我知道这是行不通的，并且我知道有使用AJAX（javascript）的方法，但是我对这个领域还很陌生。我只是想知道这是否可能。更新资料有人建议<input>我使用标签。问题在于它生成的是GET而不是POST。

76 html

14

嵌入YouTube iframe-全屏

我有一张表格，可以插入网页。填写完表格后，将通过使用iframe嵌入来显示YouTube视频。当我进入YouTube视频的全屏模式时，什么也没有发生。嵌套iframe的全屏显示是否受父iframe的尺寸限制？

76 html iframe

4

具有两个类的getElementsByClassName（）

是否可以使用类a 或仅b使用getElementsByClassName()一次获取所有元素？我更喜欢香草JavaScript。

76 javascript html dom

Questions tagged «html»