这里有很多关于转换br />或保留不同语言换行的线索,但关于textarea的问题并不多.
我有这个脚本:
var boxText = "";
$("textarea.BoxText").live('dblclick', function () {
boxText = $(this).val().replace(/ /g, "<br/>");
$(this).replaceWith( '<div class="BoxText">' + $(this).val() + '</div>' );
});
$("div.BoxText").live('dblclick', function () {
$(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' );
});
Run Code Online (Sandbox Code Playgroud)
我有一个textarea元素,可编辑.当用户双击它时,它会转换为div.但是,在div中,不保留换行符.我想将新行转换为
,目前,正在转换所有空格.我有第二个脚本将其转换回textarea,因此存储字符串的变量.我也需要将
它们重新转换成新的线条.
这似乎是多余的,但我有充分的理由.
试图将盒子垂直居中放在另一个盒子中.我知道有css可以做到这一点,但我宁愿使用jquery,更可靠(?).
var textH = $(".Text").height();
var vertAlign = ((140 - textH)/2);
$(".Text").css({
marginTop: 'vertAlign'
});
Run Code Online (Sandbox Code Playgroud)
不确定我缺少什么细节.输出应为可用垂直空间的一半(以像素为单位).
编辑
最初,文本块是div包含的跨度.div具有设定的高度(在这种情况下为140 px),文本块(span)将根据文本的大小而变化.但是,我需要此文本块可编辑.所以我将其改为文本区域.但是,文本区域的尺寸行为很笨拙,我必须为它设置静态高度和宽度.现在这个文本块的高度不是可变的,因此它与它的父级之间的高度没有差别,可以从中获取边距顶部间距.我该怎么办?
我有一个包含多个变量的设置,用户可以通过这些变量来改变元素的直观表示.所有这些都是由jquery脚本控制的.如果有一种方法可以根据浏览器的呈现方式保存结果图像,那将会很酷.从用户的角度来看,它与屏幕捕获没有什么不同,尽管它只会捕获相关区域.
我有一个名为Page Saver的FF插件,它的功能几乎就是我想要的,但是如果可能的话,使用jquery或常规javascript.
我更需要提示,以及你们建议我进入以实现这些功能的大方向.我不想学习另一种语言来做这件事,但如果我必须...
我有几个功能,可能需要或不需要重复一定次数.次数由用户设置,并存储在变量:xTcount中.
if (xTcount > 0) {
for (i=0; xTcount <= i; i++) {
$(document).miscfunction();
}
}
Run Code Online (Sandbox Code Playgroud)
我实际上没有测试过上面的脚本,因为我确定它是不正确的.是什么让我想要的技巧是,我不想将"check xTcount"子句编码到每个可重复的函数中.如果可能的话,我想创建一些主检查器,简单地重复下一个被调用的函数xTcount次...
我需要计算由矩形形成的直角三角形的相邻角度,该矩形由两组点决定.我的计划是在两个元素上使用offset()来获得绝对位置坐标,然后从这个隐含框的左下角确定内部角度,这样我就可以使用css rotate旋转一个细长矩形元素.
可能?
我不知道怎么做的唯一部分是三角函数语法,以及我是否需要一个外部库.
*注意:我确实理解css rotate会围绕元素的中心旋转,所以我必须将矩形移动以进行补偿.
我正试图从标签中获取href,创建一个img并使用href作为src.这个网站上的另一个人帮助了src = href部分,但是我在使用这个src创建一个img并将其附加到特定位置时遇到了困难.这肯定是某种语法错误,我无法弄清楚.
如果我使用src的实际链接,它有点工作.
$("#Results a").live('dblclick', function(event){
if (event.type === 'dblclick') {
var src = $(this).attr("href");
$("#Target_Location").append('<img src=" " />').attr("src", src).addClass('DCT_Card');
}
});
Run Code Online (Sandbox Code Playgroud)
会发生什么,#Target_Location是获取类的那个,并且没有生成img.
我有一个生成img标签的脚本,我想确保同一个img没有生成两次.这是我试图创建的脚本:
var included = 0;
var src = "";
jQuery.fn.checkCard = function() {
if ($("#L_S_Inner").find($('img').attr(src))){
included = 0;
} else {
included = 1;
}
}
Run Code Online (Sandbox Code Playgroud)
但它不起作用.不知道我在这里做错了什么......
它以这种方式构图,以便我可以在我的img创建脚本中检查变量'included'.
编辑
添加了img创建脚本:
$('#Results a').live('dblclick', function() {
src = $(this).attr('href');
getC = $(this).attr('class');
checkCard();
if (!(checkCard)) {
$(this).parent().append($('<img />', {'src': src, 'class': 'DCT ' + getC + ''}));
}
});
Run Code Online (Sandbox Code Playgroud) 我有一个菜单,我正在尝试将html中其他地方的div的背景图像更改为点击链接的href.这很奇怪,因为在鼠标悬停时我有一个几乎完全相同的脚本.我试图调整它为此工作,但无济于事.
$(".IG_Nav_List a").live('click',function(){
var src = $(this).attr("href");
$('.Background').css('background-image', 'url(' + src + ')');
});
////////////////
<div class="Background"></div>
<ul class="IG_Nav_List">
<li><a href="Surface/A.jpg" onclick="return false;">AAAA</a></li>
<li><a href="Surface/B.jpg" onclick="return false;">BBBB</a></li>
<li><a href="Surface/C.jpg" onclick="return false;">CCCC</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud) 我有一个输入字段,用户可以在其中插入由逗号分隔的关键字.我想生成一个带有src的图像,该图像是该关键字,默认文件扩展名为.png.图像是根据预期的关键字命名的,因此这里不会创建图像文件.
所以,例如,一个列表:
[小狗,小猫,气球,饼干]
一旦键入了包含图像的关键字,就会在层次结构中的另一个位置弹出一个小图标.
我已经熟悉了jquery来做类似的技巧,但是这是逗号分隔的列表部分,我不确定如何解决.我可以获取输入字段的value属性,然后将图像的src设置为该值,作为变量.但是如何只捕捉逗号之间的内容是主要问题.(逗号后的空格无关紧要)
有没有办法让这个更漂亮;
if ($("#Input").text === "A") { sOutput = "a"; lColor = "red"; }
if ($("#Input").text === "B") { sOutput = "b"; lColor = "orange"; }
if ($("#Input").text === "C") { sOutput = "c"; lColor = "yellow"; }
if ($("#Input").text === "D") { sOutput = "d"; lColor = "green"; }
if ($("#Input").text === "E") { sOutput = "e"; lColor = "blue"; }
if ($("#Input").text === "F") { sOutput = "f"; lColor = "violet"; }
...
Run Code Online (Sandbox Code Playgroud)
使用&&和||,真正的代码更加广泛 不同变量之间.但是除了我正在寻找的'letter(s)'以及我设置的变量之外,每一行都遵循相同的语法.我有这么多的ifs,这让我感到很浪费.
*代码是虚拟代码,以说明我的观点.
编辑
虚拟代码没有说明我的观点,所以这里是真实的样本;
if …Run Code Online (Sandbox Code Playgroud) 我有一个包含各种类的跨度列表.我想检查给定的span是否与另一个元素具有相同的类.
if ( $(this).attr('class') === getClass.match('Rock, Paper, Scissors') ) {
//do stuff
}
Run Code Online (Sandbox Code Playgroud)
.match不适用于以逗号分隔的列表.我当时想知道如何做到这一点.
我创建了一个jquery脚本,它生成一个字符串的所有可能组合,其中涉及数字和小写字母.我只想要10个字符长的字符串,所以我扔了一个控制它的if语句.
对于那些感兴趣的人,这是脚本:
$(document).ready(function(){
var parts = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','0'];
var url = "";
for (var a = 0; a < parts.length; a++) {
for (var b = 0; b < parts.length; b++) {
for (var c = 0; c < parts.length; c++) {
for (var d = c + 1; d < parts.length; d++) {
for (var e = d + 1; e < parts.length; e++) {
for (var f = e + 1; f < parts.length; f++) {
for (var g …Run Code Online (Sandbox Code Playgroud) jquery ×12
attr ×3
css ×2
loops ×2
math ×2
angle ×1
append ×1
capture ×1
click ×1
combinations ×1
find ×1
for-loop ×1
function ×1
if-statement ×1
input ×1
live ×1
newline ×1
regex ×1
replacewith ×1
screenshot ×1
syntax ×1
textarea ×1
trigonometry ×1
var ×1