siavashsay
پنج شنبه 12 بهمن 1391, 12:54 عصر
خوب دوست عزیز !
از اول بگو میخوام یک پیغام ساده نشون داده بشه !
این صفحه رو نوشتم ! اجرا کن ببین چه خبره !
سطحی هست اما خودت تغییرش بده هرطور که خواستی !
موفق باشید !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(document).ready(function(e) {
$("#dialog").hide();
$("#form").hide();
$("#showForm").click(function(e) {
$("#form").toggle();
});
$("#showMess").click(function(e) {
$(function() {
$( "#dialog" ).dialog();
});
});
});
</script>
</head>
<body>
<div id="showMess" style="cursor:pointer">Show Message</div>
<div id="showForm" style="cursor:pointer">Show/Hide Form</div>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<div id="form" style="width:400px; background-color:#F5F5F5; border:2px dashed #e5e5e5">
<form action="" method="post">
<table width="400" border="0">
<tr>
<td width="125">username</td>
<td width="365"><label for="username"></label>
<input type="text" name="username" id="username" /></td>
</tr>
<tr>
<td>password</td>
<td><label for="password"></label>
<input type="text" name="password" id="password" /></td>
</tr>
<tr>
<td>email</td>
<td><label for="email"></label>
<input type="text" name="email" id="email" /></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="submit" id="submit" value="Submit" /></td>
</tr>
</table>
</form>
</div>
</body>
</html>