BlogJava-insomnia,politic,proficient ,sensible.-随笔分类-JS , DHTML

js 控制 style 大全

youngturk — Sun, 29 Sep 2013 07:26:00 GMT

document.getElementById("div01").style.height;

document.getElementById("div01").style.lineHeight;

document.getElementById("div01").style.backgroundColor;

CSS语法（不区分大小写） JavaScript语法（区分大小写）

border border

border-bottom borderBottom

border-bottom-color borderBottomColor

border-bottom-style borderBottomStyle

border-bottom-width borderBottomWidth

border-color borderColor

border-left borderLeft

border-left-color borderLeftColor

border-left-style borderLeftStyle

border-left-width borderLeftWidth

border-right borderRight

border-right-color borderRightColo

rborder-right-style borderRightStyle

border-right-width borderRightWidth

border-style borderStyle

border-top borderTop

border-top-color borderTopColor

border-top-style borderTopStyle

border-top-width borderTopWidth

border-width borderWidth

clear clear

float floatStyle

margin margin

margin-bottom marginBottom

margin-left marginLeft

margin-right marginRight

margin-top marginTop

padding padding

padding-bottom paddingBottom

padding-left paddingLeft

padding-right paddingRight

padding-top paddingTop
CSS 语法（不区分大小写） JavaScript 语法（区分大小写）

background background

background-attachment backgroundAttachment

background-color backgroundColor

background-image backgroundImage

background-position backgroundPosition

background-repeat backgroundRepeat

color color

CSS语法（不区分大小写） JavaScript 语法（区分大小写）

display display

list-style-type listStyleType

list-style-image listStyleImage

list-style-position listStylePosition

list-style listStyle

white-space whiteSpace

CSS 语法（不区分大小写） JavaScript 语法（区分大小写）

font font

font-family fontFamily

font-size fontSize

font-style fontStyle

font-variant fontVariant

font-weight fontWeight

CSS 语法（不区分大小写） JavaScript 语法（区分大小写）

letter-spacing letterSpacing

line-break lineBreak

line-height lineHeight

text-align textAlign

text-decoration textDecoration

text-indent textIndent

text-justify textJustify

text-transform textTransform

vertical-align verticalAlign

youngturk 2013-09-29 15:26 发表评论

js post方法

youngturk — Tue, 16 Jul 2013 03:11:00 GMT

function postToNethall(PARAMS) {
var pay_no;
var money;
var checkcode;
var feeetype;
var old_pay_no;
var old_money;

var splitAll = new Array();
//测试 PARAMS = "pay_no=jmW9n%2fJCCDo%3d&money=wB1k5PqI0oU%3d&checkcode=nhIAV2UrfsUreUdGf0wS3kcPYe5P6iTZ%2boRAgdGvPLN33eTEKYp75j%2f%2bhT7xSYg%2be%2bHGf2MZyyAcYpRMl6ng3ireWvV%2bj5kRZkldFCGF8nhE1ANvxGBMBQ%3d%3d&feeetype=Q1dQXRPDVOc%3d&old_pay_no=0GUN11ebpe4%3d&old_money=0GUN11ebpe4%3d";
       splitAll = PARAMS.split("&");
       var arrayvar;
        for( var isplit = 0 ; isplit < splitAll.length ; isplit++){
            arrayvar = new Array();
            arrayvar = splitAll[isplit].split("=");
            for(var i = 0; i < arrayvar.length;i++){
                if(arrayvar[i] = "pay_no"){
                    pay_no = arrayvar[i+1];
                    //alert(pay_no);
                    break;
                }
                if(arrayvar[i] = "money"){
                    money = arrayvar[i+1];
                    // alert(money);
                    break;
                }
                if(arrayvar[i] = "checkcode"){
                    checkcode = arrayvar[i+1];
                    // alert(checkcode);
                    break;
                }
                if(arrayvar[i] = "feeetype"){
                    feeetype = arrayvar[i+1];
                    // alert(feeetype);
                    break;
                }
                if(arrayvar[i] = "old_pay_no"){
                    old_pay_no = arrayvar[i+1];
                    // alert(old_pay_no);
                    break;
                }
                if(arrayvar[i] = "old_money"){
                    old_money = arrayvar[i+1];
                    // alert(old_money);
                    break;
                }
            }
        }
         var name = "test"
         var tempForm = document.createElement("form");
         tempForm.id="tempForm1";
         tempForm.method="post";
         //tempForm.action="https://60.30.27.15/PayMent/login.aspx";
         tempForm.action="https://10.128.141.53/PayMent/login.aspx";
         tempForm.target=name;

          var hideInput1 = document.createElement("input");
          hideInput1.type="hidden";
         hideInput1.name= "pay_no"
         hideInput1.value= "EeM1whUd4q4%3d";
          tempForm.appendChild(hideInput1);

          var hideInput2 = document.createElement("input");
          hideInput2.type="hidden";
         hideInput2.name= "money"
         hideInput2.value= "i6hN5C6DIN4%3d";
          tempForm.appendChild(hideInput2);

          var hideInput3 = document.createElement("input");
          hideInput3.type="hidden";
         hideInput3.name= "checkcode"
         hideInput3.value= "nhIAV2UrfsWnq1I38RKp5%2b46w4bxah62p6tSN%2fESqefuOsOG8WoetiUOtz2bp40id93kxCmKe%2bY%2f%2foU%2b8UmIPnvhxn9jGcsgHGKUTJep4N4q3lr1fo%2bZEWZJXRQhhfJ4RNQDb8RgTAU%3d";
          tempForm.appendChild(hideInput3);

          var hideInput4 = document.createElement("input");
          hideInput4.type="hidden";
         hideInput4.name= "feeetype"
         hideInput4.value= "Q1dQXRPDVOc%3d";
          tempForm.appendChild(hideInput4);

          var hideInput5 = document.createElement("input");
          hideInput5.type="hidden";
         hideInput5.name= "old_pay_no"
         hideInput5.value= "0GUN11ebpe4%3d";
          tempForm.appendChild(hideInput5);

          var hideInput6 = document.createElement("input");
          hideInput6.type="hidden";
         hideInput6.name= "old_money"
         hideInput6.value= "0GUN11ebpe4%3d";
          tempForm.appendChild(hideInput6);

          tempForm.attachEvent("onsubmit",function(){ openWindow(name); });
         document.body.appendChild(tempForm);
         tempForm.fireEvent("onsubmit");
         alert("tempForm");
         tempForm.submit();
        document.body.removeChild(tempForm);
   }

youngturk 2013-07-16 11:11 发表评论

http post 方法

youngturk — Tue, 09 Apr 2013 05:13:00 GMT

function costPayCheck() {
         var name = "test"
         var PARAMS2 = 'EeM1whUd4q4%3d&money=i6hN5C6DIN4%3d&checkcode=nhIAV2UrfsWnq1I38RKp5%2b46w4bxah62p6tSN%2fESqefuOsOG8WoetiUOtz2bp40id93kxCmKe%2bY%2f%2foU%2b8UmIPnvhxn9jGcsgHGKUTJep4N4q3lr1fo%2bZEWZJXRQhhfJ4RNQDb8RgTAU%3d&feeetype=Q1dQXRPDVOc%3d&old_pay_no=String+%e5%bc%95%e7%94%a8%e6%b2%a1%e6%9c%89%e8%ae%be%e7%bd%ae%e4%b8%ba+String+%e7%9a%84%e5%ae%9e%e4%be%8b%e3%80%82%0d%0a%e5%8f%82%e6%95%b0%e5%90%8d%3a+s&old_money=String+%e5%bc%95%e7%94%a8%e6%b2%a1%e6%9c%89%e8%ae%be%e7%bd%ae%e4%b8%ba+String+%e7%9a%84%e5%ae%9e%e4%be%8b%e3%80%82%0d%0a%e5%8f%82%e6%95%b0%e5%90%8d%3a+s';

         var tempForm = document.createElement("form");
         tempForm.id="tempForm1";
         tempForm.method="post";
         tempForm.action="https://www.60.30.27.15/PayMent/login.aspx";
         tempForm.target=name;

          var hideInput = document.createElement("input");
          hideInput.type="hidden";
         hideInput.name= "pay_no"
         hideInput.value= PARAMS2;
          tempForm.appendChild(hideInput);
          tempForm.attachEvent("onsubmit",function(){ openWindow(name); });
         document.body.appendChild(tempForm);

         tempForm.fireEvent("onsubmit");
         tempForm.submit();
        document.body.removeChild(tempForm);
   }

      function openWindow(name)
    {
         window.open('about:blank',name,'height=400, width=400, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes');
      }

youngturk 2013-04-09 13:13 发表评论

js循环滚动新闻，最简洁版

youngturk — Tue, 27 Nov 2012 05:48:00 GMT

youngturk 2012-11-27 13:48 发表评论

html学习地址

youngturk — Mon, 26 Nov 2012 08:19:00 GMT

http://www.enet.com.cn/eschool/zhuanti/easyhtml/

youngturk 2012-11-26 16:19 发表评论

js读取XML文件 JS读写XML文件

youngturk — Fri, 09 Nov 2012 07:21:00 GMT

JavaScript

XML文件

213211212213213
26.577014
104.877977

112312332131212
26.586685
104.863815

123123121323112
26.572101
104.866905

123132123123321
26.572254
104.891624

youngturk 2012-11-09 15:21 发表评论

excel文件下载,数据库字段datafiled检索--JS URL传值给servlet乱码

youngturk — Thu, 20 Sep 2012 09:04:00 GMT

1 //javascript里面加密两次，两次才可以的。2 var url = "servlet/getText?name=" + encodeURI(encodeURI(name));
<script language="javascript" type="text/javascript">
        function show()
        {
         var name="test";
         var admin="ok";
         var url = "http://localhost:7001/sosuo/ggld/fleet?reloadVessel="
           + encodeURI(encodeURI(name))+"&reloadVoyage="+ encodeURI(encodeURI(admin));
            window.open(url);
        }
    script>

1 //在java里面，通过指定的编码解密即可。2 String name = URLDecoder.decode(request.getParameter("name"),"utf-8");

web.xml配置:
<servlet>         <servlet-name>fleetDataDownloadservlet-name>        <servlet-class>com.cenin.util.FleetDataDownloadservlet-class>    servlet>
<servlet-mapping>        <servlet-name>fleetDataDownloadservlet-name>        <url-pattern>/ggld/fleeturl-pattern>    servlet-mapping>

DataDownload.java页面:

package com.cenin.util;

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.net.*;
import java.sql.*;

import org.apache.commons.digester.Digester;
import org.apache.log4j.Logger;
import com.cenin.database.DBManager;

public class DataDownload  extends HttpServlet
{
    private static   Logger logger = Logger.getLogger(DataDownload .class);

    public void init(ServletConfig config) throws ServletException
    {
        super.init(config);
        try
        {
        }
        catch(Exception ex)
        {
            logger.info(ex.getMessage());
        }

    }
    public void doGet(HttpServletRequest request, HttpServletResponse response)  throws ServletException, IOException
    {
        doPost(request,response);
    }
    public void doDownload(HttpServletRequest request, HttpServletResponse response, String fileName, String vessel, String voyage)
    {
        try
        {

            response.reset();
            response.setContentType("application/vnd.ms-excel");
            response.setHeader("Content-Disposition", "inline; filename=\""+ fileName  + "\"");
            ServletOutputStream sos = response.getOutputStream();
            String title = "数据导出";

            String[] fieldTitles = {"船名", "航次", "提单号", "箱号", "铅封号", "箱型", "货名", "重量", "体积", "发货人", "收货人", "装货港", "卸货港"};
            String[] fieldNames = {"szVessel", "szVoyage", "szBlNo", "szCtnNo", "szSealNo", "szCtnType", "szCargoName", "fWeight", "fVolume", "szReceiver", "szSender", "szLoadPortCode", "szDischargePortCode"};
            int[] widths = {100, 50, 100, 120, 120, 50, 100, 50, 50, 80, 80, 80, 80};

            Connection conn = DBManager.getInstance().getConnection();
            Statement stmt=conn.createStatement();
            String sql = "select * from NmhContainer where szVessel='" +
                    vessel + "' and szVoyage='" + voyage + "'"; // and szBlNo='" + blno + "'";
            ResultSet rs = stmt.executeQuery(sql);
            OutputUtil.excelOutput(title, fieldTitles, fieldNames, widths, rs, sos, "ISO-8859-1", "GBK");

            DBManager.getInstance().freeDBResource(rs, stmt, conn);

        }
        catch(Exception ex)
        {
            logger.info(ex.getMessage());
        }

    }
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
    {
        try
        {
            String vessel = request.getParameter("reloadVessel");
            String voyage = request.getParameter("reloadVoyage");
            //String blno = request.getParameter("reloadBlno");
            String name = vessel + "_" + voyage + "_" + ".xls";
            doDownload(request, response, name, vessel, voyage);

        }
        catch(Exception ex)
        {
            logger.info(ex.getMessage());
        }



    }
}

OutputUtil.java页面:

package com.cenin.util;
/*
* 输出PDF, Excel等格式
* 2005.5.12 by chenyong@cenin
* 2005.12.19
*/

import jxl.Workbook;
import jxl.write.*;
import com.lowagie.text.Document;
import com.lowagie.text.Rectangle;
import com.lowagie.text.Font;
import com.lowagie.text.PageSize;
import com.lowagie.text.HeaderFooter;
import com.lowagie.text.Phrase;
import com.lowagie.text.Element;
import com.lowagie.text.Table;
import com.lowagie.text.pdf.*;
import java.io.*;
import java.util.*;
import java.sql.*;
import org.apache.log4j.Logger;

public class OutputUtil
{
    private static Logger logger = Logger.getLogger(OutputUtil.class);
    /*******************************************************
    * pdf输出表格
    * title为pdf head
    * fieldtitles为表头项目名称数组
    * filenames 为  对象属性名数组
    * widths 为宽度％数组
    * rs为resultset
    * os 为输出流
    * codefrom , codeto 如果需要编码转换
    *******************************************************/
    public static void excelOutput(String title, String[] fieldtitles, String[] fieldnames, int[] widths, ResultSet rs, OutputStream os, String codefrom, String codeto)
    {

        try
        {
            int fieldnumber = fieldnames.length; //, cellnumber = fieldnumber*5;
            if(fieldnumber!=fieldtitles.length||fieldnumber!=fieldnames.length)
                return;

            WritableWorkbook workbook = Workbook.createWorkbook(os);
            WritableSheet sheet = workbook.createSheet(title, 0);

            //add field title
            for(int i=0;i<fieldnumber;i++)
            {
                //String temp = new String(fieldtitles[i].getBytes(codefrom), codeto);
                sheet.addCell(new Label(i, 0, fieldtitles[i]));

            }
            //add values
            int i=0;
            while(rs.next())
            {
                for(int j=0; j                {
                    if(rs.getString(fieldnames[j])!=null)
                    {
                        //String temp1 = rs.getString(fieldnames[j]);
                        String temp = new String(rs.getString(fieldnames[j]).getBytes("ISO-8859-1"), "GBK");
                        sheet.addCell(new Label(j, i+1, temp));
                    }
                    else
                        sheet.addCell(new Label(j, i+1, ""));
                }
                i++;
            }
            //write to excel
            workbook.write();
            workbook.close();

        }
        catch(Exception e)
        {
            logger.info(e.toString());
        }

    }

}

/*例子
FileOutputStream os = new FileOutputStream("e:\\a.xls");
String[] titles = {"系统编号","员工","用户帐号"};
String[] fieldnames = {"lsystemUserId","staff.szname","szaccount"};
int[] widths = {20,20,20};
//OutputUtil.pdfOutput("my pdf输出", titles, fieldnames, widths,objectList,os);
//OutputUtil.excelOutput("excel输出", titles, fieldnames, widths,objectList,os);

*/

youngturk 2012-09-20 17:04 发表评论

getElementByid的用法

youngturk — Thu, 26 Jul 2007 10:40:00 GMT

摘要: 阅读全文

youngturk 2007-07-26 18:40 发表评论

DHTML

youngturk — Thu, 26 Jul 2007 09:47:00 GMT

只有注册用户登录后才能阅读该文。阅读全文

youngturk 2007-07-26 17:47 发表评论