iframe高度自适应

hellxoul — Mon, 05 Jan 2015 03:52:00 GMT

摘要: 阅读全文

hellxoul 2015-01-05 11:52 发表评论

js验证框架

hellxoul — Thu, 10 Oct 2013 02:37:00 GMT

one js validation framework

http://niceue.com/validator/demo/twitter-js.php?theme=yellow_right_effect

hellxoul 2013-10-10 10:37 发表评论

hellxoul — Thu, 22 Mar 2012 04:07:00 GMT

1  $(document).ready(function () {
2    $('#test tr').each(function (){
3        alert($(this).children('td').eq(1).html());
4             });
5         });

hellxoul 2012-03-22 12:07 发表评论

jquery Ajax 提交

hellxoul — Thu, 22 Mar 2012 04:04:00 GMT

鉴于��目需要，开始边看Demo边��用JQuery。现��项目中暂时遇到的三�U��用JQuery�q�行Ajax提交的方式做个�ȝ��。因为没有系�l�学习，有点山寨�Q�只求在��目中实现功能�?
    1.URL+GET参数提交
       �q�种方式是最普遍的，只要包含jquery.js��可以正�怋�用�?

Java代码

$.ajax({
type: "get",
url: "/openshop/control/getCustomerAddress",
data:"customerId="+$.trim($("#customerId")[0].value),
cache: false,
success: function(msg){
$("#addressInfo")[0].innerHTML = msg;
showTipWindow(newid,oldid,0,e);
}
});

    2.整个form的提�?
        如果不��用JQuery的form ajax提交�Q�则必须手动�l�装所有的表单元素键值对。现在��用JQuery的一个插�Ӟ��jquery.form.js。将jquery.js�Q�jquery.form.js文�g都包含到��目中。然后��用如下代码：

Java代码

$('#'+newid+'_frmNewAddr').ajaxForm({ beforeSubmit: validate ,success: showResponse});
....
function validate(formData, jqForm, options){
var form = jqForm[0];
if (!form.new_recipient.value ) {
alert('收�g人必��d��写！');
return false;
}
if (!form.new_address.value ) {
alert('收�g地址必须填写�Q?);
return false;
}
....
return true;
}
function showResponse(responseText, statusText, xhr, $form){
var address = eval("("+removeDivTag(responseText)+")");
$("#address_recipient")[0].innerHTML = address.recipient;
$("#address_address")[0].innerHTML = address.address;
$("#address_organization")[0].innerHTML = address.organization;
......
}

      其中$('#'+newid+'_frmNewAddr')获取表单对象�Q�其中beforeSubmit对应的validate()是一个表单提交前调用的方法，可以在此�Ҏ��中做表单验证�Q�只有该�Ҏ��q�回true�Q�表单才会提交。而success对应的showResponse则是ajax对象成功�q�回�?的回调方法，可以��回调得到的内容无刷新呈现到当前��面的相应区域中。较方便的做法是在服务器端以JSON格式�q�回数据�Q�然后在回调函数中��?eval("("+removeDivTag(responseText)+")")�Ҏ��获取��h��指定�l�构的js对象�?

     3.使用JQuery做文件上传的ajax提交
     本�h��L��q�比较了多种ajax或类ajax方式上传文�g的做�?譬如使用iframe�{�。最�l�觉得��用JQuery是最方便的，不知各位使用后是否与我有同感。我��我目前的做法�ȝ��如下�Q�首先须在项目中包含jquery.js�Q�ajaxfileupload.js�Q�ajaxfileupload.css�?

Java代码

function ajaxFileUpload(imgName)
{
$("#loading")
.ajaxStart(function(){
$(this).show();
})
.ajaxComplete(function(){
$(this).hide();
});
$.ajaxFileUpload
(
{
url:'/productmgr/control/uploadProductImg',
secureuri:false,
fileElementId: imgName+'File',
dataType: 'text',
success: function (data, status)
{
data = removeDivTag(data);
if(data=="ImgEmptyErr"){
alert("请选择上传囄��Q?);
return;
}
if(data=="sysErr"){
alert("上传��p�|�Q�请重试�Q?);
return;
}
$("#"+imgName)[0].value = data;
$("#"+imgName+"Div")[0].innerHTML = "上传成功�Q?
//alert($("#"+imgName)[0].value);
},
error: function (data, status, e)
{
alert("��d��产品囄��时发生如下错误："+e);
}
}
)
return false;
}

本�h服务器端使用的是beanshell脚本�Q�代码如下：

Java代码

/*
* 产品囄��上传
*
* author : Emerson
*
* Yiihee , Inc. */
import org.ofbiz.base.util.*;
import org.ofbiz.base.util.string.*;
import org.ofbiz.entity.*;
import java.text.SimpleDateFormat;
import java.util.*;
import java.io.*;
import org.apache.commons.fileupload.disk.*;
import org.apache.commons.fileupload.servlet.*;
import org.apache.commons.fileupload.*;
configProperties = UtilProperties.getProperties("opencommon.properties");
String imageUploadServerPath = configProperties.get("openb2c.image.upload.server.path");
//SimpleDateFormat sf = new SimpleDateFormat("yyyyMMddHHmmss");
//Date date = new Date();
//String filename = sf.format(date);
String fileName;
File uploadPath = new File(imageUploadServerPath);//上传文�g目录
if (!uploadPath.exists()) {
uploadPath.mkdirs();
}
// 临时文�g目录
File tempPathFile = new File(imageUploadServerPath+"\\temp\\");
if (!tempPathFile.exists()) {
tempPathFile.mkdirs();
}
try {
// Create a factory for disk-based file items
DiskFileItemFactory factory = new DiskFileItemFactory();
// Set factory constraints
factory.setSizeThreshold(4096); // 讄��~�冲区大��，�q�里�?kb
factory.setRepository(tempPathFile);//讄��~�冲区目�?nbsp;
// Create a new file upload handler
ServletFileUpload upload = new ServletFileUpload(factory);
// Set overall request size constraint
upload.setSizeMax(4194304); // 讄��最大文件尺寸，�q�里�?MB
List items = null;
items = upload.parseRequest(request);//得到所有的文�g
if(items==null||items.size()==0){
String msg = "ImgEmptyErr";
context.put("result", msg);
return;
}
Iterator i = items.iterator();
//此处实际只有一个文�?nbsp;
while (i.hasNext()) {
FileItem fi = (FileItem) i.next();
fileName = fi.getName();
if (!UtilValidate.isEmpty(fileName)) {
File fullFile = new File(fi.getName());
//File fullFile = new File(filename);
File savedFile = new File(uploadPath, fullFile.getName());
int j = 0;
while(savedFile.exists()){
j++;
savedFile = new File(uploadPath, savedFile.getName().substring(0,savedFile.getName().lastIndexOf(".")-1)+"("+j+")"+savedFile.getName().substring(savedFile.getName().lastIndexOf("."),savedFile.getName().length()));
}
fi.write(savedFile);
fileName = savedFile.getName();
}else{
String msg = "ImgEmptyErr";
context.put("result", msg);
return;
}
}
context.put("result", fileName);
} catch (Exception e) {
Debug.log("上传产品囄��发生错误:"+e);
String msg = "sysErr";
context.put("result", msg);
return;
}

然后��result�l�果渲染到freemarker模板�Q��ƈ�l�回调函数解析后展示�l�用戗��?

�ȝ��Q�JQuery强大异常�Q�本文仅从自�w��用角度列举了光��分用法，未曾��q��最新最优最��用法�Q�暂以此文作为经验�ȝ��Q�以待日后参考修正。代码片�D�山寨之处实属本人技拙，而非JQuery之过�?nbsp;

hellxoul 2012-03-22 12:04 发表评论

jquery 上下�U�d��表格元素�Q��ƈ保持��序不变

hellxoul — Thu, 22 Mar 2012 04:02:00 GMT

    表格

hellxoul 2012-03-22 12:02 发表评论

jquery判断对象是否存在

hellxoul — Thu, 22 Mar 2012 04:01:00 GMT

if($ ("#id")){

}else{}

jquery不管对象存不存在都会�q�回object�?/p>

应该�?

if($ ("#id").length>0){}else{}

if($ ("#id")[0]){ } else { }

if(document.getElementById("id")){} else {}

hellxoul 2012-03-22 12:01 发表评论

亚洲国产亚洲片在线观看播放,久久国产亚洲观看,亚洲成aⅴ人在线观看

iframe高度自适应

js验证框架

jquery Ajax 提交

jquery 上下�U�d��表格元素�Q��ƈ保持��序不变

jquery判断对象是否存在