Source

<script type="text/javascript" charset="utf-8">
		// Създаваме две глобални променливи, една за таймера, и една за брояча
		var t,sec,x = 0;
		// Създаваме и самата функция, със звучното име ma3x.
		// Като параметри и подаваме стринг, който ще трябва да изпише.
		// Вторият параметър е опционален, и е за времето на таймера (дали да е произволен, или статичен)
		function ma3x(text,random) {
			// Ако тепърва стартираме функцията, трием текущия стринг
			if ( x == 0 ) { document.getElementById('ma3x').innerHTML = ''; }
			// тук правим една проверка, ако стринга е свършил (тоест, сме го изписали) спираме таймера  и нулираме брояча
			if ( text.length <= x && t ) { clearTimeout(t); sec = 0; x = 0; return; }
			// В противен случай, работим по въпроса
			document.getElementById('ma3x').innerHTML += (text.substr(x,1)); x++;
			random = !random ? false : true;
			sec = ( !random ? 1000 : Math.ceil(2000*Math.random()) );
			console.log(sec);
			// Тук правим една малка проверка, дали следващия символ е празен стринг.Ако е празен стринг, просто го показваме, без да губим време, за да не губим ефекта
			if ( text.substr(x,1) != ' ' ) { t = setTimeout('ma3x(\'' + text + '\',' + random + ')',sec); }
			else { ma3x(text,random); }
		}
	</script>

Та остава да си направите едно див-че, с id="ma3x" и да активирате по някакъв начин функцийката.

Source

<a href="javascript: ma3x('проба',true);">Произволен таймер</a> <br />
<a href="javascript: ma3x('проба');">Статичен таймер (1 секунда)</a> <br />
<div id="ma3x"></div>

Демо, както и целия код - може да видите тук

Като за начало, ще трябва да инклуднете jQuery и плъгинаjQuery Cookie

Source

1. <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
2. <script src="jquery.cookie.js" type="text/javascript"></script>

Source
   
$(document).ready(function(){
             // Първо прекарваме всички линкове, съдържащи в себе си class="toggle"
             $("a[class='toggle']").each(function(){
                 // правим една проверка, дали има записана бисквитка, с име ===
 
      (тоест, самото menu1 (примерно))
      if ($.cookie($(this).parents().next().attr('class'))) {
      // ако намери съвпадение, скриваме
            списъка, и заместваме "-" с "+" в линка
            $(this).parents().next().hide();
            $(this).html('+');
            }
            });
            // тук засичаме когато сме кликнали на линкът, за да покаже/скрие менюто
            $("a.toggle").click(function() {
            // вземаме името на класа от списъка за по-лесно
            var menu = $(this).parents().next().attr('class');
            // правим проверката дали трябва да се разгъне, или да се свие
            if ($(this).html() == '-') {
            // тук трябва да се скрие, затова скриваме го, добавяме бисквитка, с името на класа на списъка и променяме "-" с "+" в линка
            $('.' + menu).slideToggle(500);
            $.cookie(menu,'expand', { expires: 30 });
            $(this).html('+');
            }
            // ако пък трябва да се покаже, работим по-горната логика, само че този път трием бисквитката и променяме "+" с "-"
            else {
            $('.' + menu).slideToggle(500);
            $.cookie(menu,null);
            $(this).html('-');
            }
            });
            });

Демото, може да видите (и свалите евентуално) оттук .
Пробвано е и работи под всички браузъри.

Възможно е, ако имате друга структура на менютата, кодът по-горе да не ви сработи, затова силно Ви препоръчвам да прочетете за Selectors

Първо ще си направим един файл config.php

<?php
// тук надолу знаете какво да пишете
$hostname = 'localhost';
$username = '*****';
$password = '*****';
$database = '*****';

mysql_connect($hostname,$username,$password)or die(mysql_error()."<br />На ред <b>".__LINE__."</b> във файлът <b>".__FILE__);
mysql_select_db($database)or die(mysql_error()."<br />На ред <b>".__LINE__."</b> във файлът <b>".__FILE__);
mysql_query("SET CHARACTER SET utf8")or die(mysql_error()."<br />На ред <b>".__LINE__."</b> във файлът <b>".__FILE__);
?>

Сега си правим файлът get_cities.php ,чрез който ще зареждаме градовете според региона ,който сме избрали

<?php
if (is_numeric($_GET['regionid'])) {
include_once("config.php");
$query = mysql_query("SELECT `city_id`,`city_name` FROM `cities` WHERE `city_region` = '".$_GET['regionid']."'")or die(mysql_error());
while ($city = mysql_fetch_array($query)) {
echo "<option value=\"".$city['city_id']."\">".$city['city_name']."</option>";
}
}
?>

Сега остана да си направим и самия index.php

<!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" lang="en" xml:lang="en">
<head>
<title> Региони + Градове </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#regions").change(function(){
if (this.selectedIndex != '') { $.post("get_cities.php?regionid=" + this.selectedIndex, {},function(data){ $("#city").html(data);}); }
});
});
</script>
</head>
<body>
<select id="regions">
<option value="">Изберете регион</option>
<?php
include_once("config.php");
$query = mysql_query("SELECT `region_id`,`region_name` FROM `regions`")or die(mysql_error()."<br />На ред <b>".__LINE__."</b> във файлът <b>".__FILE__);
while ($region = mysql_fetch_array($query)) {
echo "<option value=\"".$region['region_name']."\">".$region['region_name']."</option>";
}
?>
</select> <br /> <br />
<select id="city">
<option value="">Изберете град</option>
</select> <br /> <br />
<a href="cities.zip">Свали всички нужни файлове</a>
</body>
</html>

След всичко това , ще ни трябва единствено jQuery и SQL файла,който ще трябва да импортнете във вашия phpMyAdmin.

Надявам се да ви хареса и да влезе в употреба на някой

Естествено (що се относя до мене) сайта не е напълно завършен , има още какво да му добавя , но смятам още малко време да му оддам ,преди да започна следващия си проект.

Както всичко при мене , остана голЯмия проблем с дизайна на сайта , останах си на първоначалното темплейтче StarDust , и смятам да изкарам с него - поне докато не започна сам да си правя дизайните : ) (което ми се струва няма да е скоро).

Новия сайт е предназначен за всички потребители , но е писан / тестван на Mozzila 3.0.5 и по-старата версия 2.0.0.20 .За другите браузъри няма да крия , че ме е страх да погледна все още , но за в бъдеще ще ми влезне в плановете за фиксването им.

В сайта бяха/са използвани единствено прост xHTML и PHP. Джава Скрипт единствено изпозлвах при регистрацията , но това по никакъв начин не би повлияло , ако сте забранили джава скриптовете в чуждите сайтове.

Мнения и коментари се приемат както в тази тема , така и в самия сайт :>

Първото е за промяна стила на текста , то се знае , че може да ги намерите на 1000 места из интернет, но е важно да си ги напиша и аз , мойте скриптове - в моя блог :Д

<script language="JavaScript" type="text/JavaScript">
size = 14;
b = 0;
i = 0;
u = 0;
function changetext(what){
if((what == "up") && (size < "20")){
calc = size + 1;
size = calc;
document.getElementById('test').style.fontSize = calc + "px";
}
else if ((what == "down") && (size > 8)){
calc = size - 1;
size = calc;
document.getElementById('test').style.fontSize = calc + "px";
}
else if (what == "normal") {
document.getElementById('test').style.fontSize = "14px";
size = 14;
}
else {
document.getElementById('test').style.fontSize = "14px";
document.getElementById('test').style.fontWeight = "none";
document.getElementById('test').style.fontStyle = "none";
document.getElementById('test').style.fontDecoration = "none";
i = 0; u = 0; b = 0;
size = 14;
alert('Не прекалявайте!!!');
}
}
function changestyle(what){
if(what == "bold"){
if (b == 0){ document.getElementById('test').style.fontWeight = "bold"; b = 1; }
else{ document.getElementById('test').style.fontWeight = ""; b = 0; }
}
else if (what == "italic"){
if (i == 0){ document.getElementById('test').style.fontStyle = "italic"; i = 1; }
else{ document.getElementById('test').style.fontStyle = ""; i = 0;}
}
else if (what = "underline"){
if (u == 0){ document.getElementById('test').style.textDecoration = "underline"; u = 1; }
else{ document.getElementById('test').style.textDecoration = "none"; u = 0;}
}
}
function changefont(){
var font = document.getElementById('changefont').value;
document.getElementById('test').style.fontFamily = font;
}
</script>

Аз го бях направил с едни обикновенни картинки , но Вие можете да сложите фукнцията където искате - на каквото искате т.е..Ето Ви моя пример

<img src="images/up.ico" onclick="changetext('up')" alt="Увеличи шрифта" title="Увеличи шрифта" />
<img src="images/normal.ico" onclick="changetext('normal')" alt="Нормализирай шрифта" title="Нормализирай шрифта" />
<img src="images/down.ico" onclick="changetext('down')" alt="Намали шрифта" title="Намали шрифта" />
<img src="images/bold.png" onclick="changestyle('bold')" alt="Удебели шрифта" title="Удебели шрифта" />
<img src="images/italic.png" onclick="changestyle('italic')" alt="Наклони шрифта" title="Наклони шрифта" />
<img src="images/underline.png" onclick="changestyle('underline')" alt="Подчертай шрифта" title="Подчертай шрифта"/>
<select id="changefont" onchange="changefont()">
<option> -- Изберете си шрифт -- </option>
<option value="Georgia"> Georgia </option>
<option value="Tahoma"> Tahoma </option>
<option value="Arial"> Arial </option>
<option value="Courier"> Courier </option>
<option value="Helvetica"> Helvetica </option>
<option value="Comic Sans MS"> Comic Sans MS </option>
</select>

И те т'ва е.Ако някой се сеща нещо за доизкусуряване - с радост бих се потрудил върху скрипта си.Демо ,може да видите оттук .

Ето и още един скрипт , на който нямам демо , но ще ви го дам в стил Copy/Paste

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Джава Проекти </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript" type="text/JavaScript">
function edtable() { // Името на фукнцията е съкратено от EnableDisableTable
var thisdiv = document.getElementById('mycooltable').style;
if (thisdiv.visibility == "hidden") {
thisdiv.visibility = "visible";
}
else {
thisdiv.visibility = "hidden";
}
}
</script>
</head>
<body>
<table border="1" cellspacing="2" cellpadding="2" align="center">
<tr id="mycooltable"> <td> тестче </td> <tr>
<tr> <td> <p onClick="javascript:edtable()">Покажи / Скрий</p> </td> </tr>
</table>
</body>
</html>

Сами може да видите за какво е , ако не се досещате