小编Bra*_*lly的帖子

Jquery/Javascript - 添加年代变量

我有一个小麻烦,很高兴得到一些帮助.我正在创建一个小表单,我希望将当前日期格式化,'dd/mm/yyyy'并从下拉框中添加年份变量以创建最终到期日期.唯一的麻烦是我不知道如何将开始日期解析为日期变量以完成计算.任何想法或帮助将不胜感激.保罗.

<script>
    $(document).ready(function () {
        $("#registerfor, #startdate, ").change(function () {
            // Get Variables
            var startdate = $("#startdate").val();
            var registerfor = $("#registerfor").val();
            // Add Years to Date
            var expirydate = startdate + registerfor;
            // Send Result on
            $("#expires").val(expirydate);
        });
    });
</script>
<input name="startdate" id="startdate" value="dd/mm/yyyy" />
<select id="registerfor" name="registerfor">
    <option value="1">1 Year</option>
    <option value="2">2 Years</option>
    <option value="3">3 Years</option>
</select>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

15
推荐指数
2
解决办法
5万
查看次数

Javascript/Jquery - 多个更改(函数()

我对Jquery/JS有点新意见并经过一些帮助.我意识到希望这是一个更好的方法来做到这一点,任何帮助将不胜感激.

我正在构建一个可以计算总数的表单.那是:

'成本'x'(1 +%(%))'='总成本'

我有很好的工作,虽然我想这样做,如果我改变' 百分比 '字段,或' 成本 '字段,然后总量更新.目前只有更新" 费用 "才会更新总数.

希望有道理.代码如下.

$(document).ready(function(){

$("#cost").change(function() { 
var findprofit = parseFloat($("#cost").val());
var profit = (findprofit*.01)
var margin = parseFloat($("#percentage").val());
var total = profit*margin;
$(".profit_1_1").html(total);
var totalprofit = (total + findprofit);
$("#total").val(totalprofit);
});

<input type="text" name="cost" id="cost"  />
<input type="text" name="percentage" id="cost" percentage />
<input type="text" name="total" id="total" readonly />
Run Code Online (Sandbox Code Playgroud)

javascript jquery

6
推荐指数
1
解决办法
2万
查看次数

CSS - 2 列,一列固定宽度,一列响应式

这里有很多关于这个主题的例子,但我所追求的是我似乎找不到答案的东西。

我想创建一个两栏页面:左栏用于导航(固定宽度),右栏用于内容(响应式)。我所追求的变化是,我希望导航显示在桌面上的左侧和移动设备上的内容下方。

我的代码可以“工作”,但问题在于右列的响应宽度。

我的代码如下,任何指导都会非常有价值。

.CF:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.CF { display:inline-block; }
.CF { display:block; }

.content {max-width: 1300px; margin: 0 auto; padding: 0 25px; display:block; }
	.information {display:block; background: lime;}
	.menu {display:block;  background: lightblue;}
	
@media all and (min-width: 992px) {
.content {padding: 0 50px; }
	.information {display:block; float: right; width: auto;  }
	.menu {width: 250px; float:right; }

}
Run Code Online (Sandbox Code Playgroud)
<div class="content CF">

<article class="information">
    Article Information
</article>

<nav class="menu">
    Menu
</nav>

</div>
Run Code Online (Sandbox Code Playgroud)

css

5
推荐指数
1
解决办法
6988
查看次数

Javascript If-else

尝试做我的第一个Javascript if/else.基本上我想根据从收音机框字段中选择的数字显示DIV.如果选择了选项3,我希望div 1,2和3可见.我显然在某个地方出错了.非常感谢思想/帮助.

<script type="text/javascript" >

$(document).ready(function() {

$("input[name$='supplier']").click(function() {

var test = $(this).val();

if (test=1)
{
$("div.hidesupplier").hide();
$("#suppliersourced1").show();
}

else if (test=2)
{
$("div.hidesupplier").hide();
$("#suppliersourced1").show();
$("#suppliersourced2").show();
}

else if (test==3)
{
$("#suppliersourced1").show();
$("#suppliersourced2").show();
$("#suppliersourced3").show();
}

});
});
</script>

Number of Suppliers:
<label><input name="supplier" type="radio" value="1">1.</label> 
<label><input name="supplier" type="radio" value="2">2.</label>
<label><input name="supplier" type="radio" value="3">3.</label>

<div id="suppliersourced1" class="CF hidesupplier" style="display: none;">Supplier One</div>
<div id="suppliersourced2" class="CF hidesupplier" style="display: none;">Supplier Two</div>
<div id="suppliersourced3" class="CF hidesupplier" style="display: none;">Supplier Three</div>
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
477
查看次数

复制到剪贴板并维护HTML元素以进行电子邮件签名

我正在制作一个基本的电子邮件签名页面,希望能够使用“复制到剪贴板”按钮/命令。

我有它的工作,虽然不是粘贴准备好包含在Outlook或Mac邮件中的格式化图形,而是粘贴实际的html。例如

<table width="100%" cellspacing="0" cellpadding="0" border="0" ...
Run Code Online (Sandbox Code Playgroud)

我的代码在下面,非常感谢您提供一些指导。

<table width="100%" cellspacing="0" cellpadding="0" border="0" ...
Run Code Online (Sandbox Code Playgroud)
function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).html()).select();
  document.execCommand("copy");
  $temp.remove();
  $("#success").slideDown("slow");
}
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

2
推荐指数
1
解决办法
1108
查看次数

PHP>设置默认时区

我们希望将时区设置为PHP中的变量,以考虑不同的时区/夏令时.

我们的代码在硬编码时完美运行:

date_default_timezone_set('Australia/Brisbane');
Run Code Online (Sandbox Code Playgroud)

但是当我们添加一个变量时它会死掉.我不知道为什么.

$setzone = "Australia/Brisbane";
date_default_timezone_set('".$setzone."');
Run Code Online (Sandbox Code Playgroud)

php timezone

1
推荐指数
1
解决办法
256
查看次数

jQuery - 在 CSS 背景颜色切换上放置 1 秒过渡

我的代码按预期工作,除了我无法在 CSS 颜色更改上设置 1 秒过渡。

背景改变颜色。只是没有过渡。我一直盯着这个并尝试微妙的改变,但我似乎无法让它发挥作用。任何帮助将不胜感激。

Javascript:

$(window).load(function(){

var navPos = 1,
init = true;

$(window).scroll(function () {
    var fixIT = $(this).scrollTop() >= navPos;
    var setPos = fixIT ? 'fixed' : 'relative';
    var setBG = fixIT ? '#000' : '#1db8af';
    $('#navigation').css({  position: setPos });
    $('#navigation').css({  background: setBG}, {transition : 'opacity 1s ease-in-out'});
});
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

1
推荐指数
1
解决办法
54
查看次数

PHP到阵列 - 故障排除

我知道我在这里犯了新手错误,而且我需要制作一个变量来传递 - 虽然我不知道如何处理这个,但在线搜索并没有帮助.如果有人能引导我朝着正确的方向前进,我将非常感激.

我想将结果回显成一个数组.那是; 在$ rss数组中显示'xml'表中的'xmlurl'行字段.我希望这是有道理的.

// Get URLs from Database
$result = mysql_query("SELECT * FROM xml");
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
printf("'%s',", $row["xmlurl"]);
}
mysql_free_result($result);

// Take the URLs (xmlurl) and place them in an array
$rss = array(
'http://www.xmlurl.com.au',
'http://www.xmlurl.com.au'
);
Run Code Online (Sandbox Code Playgroud)

php arrays

0
推荐指数
1
解决办法
59
查看次数

Jquery将类添加到输入复选框字段

我想在一个包含复选框的div中添加/删除一个类.

我80%在那里,但我不确定正确的语法来查看输入项是选中还是未选中.所以我可以添加或删除适当的类.

基本上我知道它需要看起来像:

if("$thechecks #item-" + req).attr('checked') { 
   $("#item-" + req).addClass("item-select");
} else {
   $("#item-" + req).removeClass("item-select");
}
Run Code Online (Sandbox Code Playgroud)

任何帮助/想法将非常感激.


到目前为止,我做了一个小代码.

http://jsfiddle.net/brandrally/vc5wgpk2/

// Javascript //

 $(document).ready(function () {
        $("#thechecks input[type='checkbox']").click(function () {
            var req = $(this).val();
            $("#item-" + req).addClass("item-select");
        });
    });
Run Code Online (Sandbox Code Playgroud)

// HTML //

<div id="thechecks">

<div id="item-1">
<label><input name="element[]" type="checkbox" value="1" > One</label>
</div>

<div id="item-2">
<label><input name="element[]" type="checkbox" value="2" > Two </label>
</div>

</div>
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
1131
查看次数

标签 统计

javascript ×5

jquery ×5

php ×2

arrays ×1

css ×1

html ×1

timezone ×1