Web программирование

Поделиться12005-09-09 08:17:23

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

выкладывайте сдесь исходники и все по теме(все для это-го кроме готовых скриптов)
задавайте вопросы постараемся ответить!

Отредактировано Alien (2005-09-09 15:26:08)

0

Поделиться22005-09-09 08:23:14

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

Система регистрации на PHP

Итак, нам нужно создать две папки: templates (здесь будут хранится шаблоны) и users (здесь будут файлы пользователей).
Создаем в корневой директории файл reg.htm и пишем в него следующее:

Код:

<html> 
<head> 
<title>Форма регистрации</title> 
<form action="reg.php" method="post"><br /> 
*Ник: <input type="text" name="nick"><br /> 
Имя: <input type="text" name="name"><br /> 
*Мыло: <input type="text" name="email"><br /> 
*Пароль: <input type="text" name="pass"><br /> 
*Повторите пароль: <input type="text" name="pass2"><br /> 
Аська: <input type="text" name="icq"><br /> 
Сайт: <input type="text" name="site"><br /> 
Биография: <input type="text" name="bio"><br /> 
Хобби: <input type="text" name="hobby"><br /> 
Подпись: <input type="text" name="ps"><br /> 
<input type="submit" name="Все именно так!"><br /> 
</form> 
</head> 
</html>

Это простейшая HTML-форма и думаю, что в комментариях не нуждается.

Теперь создаем файл reg.php:

Код:

<?php 
$file_name=$users_dir.$nick; //Генерируем имя файла 
clearstatcache(); //Чистим кэш 
$fe=file_exists($file_name); //Проверяем, существует ли файл с именем $file_name 
if ($fe==TRUE) {echo "С таким ником уже зарегистрировались!";} 
elseif ($pass!=$pass2){echo "Пароли не совпадают?!";} 
$fp=fopen($file_name,"w"); //Открытие дескриптора файла пользователя на запись 
//Запись всех переданных формой данных в файл пользователя, через /n 
fwrite($fp,$nick."\n"); 
fwrite($fp,$name."\n"); 
fwrite($fp,$email."\n"); 
fwrite($fp,$pass."\n"); 
fwrite($fp,$icq."\n"); 
fwrite($fp,$site."\n"); 
fwrite($fp,$bio."\n"); 
fwrite($fp,$hobby."\n"); 
fwrite($fp,$ps."\n"); 
echo "Все ОК!"; //Пишем, что все удалось 
?>

Делаем config.php:

//Ну совсем простой файл

Код:

<?php 
$users_dir='users/'; //Директория с пользователями 
$templates_dir='templates/'; //Директория с шаблонами 
?>

Далее - login.htm:

Код:

<html> 
<head> 
<title>Логин</title> 
<form action=login.php method=post> 
<input type=text name=nik> 
<input type=text name=pass> 
<input type=submit> 
</form> 
</head> 
</html>

И login.php:

Код:

<?php 
header("Cache-Control: no-cache, must-revalidate"); //Не кэшировать!! 
header("Pragma: no-cache"); 
//Ставим Куки 
setcookie("scanik","$nik"); 
setcookie("scanet_password","$pass"); 
require("config.php"); 
$fe=file_exists($users_dir.$nik); //Проверка существования файла 
clearstatcache(); //Чистим кэш 
if ($fe==FALSE){echo "НЕправильный ник!"; exit;} //Нет файла 
$fp=fopen($users_dir.$nik,"r"); //Если есть файл, открываем на чтение 
$pb=fgets($fp,4096); //Читаем строки, вплоть до 4. В 4 строке хранится пароль, кладем его в переменную $pbb 
$pb=fgets($fp,4096); 
$pb=fgets($fp,4096); 
$pb=fgets($fp,4096); 
$pbb=chop($pb); 
if ($pbb!=$pass){echo "Не правильный пароль!"; exit;} //Проверка правильности пароля 
//Если пароль верен - выводим информацию пользователя 
if ($pbb==$pass){ echo "OK!<br />"; 
$usr=$nik; include ("userinfo.php"); } ?>

И наконец...пишем файл вывода информации о пользователе:

Код:

<?php 
$fe=file_exists($users_dir.$usr); 
require("config.php"); 
if($fe==FALSE){include($templates_dir."nouser.html");} 
elseif($fe==TRUE){ 
$fcontens=file($users_dir.$usr); 
while(list($line_num,$line)=each($fcontens)) { 
echo $line_num." ".htmlspecialchars($line)." 
"; 
} 
} 
?>

А в папку templates кидаем файл nouser.htm - шаблон вывода ошибки.
ВСЕ ГОТОВО!

0

Поделиться32005-09-09 12:46:23

Автор: Ailias
= Сreator of This Forum = & Sims2-Cre
Откуда: Мурманская область
Зарегистрирован: 2004-12-30
Приглашений: 0
Сообщений: 11280
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 44 [1980-02-19]
Провел на форуме:
Не определено
Последний визит:
2010-10-08 19:08:16

Спасибо Алиен, ты вот так ещё юный - а так в этом шаришь...
Для меня пока это ещё тёмный лес.

0

Поделиться42005-09-09 14:20:45

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

Ailias
да лан те :rolleyes:

Вот простейшая форма атправки E-Mail

Код:

<FORM NAME="mailer" METHOD="post" ACTION="" ENCTYPE="text/plain" onSubmit="(document.mailer.action += mailtoandSubject)"> 
<table border=2 align=center cellspacing=1 cellpadding=2 BgColor=#000FFF> 
<tr><td><FONT size="2" color="#FFFFFF">Имя:</font></td> 
<td><INPUT TYPE="text" NAME="Name" size="24" onChange="msg(this.form)"></td></tr> 
<tr><td><FONT size="2" color="#FFFFFF">Тема:</font></td> 
<td><INPUT TYPE="text" NAME="Subject" size="24" onChange="msg(this.form)"></td></tr> 
<tr><td><FONT size="2" color="#FFFFFF">Сообщение:</font></td> 
<td><TEXTAREA NAME="Message" COLS=40 ROWS=6 onChange="msg(this.form)"></TEXTAREA></td></tr> 
<tr><td colspan=2 align=center><INPUT TYPE = "submit" VALUE = "Отправить" ONCLICK="return checkIt()"> 
<INPUT TYPE=reset VALUE=" Сброс "></td></tr></table> 
</FORM> 
<script LANGUAGE="JavaScript"> 
function checkIt() { // функция проверки полей формы 
//----------- 
if (document.forms.mailer.Name.value != "") { // функция проверки поля Name 
} else { 
alert("\nОбласть \"Имя\" в форме. \n\nПожалуйста, введите свое имя."); // выводит сообщение, если поле Name не заполнено 
document.forms.mailer.Name.focus(); // возврашает курсор на поле Name 
return false; 
} 
//----------- 
if (document.forms.mailer.Subject.value != "") { // функция проверки поля Subject 
} else { 
alert("\nОбласть \"Тема\" в форме. \n\nПожалуйста, введите тему."); // выводит сообщение, если поле Subject не заполнено 
document.forms.mailer.Subject.focus(); // возврашает курсор на поле Subject 
return false; 
} 
//----------- 
if (document.forms.mailer.Message.value != "") { // функция проверки поля Message 
return true; // ВСЕ ОТЛИЧНО 
} else { 
alert("\nОбласть \"Сообщение\" в форме. \n\nПожалуйста, напишите сообщение."); // выводит сообщение, если поле Message не заполнено 
document.forms.mailer.Message.focus(); // возврашает курсор на поле Message 
return false; 
} 
//----------- 
} 
function msg() { // функция отправки 
document.mailer.action = "mailto:Ваша@почта.ua" 
mailtoandSubject = (('?Subject=' + document.mailer.Subject.value) + '&Body=' + document.mailer.Message.value); 
} 
</SCRIPT>

0

Поделиться52005-09-09 14:32:05

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

Ссылка дня

Код:

<html>
<head>
<script language="JavaScript">
function GetTodaysURL()
{
  var locationlist = new URLList
  (
        "1.html",         // Monday
        "2.html",         // Tuesday
        "3.html",
        "4.html",
        "5.html",
        "6.html",
        "7.html"          // Sunday
  );
  now = new Date();
  num = now.getDay();
  if (num == 0) num = 7;
  location.href = locationlist.list[num-1];
}
function URLList ()
{
  var argv = URLList.arguments;
  var argc = argv.length;
  this.list = new Object();
  for (var i = 0; i  argc; i++)
  this.list[i] = argv[i];
  this.count = argc;
  return this;
}
</script>
</head>
<body>
Пример кода, выбирающего
<a href="javascript:GetTodaysURL()">
страницу этого дня</a>.
Завтра будет показана другая страница.
</body>
</html>

Этот код позволяет странице «догадываться» о том, утро, день, вечер или ночь

Код:

<html>
<head>
<script language="JavaScript">
function getHourOfDay()
{       var now = new Date();
        return(now.getHours());
}
function getTime()
{
        var now = new Date();
        var minutes = now.getMinutes();
        var divider = ":";
        if (minutes<10)
                divider = ":0";
                // Hack to get it to display the time
                // correctly in version 3.0, (adjust 
    for offset)
        if (navigator.appVersion.lastIndexOf('3.')
   != -1 &&
                navigator.appName.lastIndexOf
    ('Netscape') != -1)
                        return( now.getHours()-1
       + divider + minutes );
                // Other versions may work with this ?
        return( now.getHours() + divider + minutes );
}
function sayHello ()
{
        document.write( "Сейчас <B>" +
                                getTime() +
                                "</B>, 
        поэтому мы желаем Вам" );
        if(getHourOfDay()<5 || getHourOfDay()>19)
                document.write(' спокойной ночи!');
        else
        {
                if ( getHourOfDay() < 11)
                {
                        document.write(' доброго 
      утра!');
                }
                else
                {
                        document.write(' хорошей 
      работы!');
                }
        }
}
</script>
</head>
<body>
<script language="JavaScript">
<!--
sayHello()
// -->
</script>
</body>
</html>

Счетчик посещений

Код:

<html>
<head>
<script language="JavaScript">
var caution = false
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
                document.cookie = curCookie
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
                return null
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
                document.cookie = name + "=" + 
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
}
function fixDate(date) {
        var base = new Date(0)
        var skew = base.getTime()
        if (skew > 0)
                date.setTime(date.getTime() - skew)
}
</script>
</head>
<body>
<script language="JavaScript">
<!--
var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
var visits = getCookie("counter")
if (!visits)
        visits = 1
else
        visits = parseInt(visits) + 1
setCookie("counter", visits, now)
document.write("Вы были здесь " + visits + " раз(а).")
// -->
</script>
</body>
</html>

0

Поделиться62005-09-09 15:23:39

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

Сияние надписи

Код:

<html>
<head>

</head>
<body>
<span id="theText" style="width:50%; color: white">
<h1><strong>Ваш текст</strong></h1>
</span>
<script>
<!--
//величина сияния от и до
var from = 1;
var to = 7;
//скорсть сияния
var delay = 60;
//цвет сияния, имя в rgb (пример:'#ffff33') или именованный
var glowColor = "gray'";
//не менять!!!
var i = to;
var j = 0;
textPulseDown();
function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
}
function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}
//-->
</script>
</body>
</html>

Текст около мышки

Код:

<head>
<style type="text/css">
 .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:white;}
</style>
<script>
var x,y
var step=20
var flag=0
 var message="Ваш текст " // Текст около мышки (обязательно после последней буквы пробел)
message=message.split("")
 var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-50
}
 var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
 ypos[i]=-50
}
 function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1
}
 function makesnake() {
 if (flag==1 && document.all) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y
   for (i=0; i<message.length-1; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
     }
 }
  else if (flag==1 && document.layers) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y
   for (i=0; i<message.length-1; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
   thisspan.top=ypos[i]
     }
 }
  var timer=setTimeout("makesnake()",30)
}
</script>
</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>
<!-- Beginning of JavaScript -
 for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'><font color='#99ff00'>")
 document.write(message[i])
    document.write("</font></span>")
}
 if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
 //  -->
</script>
</body>

Распечатка страницы из кода

Код:

<html>
<head>
<script language="JavaScript">
<!--
var browser_name = navigator.appName;
function printit() {
if (browser_name == "Netscape") {
window.print();
} else {
var WebBrowser = '<object id="WebBrowser1" width=0 height=0 classid="clsid:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(6, 2);   } }  
-->
</script>
</head>
<body>
<p>Чтобы распечатать данную страничку, просто нажмите <a href="#" onClick="printit();">Печатать</a>.</p>
</body>
</html>

0

Поделиться72005-09-09 16:39:17

Автор: Ailias
= Сreator of This Forum = & Sims2-Cre
Откуда: Мурманская область
Зарегистрирован: 2004-12-30
Приглашений: 0
Сообщений: 11280
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 44 [1980-02-19]
Провел на форуме:
Не определено
Последний визит:
2010-10-08 19:08:16

Alien расскажи с чего вообще начать и где вот это всё можно юзать?

0

Поделиться82005-09-15 11:05:56

Автор: Catarina
"Best Member Site Award"
Откуда: Россия
Зарегистрирован: 2005-09-02
Приглашений: 0
Сообщений: 214
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 38 [1985-05-09]
Провел на форуме:
Не определено
Последний визит:
2008-04-16 15:04:56

Это все можно юзать на страничках, однако..

А у меня вот тоже вопрос к Alien'u - есть JS код, и все было б хорошо.. если б новая тупая версия DreamWeavera смогла б прочитать там русский текст.. А если я открываю страничку, копирую оттуда код - то у меня одни ????? заместо текста русского.. Не сможешь объяснить, как это поправить? А то идей нет

0

Поделиться92005-09-15 14:40:23

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

хм ну можно попробовать через блокнит провести!!!
я лично непользуюсь DreamWeavera так что про него ничо сказать немогу!
ну как я понимаю там есть настройка шрифтов ну выбери какой-нибудь шрифт с поддержкой кириллицы

0

Поделиться102005-09-15 20:47:47

Автор: Catarina
"Best Member Site Award"
Откуда: Россия
Зарегистрирован: 2005-09-02
Приглашений: 0
Сообщений: 214
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 38 [1985-05-09]
Провел на форуме:
Не определено
Последний визит:
2008-04-16 15:04:56

Хех, считаешь совсем дурой? Зря. Плевать он хотел на шрифты, а через блокнот.. *фиии

Ладно, я взяла другой скриптик, помучилась, покопировала.. Все супер, кроме того, что я почти не дружу с JS. Может быть подскажешь, как можно "расклеить" слова? А то прямо друг под другом пишутся в меню, читать очень неудобно.

Чтобы было понятно - на catarina.ru это меню висит.

Буду очень благодарна!

0

Поделиться112005-09-15 21:53:43

Автор: Alien
Extended Members
Откуда: Дом
Зарегистрирован: 2005-01-19
Приглашений: 0
Сообщений: 360
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 33 [1990-09-21]
Провел на форуме:
Не определено
Последний визит:
2008-01-28 23:56:43

ну слова можно разделять тегом "<br>"
пиши в аську если что там быстрей отвечу!

0

Поделиться122005-09-16 09:45:34

Автор: Catarina
"Best Member Site Award"
Откуда: Россия
Зарегистрирован: 2005-09-02
Приглашений: 0
Сообщений: 214
Уважение: [+0/-0]
Позитив: [+0/-0]
Возраст: 38 [1985-05-09]
Провел на форуме:
Не определено
Последний визит:
2008-04-16 15:04:56

А еще использовать <p>, только это смотрится ужасно! Ибо мне надо не строчку, а как в ворде - полуторный (или чуть меньше) интервал... Сча, телльнуть попробую..

0