Днеска реших да си надраскам в блога някои творения на джава скрипт , които писах скоро от скука.

Първото е за промяна стила на текста , то се знае , че може да ги намерите на 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>

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