Tag: html

如何使用jquery加载CSS

我已经加载了一个CSS文件在服务器上,所以我有一个URL与我。 我如何使用JQuery将其加载到我的Perl代码中? 所以目前我硬编码在我的梅森页面的CSS是从页面中缺less这样的东西 JQ.onReady('show', function(){ JQ.addStyles({styles: ["\n\n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid #2F2F1D;background-color:#EFEDD4;padding:3px; } .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; } .ap_classic .ap_close { float:right; } .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } "]}); }); 我想避免硬编码这个CSS?

ReactJS:“Uncaught SyntaxError:Unexpected token <”

我正在尝试在ReactJS中开始构build网站。 但是,当我试图把我的JS在一个单独的文件,我开始得到这个错误:“未捕获的SyntaxError:意外的令牌<”。 我尝试添加/** @jsx React.DOM */到JS文件的顶部,但它没有解决任何问题。 下面是HTML和JS文件。 任何想法是什么问题? HTML <html> <head> <title>Page</title> <script src="http://fb.me/react-0.12.2.js"></script> <script src="http://fb.me/JSXTransformer-0.12.2.js"></script> <script src="http://code.jquery.com/jquery-1.10.0.min.js"> </script> <script src="./lander.js"> </script> </head> <body> <div id="content"></div> <script type="text/jsx"> React.render( <Lander />, document.getElementById('content') ); </script> </body> </html> JS /** * @jsx React.DOM */ var Lander = React.createClass({ render: function () { var info = "Lorem ipsum […]

把一个正确的浮动和一个浮动的浮动隔开

我有一个页面,头部由三个div组成 – 一个漂浮在左边,一个漂浮在右边,一个在它们之间。 我想要中央的div被集中,但可悲float: center不存在,我不能只漂浮到左边,并添加填充,因为它必须改变,取决于窗口的大小。 有没有简单的我可以忽略? 或者我会怎么做这样的事情呢? 更新: 此外,我想find一种方法,将中间div 放在 div 之间的空间中,以防看起来更好。

如何在textarea关注时input表单提交?

填写表单的textarea时,回车键被击中时的默认行为是移动到下一行。 我怎样才能改变表单的行为,所以即使当用户在一个textarea时,它会提交用户击中input? 我用Firebug签出堆栈溢出的评论textarea(有这种行为),但看不到任何JavaScript的影响。 有没有办法改变textarea的行为而不使用JavaScript?

<strong>与font-weight:粗体&<em>与font-style:斜体

使用<strong>和<em>代替CSS属性有什么真正的区别: font-weight: bold; font-style: italic; 另外,两种select都存在的原因是什么? font-weight和font-style成为标准的CSS属性之后,我可能会错,但是<strong>和<em>出现。 如果是这样,他们一定有一些理由。

强制HTML textarea使用CSS使用等宽字体

如何使我的文本区域使用等宽字体?

引导最初折叠的元素

我正在使用bootstrap模板,并且想要改变手风琴默认的工作方式。 如何在第一次看到页面(加载时)时切换到closures状态? <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">Open!</a> </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="span6"> <div class="well well-small"> <div class="accordion-toggle"> …some text… </div> </div> </div> <div class="span2"></div> </div>

创build一个HTML表格,其中每个TR是一个FORM

我试图创build一个表,其中每一行是一种forms。 我希望每个input都在不同的表格分区中,但是我仍然需要这样,例如,所有的第一个input属于同一个表头等等。 我想要做的是一个可编辑的网格 ,或多或less的这个: <table> <tr> <form method="GET" action="whatever"> <td><input type="text"/></td> <td><input type="text"/></td> </form> </tr> <tr> <form method="GET" action="whatever"> <td><input type="text"/></td> <td><input type="text"/></td> </form> </tr> </table> 但显然,我不能以这种方式安排标签(或者w3cvalidation者所说的)。 任何好办法做到这一点?

使用jquery获取所有表单元素值?

这里是HTML代码: <!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml' > <head> <title>HTML Form Builder</title> <link href='css/font1.css' rel='stylesheet' type='text/css'> <link href='css/font2.css' rel='stylesheet' type='text/css'> <link rel='stylesheet' href='css/style.min.css' type='text/css' media='all' /> <link rel='stylesheet' href='css/form.min.css' type='text/css' media='all' /> <link rel='stylesheet' href='css/style1.css' type='text/css' media='all' id='css-theme'/> <link type='text/css' href='css/redmond/jquery-ui-1.8.23.custom.css' rel='stylesheet' /> <link rel='stylesheet' href='css/tipsy.css' type='text/css' media='all' /> <script type='text/javascript' src='js/jquery-1.8.0.min.js'></script> <script type='text/javascript' src='js/jquery-ui-1.8.23.custom.min.js'></script> <script type='text/javascript' src='js/jquery.metadata.js'></script> […]

不规则的引导列包装

使用最新版本的haml,haml-rails,sass和bootstrap-sass运行Rails 4.1.4。 对于用户显示器,我的HAML是这样的: .tutors-listing .row – @users.each do |tutor| .col-xs-12.col-md-3 .row.tutor .col-xs-offset-1.col-xs-4.col-md-12 = image_tag tutor.photo, :class => 'img-responsive img-circle tutor-photo' %h4.tutor-name = tutor.first_name %p teaches %strong.tutor-skills = tutor.teachables 但是,这个标记导致以下故障: 我希望没有人能在这里发现什么是错的。 在中等断点处,应该有4列均匀。