是否有一种简单的方法可以使用另一个表单字段中的重复内容填充一个表单字段？
也许使用jQuery或javascript？
我提前找借口,因为这似乎是一个非常基本的CSS理解问题,也可能是Javascript.
我想要做的是:想象一个包含h3和p的div.在盘旋上我希望h3和p改变它们的字体重量.到目前为止,我在这里使用此代码来改变悬停在div上的不透明度和边框,但我真的不知道如何引用div中的两个元素.我真的很抱歉,但我需要有人以非常简单的方式向我解释.
举例来说,我觉得里面的div这些元素被称为孩子,但我甚至不能确定有关......我真的与所有的HTML/CSS/Java的东西的工作,第一次,并试图搞清楚这些事情当我走的时候.到目前为止我找到的教程网站无法解决我的问题,因此这篇文章.
更多背景信息:我正在使用jondesign(Jonathan Schemoul)的"smoothgallery"脚本()并试图按照我的意愿弯曲它,但如果你不知道它是如何工作的话,那就太难了.我可以在这里找到我实现脚本的网站.
这里是CSS部分,用于更改悬停时的div:
.jdGallery .gallerySelector .gallerySelectorInner div.hover{
border: 1px solid #89203B;
border-left: 0.8em solid #89203B;
background: url('../../images/teaserBox_bg.jpg') no-repeat;
background-size: 100% 100%;
filter:alpha(opacity=1);
-moz-opacity:1; /
-khtml-opacity: 1;
opacity: 1;
}
CSS文件中的此条目更改了例如div内的h3的设置,
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}
您可能还想查看生成这些类的.js文件,可以在此处找到.
这可能是这里最重要的部分:
createGalleryButtons: function () {
var galleryButtonWidth =
((this.galleryElement.offsetWidth - 30) / 2) - 14;
this.gallerySet.each(function(galleryItem, index){
var button = new Element('div').addClass('galleryButton').injectInside(
this.gallerySelectorInner
).addEvents({
'mouseover': function(myself){ …我找到了一个解决方案,但它不是最好的,所以我仍在寻找解决方案.看看我的答案.
更新 - 我的错误仍然存在,如下所述,但如果我打开IE的开发人员工具,错误就会消失!如果我关闭浏览器并重新打开错误重新出现!
更新2 - 我试图将以下代码插入到我的JS中,看看是否可以解决问题但它没有:
if (!("console" in window) || !("firebug" in console)) {
var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
window.console = {};
for (var i = 0, len = names.length; i < len; ++i) {
window.console[names[i]] = function(){};
}
}
然后这个:
var console = {};
console.log = function(){};
我还扫描了我的JS文件,并且从未遇到导致错误的console.log函数.
这是一个令人费解的问题,我会尽力解释.我在一个页面中设置cookie,在第一次访问时会显示一个灯箱.它在FF,Chrome等中运行良好,但在IE中却不行.
在IE中发生的是用于调用我的灯箱(彩盒)的脚本,但我看到的是AJAX Loader正在旋转并且内容永远不会加载.我发现剧本太快了.我正在使用$j(document).ready(function()我切换到:$j(window).load(function()所有似乎都很好,它工作正常,直到我从另一页开始,来到上面提到的页面.
如果我从任何其他页面开始并单击链接我有同样的问题!cookie工作正常,不会再次激活盒子.
换句话说,如果我清除cookie并从问题页面开始那么没问题.但是,如果我从任何其他页面开始(清除了cookie)并转到上面的页面,则颜色框无法正确加载.
据我所知,这$j(window).load(function()是行不通的.
我从IE收到没有错误.我正在使用IE …
长话短说,我试图验证手机领域.香港专业教育学院添加了isNaN和在现场parseInt检查," "但说
以下从未证实真实......我错过了什么？
if(isNaN(parseInt(phone))){
error.text("Sorry but this phone field requires numbers only");
return false;
} else {
return true;
}
它总是失败......即使我在现场输入一个数字并提交,它也永远不会成立.我总是得到错误mssg.
编辑:我正在测试表单中的输入值,phone是字段的名称.
我正在使用Animate.CSS,我正在使用"铰链"效果让图像从屏幕上掉下来.当它离开屏幕时,它会向页面添加一个垂直滚动条.滚动时,没有任何内容可见.为什么要添加此滚动条以及如何防止它被添加？
谢谢!
码:
HTML
<img id="animate" class="fear" src="/2012/images/september/fear-sign.png" />
CSS
.fear{
position:absolute;
left:150px;
top:0px;
}
#animate {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
}
JS
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#animate').addClass('animated hinge');
});
这是我创造的小提琴.
您将看到许多具有以下类型代码的网站:
脚本元素:
<script type="text/javascript">
//javascript here
</script>
链接元素:
<link rel="stylesheet" href="url.css" type="text/css" media="all" />
风格元素:
<style type="text/css">
/* CSS */
</style>
我的问题是:
是type当今流行的浏览器需要的属性？
(流行的意思是IE 8 +,Firefox,Webkit,Opera和Chrome)
如果你不包括它们会发生什么？
注意:如果两者之间的行为存在差异,则答案需要涵盖HTML5和XHTML文档类型.
我正在开发一个网站,我遇到了一个问题,底部是三个不同部分的盒子阴影.我希望边框显示在所有三个边缘,但它只显示在左侧和右侧.
以下是该部分的HTML:
<div class="three-cols-row">
<div class="three-cols-col three-cols">
<p style="text-align: center;"><img src="https://www.lytyx.com/subdomains/test/websites/mynaturerich.com/wp-content/uploads/2013/02/section01.jpg" alt="" /></p>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. <a href="#">Read More</a></p>
</div>
<div class="three-cols-col three-cols">
<p style="text-align: center;"><img src="https://www.lytyx.com/subdomains/test/websites/mynaturerich.com/wp-content/uploads/2013/02/section02.jpg" alt="" /></p>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. <a href="#">Read More</a></p>
</div>
<div class="three-cols-col three-cols">
<p style="text-align: center;"><img src="https://www.lytyx.com/subdomains/test/websites/mynaturerich.com/wp-content/uploads/2013/02/section03.jpg" alt="" /></p>
<p style="text-align: center;">Lorem ipsum dolor …我有一个网站,我正在添加一些功能.该网站有点过时,但我没有报酬整个网站,只有几页.因此我在这些页面上使用了更现代的代码,但这些页面上仍然存在旧代码.由于旧代码(将保留并且不被删除)我有一些冲突的CSS.
是否可以使整个样式表仅适用于div中的样式.
例:
<div class="style-sheet-modern">
<!-- My Stylesheet applies only within this div -->
</div>
我的第一个想法就是将我的CSS重命名为div.例:
.style-sheet-modern .conflicting-class{ /* styles */ }
但是,这是不可取的,因为有几百行CSS,我不想通过并重命名我的所有CSS.也使得将来很难更新.
有没有办法在某个div中应用整个样式表而不是在页面上的任何其他位置？
我有一个div,根据不同的场景可以有2个或4个按钮.我希望div内的按钮居中对齐.如何做到这一点.我在下面提交了我的代码.
<div style="margin: 0 auto; width: 656px;">
<input type="submit" style="float:left;" value="Prev"/><input type="reset" value="Reset" style="float:left;"/>
<input type="submit" value="Submit" style="float:left;"/><input style="float:left;" type="submit" value="Close"/></div>
问题是它显示四个按钮时有效,但不适用于3,2和1按钮情况.如何在不指定宽度的情况下居中对齐？Plz的帮助.
我有一个包含一些文本的变量,一些html,基本上可以是一个字符串.我需要在变量中搜索特定字符串,以便在包含该变量时以不同方式处理该变量.这是我要做的事情的片段,显然不起作用:)
$.each(data.results,
function(i, results) {
var text = this.text
var pattern = new RegExp("^[SEARCHTERM]$");
if(pattern.test( text ) )
alert(text); //was hoping this would alert the SEARCHTERM if found...