Имеется основной файл index.html
Код:
<!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">
<link rel="stylesheet" type="text/css" href="css/styles.css"
<title>SteelEagles v1.000</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<body>
<!-- Ссылки вверху -->
<div id="im">
<div id="form_vhod">
<!-- форма входа -->
ВСТАВИТЬ НУЖНО СЮДА
</div>
</div>
<div id="main">
<!-- меню -->
<div id="head">
<ul>
<li><a href="http://steeleagles.ru">Главная</a></li>
<li><a href="http://steeleagles.ru/md.html" onmousemove="document.getElementById('podpunkt1').style.display='block'" onmouseout="document.getElementById('podpunkt1').style.display='none'">Моды</a></li>
<li><a href="http://steeleagles.ru/pr.html" onmousemove="document.getElementById('podpunkt2').style.display='block'" onmouseout="document.getElementById('podpunkt2').style.display='none'">Прочее</a></li>
<li><a href="http://steeleagles.ru/fr.html">Форум</a></li>
<li><a href="http://steeleagles.ru/on.html">О Нас</a></li>
<li><a href="http://steeleagles.ru/faq.html">F.A.Q</a></li>
</ul>
</div>
<div id="punkt">
<div id="podpunkt1" onmousemove="document.getElementById('podpunkt1').style.display='block'" onmouseout="document.getElementById('podpunkt1').style.display='none'">
<ul>
<li><a href="#">Шкурки</a></li>
<li><a href="#">Озвучка</a></li>
<li><a href="#">Прицелы</a></li>
<li><a href="#">Ангары</a></li>
<li><a href="#">XVM</a></li>
<li><a href="#">Сборки модов</a></li>
<li><a href="#">Загрузочные экраны</a></li>
</ul>
</div>
<div id="podpunkt2" onmousemove="document.getElementById('podpunkt2').style.display='block'" onmouseout="document.getElementById('podpunkt2').style.display='none'">
<ul>
<li><a href="#">Клановые бои</a></li>
<li><a href="#">Пользовательские бои</a></li>
<li><a href="#">Картинки</a></li>
</ul>
</div>
</div>
<div >
<span id="date">
<script language="javascript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота")
var montharray=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря")
document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+" "+"г."+"</p>")
</script>
</span>
</div>
<!-- java -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="js/slideshow.js"></script>
<!-- слайд шоу -->
<div id="content">
<ul class="infoPanel">
<li> <a href="http://update.raidcall.com/download/raidcall.exe?v=7.3.0" class="infoLink current"><img alt="" src="img/1.png" style="opacity: 1;"> <span>Raid Call</span>
<p>ID: 5399465</p>
</a>
<div style="display: block;"> <img alt="" src="img/1.png"> </div>
</li>
<li> <a href="http://redirect.wargaming.net/WoT/latest_web_install_ru" class="infoLink"><img alt="" src="img/2.png" style="opacity: 0.8;"><span>World of Tanks</span>
<p>Скачать игру</p>
</a>
<div style="display: none;"> <img alt="" src="img/2.png"> </div>
</li>
<li> <a href="http://worldoftanks.ru/community/clans/88838-ST-EG/" class="infoLink"><img alt="" src="img/3.png" style="opacity: 0.8;"><span>Steel Eagles</span>
<p>Запрос в клан</p>
</a>
<div style="display: none;"> <img alt="" src="img/3.png"> </div>
</li>
</ul>
</div>
<!-- Содержимое -->
<div>
<table width="100%" id="conten" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1"> </td>
<td id="title">
<div id="zagolovok_nevs">Новости</div>
</td>
<td rowspan="3" id="panel" width="300">
<!-- правый столбец -->
<table width="100%" border="0">
<tr>
<td><div id="panel_kom"></div></td>
</tr>
<tr>
<td><div id="panel_rekl">
<div id="rec">
<!-- admitad.banner: 27a67904d3db5a71a1acb6e1cc6b09 Panzar RU -->
<a target="_blank" rel="nofollow" href="http://ad.admitad.com/goto/27a67904d3db5a71a1acb6e1cc6b09/">
<img width="250" height="250" border="0" src="http://ad.admitad.com/b/27a67904d3db5a71a1acb6e1cc6b09/" alt="Panzar RU" />
</a>
<!-- /admitad.banner -->
</div>
</div></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><div id="panel_stat">
<div id="andex">
<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=23130139&from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/23130139/3_1_FFFFFFFF_FFFFFFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" /></a>
<!-- /Yandex.Metrika informer -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter23130139 = new Ya.Metrika({id:23130139,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/23130139" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --></div>
<div id="cypr">
<!--cy-pr.com--><a href="http://www.cy-pr.com/" target="_blank"><img src="http://www.cy-pr.com/e/steeleagles.ru_12.gif" border="0" width="88" height="31" alt="Проверка тиц pr" /></a><!--cy-pr.com-->
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">//<![CDATA[
var _tmr = _tmr || [];
_tmr.push({id: "2436146", type: "pageView", start: (new Date()).getTime()});
(function (d, w) {
var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true;
ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js";
var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window);
//]]></script><noscript><div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=2436146;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" />
</div></noscript>
<!-- //Rating@Mail.ru counter -->
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="500" ></td>
<td id="cont_main">
<div id="news">
</div>
<!-- 1 new -->
<table width="100%" id="less" border="0">
<tr>
<td rowspan="3" width="130">
<img src="img/kar.png" />
</td>
<td height="30" id="zag">Заголовок</td>
</tr>
<tr>
<td height="190" id="os">Основное содержимое</td>
</tr>
<tr>
<td id="snos">Читать дальше</td>
</tr>
</table>
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,pinterest,surfingbird" data-yashareImage="steeleagles.ru/img/footer_pinterest.png"
></div>
<!-- 2new -->
<table width="100%" id="less" border="0">
<tr>
<td rowspan="3" width="130">
<img src="img/kar.png" />
</td>
<td height="30" id="zag">Заголовок</td>
</tr>
<tr>
<td height="190" id="os">Основное содержимое</td>
</tr>
<tr>
<td id="snos">Читать дальше</td>
</tr>
</table>
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,pinterest,surfingbird" data-yashareImage="steeleagles.ru/img/footer_pinterest.png"
></div>
<!-- 3 new -->
<table width="100%" id="less" border="0">
<tr>
<td rowspan="3" width="130">
<img src="img/kar.png" />
</td>
<td height="30" id="zag">Заголовок</td>
</tr>
<tr>
<td height="190" id="os">Основное содержимое</td>
</tr>
<tr>
<td id="snos">Читать дальше</td>
</tr>
</table>
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,pinterest,surfingbird" data-yashareImage="steeleagles.ru/img/footer_pinterest.png"
></div>
</td>
</tr>
<tr>
<td> </td>
<td colspan="2" id="battom_main"> </td>
</tr>
</table>
</div>
</div>
<table id="search" width="35" border="0">
<tr><form action="" method="post">
<td id="poisk">Поиск</td>
<td><input class="inpt_search" type="text" name="search" /></td>
<td><input type="image" src="img/search.png"/></form></td>
</tr>
</table>
<table id="foot" width="945" height="105" border="0">
<tr>
<td id="ftr_left"> </td>
<td id="copr" width="350">Copyright © 2013<a href="http://steeleagles.ru"> steeleagles</a></td>
<td id="naw"><a href="http://steeleagles.ru">Главная</a> | <a href="http://steeleagles.ru/fr.html">Форум</a> | <a href="http://steeleagles.ru/faq.html">F.A.Q</a></td>
<td id="ftr_right" width="100">
<!-- vv -->
<p id="back-top">
<a href="#top"><span></span></a>
</p>
</td>
</tr>
</table>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
</div>
</body>
</html>и файл c формой для регистрации и входа index.php
Код:
<?php
// вся процедура работает на сессиях. Именно в ней хранятся данные пользователя, пока он находится на сайте. Очень важно запустить их в самом начале странички!!!
session_start();
include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь
if (!empty($_SESSION['login']) and !empty($_SESSION['password']))
{
//если существет логин и пароль в сессиях, то проверяем их и извлекаем аватар
$login = $_SESSION['login'];
$password = $_SESSION['password'];
$result = mysql_query("SELECT id,avatar FROM users WHERE login='$login' AND password='$password'",$db);
$myrow = mysql_fetch_array($result);
//извлекаем нужные данные о пользователе
}
?>
<html>
<head>
<title>Главная страница</title>
</head>
<body>
<h2>Главная страница</h2>
<?php
if (!isset($myrow['avatar']) or $myrow['avatar']=='') {
//проверяем, не извлечены ли данные пользователя из базы. Если нет, то он не вошел, либо пароль в сессии неверный. Выводим окно для входа. Но мы не будем его выводить для вошедших, им оно уже не нужно.
print <<<HERE
<form action="testreg.php" method="post">
<!-- testreg.php - это адрес обработчика. То есть, после нажатия на кнопку "Войти", данные из полей отправятся на страничку testreg.php методом "post" -->
<p>
<label>Ваш логин:<br></label>
<input name="login" type="text" size="15" maxlength="15"
HERE;
if (isset($_COOKIE['login'])) //есть ли переменная с логином в COOKIE. Должна быть, если пользователь при предыдущем входе нажал на чекбокс "Запомнить меня"
{
//если да, то вставляем в форму ее значение. При этом пользователю отображается, что его логин уже вписан в нужную графу
echo ' value="'.$_COOKIE['login'].'">';
}
print <<<HERE
</p>
<!-- В текстовое поле (name="login" type="text") пользователь вводит свой логин -->
<p>
<label>Ваш пароль:<br></label>
<input name="password" type="password" size="15" maxlength="15"
HERE;
if (isset($_COOKIE['password']))//есть ли переменная с паролем в в COOKIE. Должна быть, если пользователь при предыдущем входе нажал на чекбокс "Запомнить меня"
{
//если да, то вставляем в форму ее значение. При этом пользователю отображается, что его пароль уже вписан в нужную графу
echo ' value="'.$_COOKIE['password'].'">';
}
print <<<HERE
</p>
<!-- В поле для паролей (name="password" type="password") пользователь вводит свой пароль -->
<p>
<input name="save" type="checkbox" value='1'> Запомнить меня.
</p>
<p>
<input type="submit" name="submit" value="Войти">
<!-- Кнопочка (type="submit") отправляет данные на страничку testreg.php -->
<br>
<!-- ссылка на регистрацию, ведь как-то же должны гости туда попадать -->
<a href="reg.php">Зарегистрироваться</a>
</p></form>
<br>
Вы вошли на сайт, как гость<br><a href='#'>Эта ссылка доступна только зарегистрированным пользователям</a>
HERE;
}
else
{
//при удачном входе пользователю выдается все, что расположено ниже между звездочками.
//************************************************************************************
print <<<HERE
<!-- Между оператором "print <<<HERE" выводится html код с нужными переменными из php -->
Вы вошли на сайт, как $_SESSION[login] (<a href='exit.php'>выход</a>)<br>
<!-- выше ссылка на выход из аккаунта -->
<a href='http://tvpavlovsk.sk6.ru/'>Эта ссылка доступна только зарегистрированным пользователям</a><br>
Ваш аватар:<br>
<img alt='$_SESSION[login]' src='$myrow[avatar]'>
<!-- Выше отображается аватар. Его адрес содержит переменная $myrow[avatar] -->
<!-- Именно здесь можно добавлять формы для отправки комментариев и прочего... -->
HERE;
//************************************************************************************
//при удачном входе пользователю выдается все, что расположено ВЫШЕ между звездочками.
}
?>
</body>
</html>Подскажите как мне сделать ссылки ВХОД и РЕГИСТРАЦИЯ на файле index.html
чтоб они взаимодействовали с index.php и
происходило следующее
1 если человек зашел как гость то высвечивалось вход и регистрация
2 если человек зашел под логином и паролем то высвечивался его ник как ссылка на его профиль и выход
Отредактировано KorNefeX (2013-12-09 17:46:38)