Khung đăng nhập cho thành viên

[JavaScriptBank.com]

Hiệu ứng sẽ kiểm tra xem chuỗi do người dùng nhập vào có đúng là một dạng thư điện tử hợp lệ kh�... chi tiết tại JavaScriptBank. com - 2.000+ free JavaScript codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/email/validate-e-mail.jpg[/IMG]
Demo: JavaScript Kiểm tra Email
| JavaScript Validate E-Mail

Cách cài đặt

Bước 1: Dùng mã JavaScript để cài đặt hiệu ứng
JavaScript

<script language="javascript">
// Created by: Francis Cocharrua :: hxxp ://scripts.franciscocharrua. com/

function Validate_String(string, return_invalid_chars) {
  valid_chars = '1234567890-_.^~abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
  invalid_chars = '';
  if(string == null || string == '')
     return(true);

  //For every character on the string.   
  for(index = 0; index < string.length; index++) {
    char = string.substr(index, 1);                        
     
    //Is it a valid character?
    if(valid_chars.indexOf(char) == -1) {
      //If not, is it already on the list of invalid characters?
      if(invalid_chars.indexOf(char) == -1) {
        //If it's not, add it.
        if(invalid_chars == '')
          invalid_chars += char;
        else
          invalid_chars += ', ' + char;
      }
    }
  }
            
  //If the string does not contain invalid characters, the function will return true.
  //If it does, it will either return false or a list of the invalid characters used
  //in the string, depending on the value of the second parameter.
  if(return_invalid_chars == true && invalid_chars != '') {
    last_comma = invalid_chars.lastIndexOf(',');
    if(last_comma != -1)
      invalid_chars = invalid_chars.substr(0, $last_comma) + 
      ' and ' + invalid_chars.substr(last_comma + 1, invalid_chars.length);
    return(invalid_chars);
    }
  else
    return(invalid_chars == ''); 
}


function Validate_Email_Address(email_address){
  // Modified and tested by Thai Cao Phong, JavaScriptBank. com
  //Assumes that valid email addresses consist of [email protected]
  
  at = email_address.indexOf('@');
  dot = email_address.indexOf('.');

  if(at == -1 || 
    dot == -1 || 
    dot <= at + 1 ||
    dot == 0 || 
    dot == email_address.length - 1)
  {
  	alert("Invalid email");
    return(false);
  }
     
  user_name = email_address.substr(0, at);
  domain_name = email_address.substr(at + 1, email_address.length);                  

  if(Validate_String(user_name) === false || Validate_String(domain_name) === false)
  {
  	alert("Invalid email");
    return(false);
  }

  alert("Valid email");//return(true);
}
</script>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->

Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML

<form name=f>
<input type=text name=mail value="">
<input type=button value=Check onclick="Validate_Email_Address(document.f.mail.value)">
</form>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->

Bạn có thể xem thêm nhiều JavaScript khác về Email

Pop up luôn nổi - Phân trang cho website - Popup luôn ở phía trên

[JavaScriptBank.com]

Chỉ còn vài ngày nữa là Nô-en sẽ đến, và nếu bạn vẫn còn đang tìm kiếm một bộ đếm cho ngày Giáng sinh trên trang web của mình thì tôi nghĩ đây là bài vi�... chi tiết tại JavaScriptBank. com - 2.000+ free JavaScript codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/top-10-beautiful-christmas-countdown-timers.jpg[/IMG]
Demo: JavaScript 10 bộ đếm đến ngày Giáng sinh đẹp nhất
| JavaScript Top 10 Beautiful Christmas Countdown Timers

Cách cài đặt




Một vài nhãn tương tự: 10, bộ đếm, ngày Giáng sinh, đẹp nhất, Giáng sinh, Nô-en, hữu ích, danh sách, hiệu ứng bộ đếm, Flash, HTML + JavaScript, phiên bản thương mại
Bạn có thể xem thêm nhiều JavaScript khác về B�i vi?t

Pop up luôn nổi - Phân trang cho website - Popup luôn ở phía trên

[JavaScriptBank.com]

Hiệu ứng sẽ vẽ một biểu đồ đoạn thẳng với các số liệu do bạn qui định trước.... chi tiết tại JavaScriptBank. com - 2.000+ free JavaScript codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/graphic/line-graph-script-index.jpg[/IMG]
Demo: JavaScript Biểu đồ đoạn thẳng
| JavaScript Line Graph script

Cách cài đặt

Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript

<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="line.js"></script>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->

Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML

<div id="lineCanvas" style="overflow: auto; position:relative;height:300px;width:400px;"></div>

<script type="text/javascript">
var g = new line_graph();
g.add('1', 145);
g.add('2', 0);
g.add('3', 175);
g.add('4', 130);
g.add('5', 150);
g.add('6', 175);
g.add('7', 205);
g.add('8', 125);
g.add('9', 125);
g.add('10', 135);
g.add('11', 125);

g.render("lineCanvas", "Line Graph");
</script>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->

Bước 3: Tải các file bên dưới về
Files
line.js
wz_jsgraphics.js


Bạn có thể xem thêm nhiều JavaScript khác về Đồ họa

Tìm các cặp hình giống nhau
- CD-Rom giáo trình SSDG về Web & Lập trình - Hiệu ứng di chuyển div bằng javascript

[leminhtoan]

cám ơn nhiều
đang học javascript
thanks pàipót
pót nhiều cái nữa hen

[tuyennv8]

Nhìn code đau mắt quá. nhưng cũng hiểu được chút ít. Cám ơn các bác nha.

[khongduockhocvn]

may cai do la cai gi dsy bac em chang hieu gi het tron