»
Tiếng AnhTiếng PhápTiếng Việt

In - Thêm không hạn chế vùng nhập liệu - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Vùng nhập liệu » Thêm không hạn chế vùng nhập liệu
URL: https://www.javascriptbank.com/javascript-add-more-unlimited-input-fields.html

Thêm không hạn chế vùng nhập liệu © JavaScriptBank.comLoại hiệu ứng JavaScript này bạn có thể thấy trên hầu hết các website đăng tải (upload) như Youtube, Flickr, ImageShack, Picasa, ... Đó là cho phép người dùng chọn để đăng tải thêm nhiều tập tin nữa. Điều đặc biệt của hiệu ứng JavaScript này là nó được làm với các kĩ thuật DOM - một hiệu ứng đơn giản nhưng khá hữu ích để tránh chiếm nhiều không gian dư thừa trên trang web.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Vùng nhập liệu » Thêm không hạn chế vùng nhập liệu
URL: https://www.javascriptbank.com/javascript-add-more-unlimited-input-fields.html



CSS
<style type="text/css">/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/#imageUpload input {display: block;}</style>


JavaScript
<script type="text/javascript">// Created by: Jeroen Haan | http://www.haan.net// This script downloaded from JavaScriptBank.comfunction fileFields() { var x = document.getElementById('imageUpload'); x.onclick = function() {  var i = parseFloat(this.lastChild.id)+1;  input = document.createElement("input");  input.setAttribute("type", "file");  input.setAttribute("name", 'imageName_' + i);  input.setAttribute("id", i);  this.appendChild(input); }}// Multiple onload function created by: Simon Willison// http://simonwillison.net/2004/May/26/addLoadEvent/function addLoadEvent(func) {  var oldonload = window.onload;  if (typeof window.onload != 'function') {    window.onload = func;  } else {    window.onload = function() {      if (oldonload) {        oldonload();      }      func();    }  }}addLoadEvent(function() {  fileFields();});</script>


HTML
<a href="#" id="imageUpload"><input type="file" name="imageName_1" id="1" /></a>