cookies , , cookie . , cookie:
● cookies;
● ;
● ;
● cookies .
.
, , /web/index.php, /web1/page.html . . . , cookies :
setcookie( "name", $value, "/web/index.php" );
, , cookie, , , /web/index.php-script/anti_cookie.php. .
JavaScript JQuery.
JQuery JavaScript, JavaScript HTML. jQuery .
jQuery :
● DOM ( ) , .
● .
● .
● AJAX ( , , ).
● JavaScript , .
Javascript . , jQuery ID ,
. : $(' ()') jQuery $() jQuery.
, jQuery , Javascript, -. JavaScript.
<script type="text/javascript" src="jquery.js"></script> <!-- JQUERY-->
<script type="text/javascript">
$(document).ready(function() {
id displayText
$('#displayText').click(function () {
id myString alert
alert($('#myString').val());
|
|
});
input value "", div
$('div input[value^=]').dblclick(function () {
input id testForm
$('#testForm input:first').val('');
});
input div, div div
$('div div input').toggle(function () {
input type text 2
$('input[type = text]').fadeOut(2000);
id hideTextBox " "
$('#hideTextBox').val(' ');}, function () {
input type text 3
$('input[type = text]').fadeIn(3000);
id hideTextBox " "
$('#hideTextBox').val(' ');});
id myString, ..
$('#myString').mouseover(function () {
p " !"
$('p').text(' !'); });
id myString, ..
$('#myString').mouseout(function () {
p " !"
$('p').text(' !');
});
\\
select
$('select').change(function () {
select ( id = borderDiv, select )
var borderDivValue = $('#borderDiv:selected').val();
" ", .. value = "red"
if (borderDivValue == 'red')
{
css border-color border-width id = testForm
$('#testForm').css({
'border-color':'red',
'border-width':'2px'
});
}
( else if (borderDivValue == 'green')), .. value = "green"
else
{
css border-color border-width id = testForm
$('#testForm').css({
'border-color':'green',
'border-width':'5px'
});
}
css : -
JQUERY, , ..
"border: green 5px" , 'border-color':'green', 'border-width':'5px' .
});
});
</script>
AJAX -: , . AJAX web- .
(JavaScript), . Source View Default.aspx , <script> <head>:
|
|
<head runat="server">
<title>Untitled Page</title>
<script>
function ShowCover(){
var Command = "1:" +
document.forms[0].elements['txtISBN'].value;
var context = new Object();
context.CommandName = "ShowCover";
window.status="Retrieving cover...";
<%=callbackStr%>
}
function CallBackHandler(result, context) {
// Amazon.com
if (context.CommandName == "ShowCover") {
var indexofComma = result.indexOf(",");
// Image URL
var ImageURL = result.substring(0,indexofComma);
document.images.item("Image1").src=ImageURL;
// URL
var BookURL = result.substring(indexofComma+1,result.length);
document.links("BookURL").href = BookURL;
window.status="Retrieving cover...Done.";
}
}
//
function onError(message, context) {
alert("Exception:\n" + message);
}
</script>
</head>
<%=callbackStr%> , :
function ShowCover(){
var Command = "1:" +
document.forms[0].elements['txtISBN'].value;
var context = new Object();
context.CommandName = "ShowCover";
window.status="Retrieving cover...";
WebForm_DoCallback('__Page',Command,
CallBackHandler,context,onError, false)
}
CallBackHandler(). ( URL ,
db.php
Lt;?php
$mysql_connect=mysql_connect("localhost","root","");
$db=mysql_select_db("forum");
?>
exit.php
Lt;?php
//
session_start();
// ,
// id
unset($_SESSION['login']);
//
header("location: index.php");
?>
add_mess.php
Lt;?php
//
if (isset($_POST['mess']) && $_POST['mess']!="" && $_POST['mess']!=" ")
{
//
session_start();
//
$mess=$_POST['mess'];
//
$login=$_SESSION['login'];
//
include ("bd.php");
//
$time=date("Y-m-d")." ".date("H:i:s");
$res=mysql_query("INSERT INTO `messages` (`time`,`login`,`message`) VALUES ('$time','$login','$mess') ");
}
?>
Load_mess.php
Lt;?php
include ("bd.php");
//
$res=mysql_query("SELECT * FROM `messages` ORDER BY `time` ");
//
while ($d=mysql_fetch_array($res))
{
echo "<sub><font color='#5f1c6d'>".$d['time']."\t".$d['login'].": </font></sub><div style='background:#9f3;'>".$d['message']."</div><br>";
}
?>
index.php
<html><head>
<title></title>
<link type="text/css" rel="stylesheet" href="divb.css" media="all"/>
<head>
</head>
<body bgcolor="#53AC6D">
<?php
//
session_start();
// ,
//
if(!isset($_SESSION['login']))
{
?>
<center>
<div>
<form action="register.php" method="POST">
<h3></h3>
: <br> <input type="text" name="login">
|
|
<br>
: <br> <input type="password" name="password">
<br>
<input type="submit" value="">
</form>
</div>
<div>
<form action="login.php" method="POST">
<h3></h3>
: <br> <input type="text" name="login">
<br>
: <br> <input type="password" name="password">
<br>
<input type="submit" value="">
</form>
</div>
</center>
<?php
}else
// ,
//,
//
//
//
{
include("bd.php");
$user=$_SESSION['login'];
$res=mysql_query("SELECT * FROM `users` WHERE `login`='$user' ");
$user_data=mysql_fetch_array($res);
echo "<div>Welcome ".$user."<a href='exit.php'>??</a></div>
<table>
<td><div style='divb1'><object height='700' width='700' data='chat.php'></div>
</td
</table>";}?></body></html>
chat.php
<style>
#messages
{
width:500px;
height:500px;
overflow:auto;
border:1px solid silver;
}
</style>
<!-- Jquery!-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//
function send()
{
// id mess_to_add
var mess=$("#mess_to_send").val();
//
$.ajax({
type: "POST",
url: "add_mess.php",
data:"mess="+mess,
// PHP
success: function(html)
{
// ,
load_messes();
//
$("#mess_to_send").val('');
}
});
}
//
function load_messes()
{
$.ajax({
type: "POST",
url: "load_messes.php",
data: "req=ok",
// PHP
success: function(html)
{
//
$("#messages").empty();
// php
$("#messages").append(html);
// ( )
$("#messages").scrollTop(90000);
}
});
}
</script>
<table>
<tr>
<td>
<div id="messages" style="text-align: left">
</div>
</td>
</tr>
<tr>
<td>
<form action="javascript:send();">
<div>
<input type="text" id="mess_to_send" style="width:450;">
<input type="button" value="Send">
</div>
</form>
</td>
</tr>
</table>
<script>
//
load_messes();
//
setInterval(load_messes,3000);
</script>
<head>
<link type="text/css" rel="stylesheet" href="divb.css" media="all"/>
</head>
login.php
Lt;?php
//
if (isset($_POST['login']) && isset($_POST['password']))
|
|
{
include ("bd.php");
//
$login=htmlspecialchars(trim($_POST['login']));
$password=htmlspecialchars(trim($_POST['password']));
//
$res=mysql_query("SELECT * FROM `users` WHERE `login`='$login' ");
$data=mysql_fetch_array($res);
// ,
if (empty($data['login']))
{
die (" !");
}
//
if ($password!=$data['password'])
{
die (" !");
}
//
session_start();
$_SESSION['login']=$data['login'];
//
header("location: index.php");
}
?>
register.php
<?php
//
if(isset($_POST['login']) && isset($_POST['password']))
{
//
$login=htmlspecialchars(trim($_POST['login']));
$password=htmlspecialchars(trim($_POST['password']));
//
if($login=="" || $password=="")
{
die(" !");
}
include("bd.php");
//
$res=mysql_query("SELECT `login` FROM `users` WHERE `login`=' $login ' ");
$data=mysql_fetch_array($res);
// ,
if(!empty($data['login']))
{
die(" !");
}
//
if(strlen($password)<7)
{
die(" 7 !");
}
//
$query="INSERT INTO `users` (`login`,`password`) VALUES(' $login ',' $password ') ";
$result=mysql_query($query);
//
if($result==true)
{
echo " ! <br><a href='index.php'> </a>";
}
// ,
else
{
echo "Error! ----> ". mysql_error();
}
}
?>
Divb.css
div {
padding: 7px;
margin: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 7px 8px #02041c;
-webkit-box-shadow: 0px 7px 8px #02041c;
box-shadow: 0px 7px 8px #02041c;
text-align: right;
font-family: Comic Sans MS, cursive
background: #00AC00;
}
.divb2
{
border: 4px ridge;
text-align: right;
}
.divb1
{
border: 4px ridge #ff0;
background: #ddd ;}
.divb
{
background: #ddd ;}
.divonline
{
border: 4px ridge;
background: #fdf ;}
.divcreate
{
border: 4px ridge;
background: #dfd;
}