ไฟล์ทำ drop down .js

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

raccoon
PHP Jr. Member
PHP Jr. Member
Posts: 18
Joined: 11/01/2011 10:10 pm

ไฟล์ทำ drop down .js

Post by raccoon »

// JavaScript Document
function say_hello(){
var logo=document.getElementById("logo");
//alert(logo.innerHTML);
var text = logo.innerHTML += "hello";
logo.innerHTML = text;
}
function say_hello2(){
//alert(jQuery("#logo").html());
//var logo=document.getElementById("logo");
$("#logo").html("Hello World");
}
function show_day(){
var month=document.getElementById("month");
var m=month.value;
//alert(m);
var days = 0;
if(m=="1" || m=="3"){
days=31;
}
else if(m=="2"){
days=29;
}
else{
days=30;
}
var day=document.getElementById("day");
//day.removeChild("option");
for(i=1;i<=days;i++){
var option = document.createElement("option"); // create tag
option.setAttribute("value",i);
option.innerHTML=i;
day.appendChild(option);
}
}
function validate_email(){
var email=document.getElementById("email").value;
var email_ex = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/; //regular expression
var tel_ex = /\(\d{3}\)\d{3}\-\d{4}/; //(999)999-9999
var mobile_ex = /^08[0-9]{8}$/;//0899999999
var info=document.getElementById("info");
if(!email_ex.test(email)){
//alert('Invalid Email Address');
info.innerHTML="Invalid Email Address";
}else{
//alert('Email OK');
info.innerHTML="Email OK";
}

//alert(email);
}
function nav_tab(tab_id){
for(i=1;i<=4;i++){
if(tab_id==i){
$("#tab_"+i).addClass("tab_nav_selected");
}else{
$("#tab_"+i).removeClass("tab_nav_selected").addClass("tab_nav");
}

}
$("#tab_div").html($("#tab_content_"+tab_id).html()).fadeIn(1000);
}
function call_ajax(){
$.ajax({
type: "get",
url:"content.html",
data:"",
success: function(data){
$("#ajax_content").html(data);
}
});
}

----------------------------
html


<html>
<head>
<title>Blognone</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link type="text/css" rel="stylesheet" href="reset.css"/>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="all.js"></script>

</head>
<!--<body>-->
<body onLoad="nav_tab(1);">
<div id="header">
<h1 class="wrap" id="logo" onDblClick="say_hello2();">Blognone</h1>
</div>
<div id="nav">
<ul class="wrap">
<li>Upcoming News</li>
<li>Speacial Report</li>
<li>Interview</li>
<li>Forum</li>
</ul>
</div>
<div class="clear"></div>
<div class="wrap">
<div id="content">
<div id="left">
<div class="box">
<div class="box_header">The New Dawn of Computing</div>
<div class="box_meta">1 Jan 2011 - 09:54</div>
<div class="box_content">
<p>มาถึงวันนี้คงไม่มีใครปฏิเสธแล้วว่า การเกิดขึ้นของ "อุปกรณ์ชนิดใหม่ๆ ที่ต่อเชื่อมกับอินเทอร์เน็ตได้"</p>
<p>
<select name="month" id="month" onChange="show_day();">
<option value="0">Select month</option>
<option value="1">January</option>
<option value="2">Febuary</option>
<option value="3">March</option>
<option value="4">April</option>
</select>
<select name="day" id="day"></select>
</p>
<p>
Enter your E-mail address<br/>
<input type="text" name="email" id="email" onKeyUp="validate_email();"/>
<!--<input type="button" value="check" onClick="validate_email();"/-->
<br/><!-- -->
<div id="info"></div>
</p>
</div>
<div class="box_footer"><p>37 comments</p></div>
</div>
<div class="clear"></div>
<div class="box1">
<div class="box1_header">รัฐแคลิฟอร์เนียบังคับใช้กฏหมายห้ามปลอมตัวเป็นผู้อื่นทางออนไลน์วันนี้</div>
<div class="box1_meta">2 Jan 2011 - 20:13</div>
<div class="box1_content">
<p>ร่างกฏหมาย SB 1411 ของรัฐแคลิฟอร์เนียเริ่มบังคับใช้วันนี้ ทำให้การปลอมตัว</p></div>
<div id="tab_content">
<div class="clear"></div>
<ul>
<li id="tab_1" class="tab_nav" onClick="nav_tab(1);">Tab1</li>
<li id="tab_2" class="tab_nav" onClick="nav_tab(2);">Tab2</li>
<li id="tab_3" class="tab_nav" onClick="nav_tab(3);">Tab3</li>
<li id="tab_4" class="tab_nav" onClick="nav_tab(4);">Tab4</li>
</ul>
<div class="clear"></div>
<div id="tab_div"></div>

</div>
<div class="clear"></div>
<div>
<button type="submit" onClick="call_ajax();">Test AJAX</button>
<div id="ajax_content">

</div>
</div>
<div class="box1_footer"><p>37 comments</p></div>
</div>
</div>

<div id="right">
<div id="login">
<span class="login_text"> Sign In</span>
<span style="margin-left:120px;">
<a href="">ลงทะเบียน</a>
<a href="">ลืมรหัสผ่าน</a>
</span>
<div class="clear"></div>
<form action="" method="post">
<span style="margin-left:25px;">Username</span>
<span style="margin-left:50px;">Password</span><br/>
<input class="text" type="text" name="username"/>
<input class="text" type="password" name="password"/>
<input class="button" type="submit" value="Log in"/>
</form>
</div>
<div class="clear"></div>
<div id="context">
<span id="context_header">Jusci</span>
<div class="clear"></div>
<span id="context_text">เยี่ยมชมเว็บ Jusci.net เว็บในเครือ Blognone.com สำหรับข่าวสารในหมวดวิทยาศาสตร์และเทคโนโลยีได้แล้ววันนี้
</span>
<div class="clear"></div>
<span id="context_header">featured</span>
<div class="clear"></div>
<ul >
<li><a href="">รีวิว Firefox for Mobile 4.0 Beta 3 </a> 1,195 read 16 comments </li>
<li><a href="">รีวิว BlackBerry 9800 Torch 2,037</a> read 18 comments </li>
<li><a href="">เสนอชื่อ Blognone Readers' Choice Award 2010</a> 2,154 read 208 comments </li>
<li><a href="">ภาพบรรยากาศงาน Amplify Your Christmas with HP</a> 1,303 read 54 comments </li>

</ul>
</div>

</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">

</div>
<div id="tab_content_1" style="display:none";>
Hello Tab#1
</div>
<div id="tab_content_2" style="display:none";>
Hello Tab#2
</div>
<div id="tab_content_3" style="display:none";>
Hello Tab#3
</div>
<div id="tab_content_4" style="display:none";>
Hello Tab#4
</div>
</body>

</html>

User avatar
imsn
PHP Super Member
PHP Super Member
Posts: 375
Joined: 07/05/2010 12:58 pm
Contact:

Re: ไฟล์ทำ drop down .js

Post by imsn »

อะไรครับเนี่ย เอามาโชว์ หรอครับ
ช่วยตอบเพราะอยากโปรโหมทเว็บ คิคิคลิกเลย
หาเพื่อนฝรั่งคุย M ...

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 1 guest