BlogJava-技术改变世界-文章分类-页面技巧http://www.blogjava.net/zhuyinihao/category/49260.html极力关注购物车,订单支付,促销计算,运费模板!zh-cnTue, 09 Aug 2011 19:40:33 GMTTue, 09 Aug 2011 19:40:33 GMT60js判断字符串中是否包含字符串http://www.blogjava.net/zhuyinihao/articles/355592.html朱漪朱漪Tue, 02 Aug 2011 06:55:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355592.htmlhttp://www.blogjava.net/zhuyinihao/comments/355592.htmlhttp://www.blogjava.net/zhuyinihao/articles/355592.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355592.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355592.htmlobj.id.indexOf(this.id)

朱漪 2011-08-02 14:55 发表评论
]]>Javascript对数组的操作http://www.blogjava.net/zhuyinihao/articles/355517.html朱漪朱漪Mon, 01 Aug 2011 12:18:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355517.htmlhttp://www.blogjava.net/zhuyinihao/comments/355517.htmlhttp://www.blogjava.net/zhuyinihao/articles/355517.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355517.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355517.htmlhttp://www.w3school.com.cn/js/js_obj_array.asp


var pid_array = obj.id.split(",");


朱漪 2011-08-01 20:18 发表评论
]]>div定位在文本框下http://www.blogjava.net/zhuyinihao/articles/355510.html朱漪朱漪Mon, 01 Aug 2011 10:43:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355510.htmlhttp://www.blogjava.net/zhuyinihao/comments/355510.htmlhttp://www.blogjava.net/zhuyinihao/articles/355510.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355510.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355510.html
<script src="${ctx}/scripts/BillionFun/common.js"></script>
<style>
    input{
        width:50px;
    }
    #t_location li{
        list-style: none;
        float:left;
        width:24%;
    }
    #t_location{
        width:400px;
        border:1px green solid;
        background-color:gray;
        position: absolute;
        display: none;
    }
</style>
<c:choose>
        <c:when test="${shipfeetem.chargeMode==1}">
            <c:set var="chargeMode" value="个"></c:set>
        </c:when>
        <c:when test="${shipfeetem.chargeMode==2}">
            <c:set var="chargeMode" value="元"></c:set>
        </c:when>
</c:choose>
<table>
    <tr>
        <td>模板名称：</td>
        <td colspan="3">${shipfeetem.fullName }</td>
    </tr>
    <tr>
        <td>计费方式：</td>
        <td>
            <c:choose>
            <c:when test="${shipfeetem.chargeMode==1 }">数量</c:when>
            <c:when test="${shipfeetem.chargeMode==2 }">金额</c:when>
            </c:choose>
         </td>
        <td>模板类型：</td>
        <td>
            <c:choose>
            <c:when test="${shipfeetem.dispatch==1 }">按区域计费</c:when>
            <c:when test="${shipfeetem.dispatch==2 }">全国统一计费</c:when>
            </c:choose>
        </td>
    </tr>
</table>

<table>
  <tr>
    <td>免邮条件：</td>
    <td> 买 <input type="text" id="t_freeCondition" name="" value="" /> ${chargeMode}（含）以上免邮,</td>
  </tr>
  <tr>
    <td>至 <input type="text" name="t_provinces" value=""  />的运费：</td>
    <td>
        买 <input type="text" id="t_baseCondition" name="" value=""  /> ${chargeMode}（含）以内,
        收邮费<input type="text" name="" id="t_basePrice" value=""  /> 元,
        每多买 <input type="text" id="t_addCondition" name="" value=""/> ${chargeMode}（含）以内,
        加收邮费 <input type="text" id="t_addPrice" name="" value=""/> 元.
   </td>
  </tr>
  <tr>
    <td>至 <input type="text" name="t_provinces" value=""  />的运费：</td>
    <td>
        买 <input type="text" id="t_baseCondition" name="" value=""  /> ${chargeMode}（含）以内,
        收邮费<input type="text" name="" id="t_basePrice" value=""  /> 元,
        每多买 <input type="text" id="t_addCondition" name="" value=""/> ${chargeMode}（含）以内,
        加收邮费 <input type="text" id="t_addPrice" name="" value=""/> 元.
   </td>
  </tr>
  <tr>
    <td>至 <input type="text" name="t_provinces" value=""  />的运费：</td>
    <td>
        买 <input type="text" id="t_baseCondition" name="" value=""  /> ${chargeMode}（含）以内,
        收邮费<input type="text" name="" id="t_basePrice" value=""  /> 元,
        每多买 <input type="text" id="t_addCondition" name="" value=""/> ${chargeMode}（含）以内,
        加收邮费 <input type="text" id="t_addPrice" name="" value=""/> 元.
   </td>
  </tr>
</table>

<div id="t_location">
    <c:forEach var="province" items="${list}">
        <c:if test="${province.parentId==0}">
            <li><input type="checkbox"  value="${province}">${province.fullName }</li>
        </c:if>
    </c:forEach>
    <br/>
    <c:forEach var="province" items="${list}">
        <c:if test="${province.parentId!=0}">
            <li><input type="checkbox"  value="${province}">${province.fullName }</li>
        </c:if>
    </c:forEach>
    <div style="clear: both;"><a href="javascript:$('#t_location').hide();">关闭</a></div>
</div>
<script type="text/javascript">
$().ready(function(){
    $("input[name='t_provinces']").click(function(){
    //    alert(this.clientWidth);
        var pos=new getPos(this);
        $("#t_location").attr("style",";top:"+(pos.Top+this.clientHeight+5)+"px;left:"+pos.Left+"px");
        $("#t_location").show();
    });
});
</script>
common.js里面的用到的方法主要是：
function getPos(obj){
    this.Left=0;
    this.Top=0;
    this.Height=obj.offsetHeight;
    this.Width=obj.offsetWidth;
    var tempObj=obj;
    while (tempObj.tagName.toLowerCase()!="body" && tempObj.tagName.toLowerCase()!="html"){
        this.Left+=tempObj.offsetLeft;
        this.Top+=tempObj.offsetTop;
        tempObj=tempObj.offsetParent;
    }
}
用getPos(obj)这个方法得到元素在网页中的绝对位置
用this.clientHeight得到元素的自身的高，如果需要用到宽，则是this.clientWidth 详细请见 



朱漪 2011-08-01 18:43 发表评论
]]>div 高度自适应http://www.blogjava.net/zhuyinihao/articles/355497.html朱漪朱漪Mon, 01 Aug 2011 08:07:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355497.htmlhttp://www.blogjava.net/zhuyinihao/comments/355497.htmlhttp://www.blogjava.net/zhuyinihao/articles/355497.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355497.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355497.html详细文章介绍请见http://wenku.baidu.com/view/a54d2f2d2af90242a895e541.html

朱漪 2011-08-01 16:07 发表评论
]]>Jquery模糊匹配得到一组对象http://www.blogjava.net/zhuyinihao/articles/355348.html朱漪朱漪Fri, 29 Jul 2011 09:15:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355348.htmlhttp://www.blogjava.net/zhuyinihao/comments/355348.htmlhttp://www.blogjava.net/zhuyinihao/articles/355348.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355348.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355348.htmlvar object_arr = $("input[name*='inputcprice']");
var object_arr = $("span[id*='orderPrice']");


朱漪 2011-07-29 17:15 发表评论
]]>Javascript格式化数字http://www.blogjava.net/zhuyinihao/articles/355347.html朱漪朱漪Fri, 29 Jul 2011 09:12:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355347.htmlhttp://www.blogjava.net/zhuyinihao/comments/355347.htmlhttp://www.blogjava.net/zhuyinihao/articles/355347.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355347.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355347.html在计算产品金额，或者订单总金额的时候往往都会格式化时间// 具体例子：var aaa=formatNumber(orderPrice_now,'#0.00');
function formatNumber(num, pattern) {
    var strarr = num ? num.toString().split('.') : ['0'];
    var fmtarr = pattern ? pattern.split('.') : [''];
    var retstr = '';

    // 整数部分
    var str = strarr[0];
    var fmt = fmtarr[0];
    var i = str.length - 1;
    var comma = false;
    for (var f = fmt.length - 1; f >= 0; f--) {
        switch (fmt.substr(f, 1)) {
            case '#' :
                if (i >= 0)
                    retstr = str.substr(i--, 1) + retstr;
                break;
            case '0' :
                if (i >= 0)
                    retstr = str.substr(i--, 1) + retstr;
                else
                    retstr = '0' + retstr;
                break;
            case ',' :
                comma = true;
                retstr = ',' + retstr;
                break;
        }
    }
    if (i >= 0) {
        if (comma) {
            var l = str.length;
            for (; i >= 0; i--) {
                retstr = str.substr(i, 1) + retstr;
                if (i > 0 && ((l - i) % 3) == 0)
                    retstr = ',' + retstr;
            }
        } else
            retstr = str.substr(0, i + 1) + retstr;
    }

    retstr = retstr + '.';
    // 处理小数部分
    str = strarr.length > 1 ? strarr[1] : '';
    fmt = fmtarr.length > 1 ? fmtarr[1] : '';
    i = 0;
    for (var f = 0; f < fmt.length; f++) {
        switch (fmt.substr(f, 1)) {
            case '#' :
                if (i < str.length)
                    retstr += str.substr(i++, 1);
                break;
            case '0' :
                if (i < str.length)
                    retstr += str.substr(i++, 1);
                else
                    retstr += '0';
                break;
        }
    }
    return retstr.replace(/^,+/, '').replace(/\.$/, '');
}


朱漪 2011-07-29 17:12 发表评论
]]>Jquery滚动条(滑动效果)http://www.blogjava.net/zhuyinihao/articles/355346.html朱漪朱漪Fri, 29 Jul 2011 08:53:00 GMThttp://www.blogjava.net/zhuyinihao/articles/355346.htmlhttp://www.blogjava.net/zhuyinihao/comments/355346.htmlhttp://www.blogjava.net/zhuyinihao/articles/355346.html#Feedback0http://www.blogjava.net/zhuyinihao/comments/commentRss/355346.htmlhttp://www.blogjava.net/zhuyinihao/services/trackbacks/355346.html导入：http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

$("html,body").animate({scrollTop: $("#pay").offset().top}, 1000);

朱漪 2011-07-29 16:53 发表评论
]]>