Kod Örnekleri & Teknik Rehberler
Python, C#, PHP ve modern web teknolojileri üzerine profesyonel örnekler.
Python & Veri Bilimi
PopülerÖğrenmesi kolay ve son derece güçlü. Yapay Zeka, Veri Analizi ve Otomasyon dünyasının lider dili Python ile ilgili en güncel snippetları keşfedin.
Web siteleri için görselleri optimize etmek amacıyla kullanılan, belirtilen bir görseli en-boy oranını koruyarak yeniden boyutlandıran kod örneği.
from PIL import Image
def resim_boyutlandir(dosya, genislik):
img = Image.open(dosya)
oran = (genislik / float(img.size[0]))
yukseklik = int((float(img.size[1]) * float(oran)))
yeni_img = img.resize((genislik, yukseklik), Image.Resampling.LANCZOS)
yeni_img.save('boyutlandirilmis_resim.jpg')
resim_boyutlandir('manzara.jpg', 800)
def resim_boyutlandir(dosya, genislik):
img = Image.open(dosya)
oran = (genislik / float(img.size[0]))
yukseklik = int((float(img.size[1]) * float(oran)))
yeni_img = img.resize((genislik, yukseklik), Image.Resampling.LANCZOS)
yeni_img.save('boyutlandirilmis_resim.jpg')
resim_boyutlandir('manzara.jpg', 800)
Hiçbir kütüphane kurmadan, sadece Python yerleşik modülleriyle yerel bir ağ üzerinde dosya paylaşımı için sunucu başlatma kodu.
import http.server
import socketserver
PORT = 8000
Handler = http.server.SimpleHTTPRequestHandler
with socketserver.TCPServer(("", PORT), Handler) as httpd:
print(f"Sunucu {PORT} portunda çalışıyor...")
httpd.serve_forever()
import socketserver
PORT = 8000
Handler = http.server.SimpleHTTPRequestHandler
with socketserver.TCPServer(("", PORT), Handler) as httpd:
print(f"Sunucu {PORT} portunda çalışıyor...")
httpd.serve_forever()
C# (CSharp) & .NET Core
KurumsalModern, nesne yönelimli ve yüksek performanslı. ASP.NET Core ve Entity Framework ile profesyonel web ve masaüstü projeleri geliştirin.
Email validation - kontrolü
CSHARPEmail alanına girilen adresin doğru formatta olup olmadığını gösteren bir örnek
function ValidateEmail(mail)
{
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.emailAddr.value))
{
return (true)
}
alert("You have entered an invalid email address!")
return (false)
}
{
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.emailAddr.value))
{
return (true)
}
alert("You have entered an invalid email address!")
return (false)
}
Mükemmel Sayılar
CSHARPKendisi hariç bütün pozitif çarpanları (tam bölenleri) toplamı, yine kendisine eşit olan sayılara ?mükemmel sayı? denir.
Örneğin 6=1+2+3 ve 28=1+2+4+7+14 gibi.
int sayi;
double bolumtopla = 0;
Console.Write("Bir sayı giriniz: ");
sayi = Convert.ToInt32(Console.ReadLine());
for (int i = 1; i <sayi; i++)
{
if (sayi % i == 0)
{
bolumtopla += i;
}
}
double bolumtopla = 0;
Console.Write("Bir sayı giriniz: ");
sayi = Convert.ToInt32(Console.ReadLine());
for (int i = 1; i <sayi; i++)
{
if (sayi % i == 0)
{
bolumtopla += i;
}
}
PHP & Web Programlama
DinamikWeb dünyasının emektar ve güçlü dili. PDO veritabanı yönetimi, API işlemleri ve modern PHP 8.x tekniklerini inceleyin.
If ....Else ifadesi belirtilen durumun doğru ya da yanlış olmasına göre program akışına yön vermektedir.
<?
$site = "www.ME.com.tr";
if ( $site == "www.ME.com.tr" ) {
echo ("Şu anda bulunduğunuz sitenin adresi: www.ME.com.tr");
}
elseif ($site == "www.ME.com.tr/forums") {
echo ("Şu anda bulunduğunuz sitenin adresi: www.ME.com.tr/forums");
}
else {
echo ("Şu anda ME.com sitesinde değilsiniz.");
}
?>
$site = "www.ME.com.tr";
if ( $site == "www.ME.com.tr" ) {
echo ("Şu anda bulunduğunuz sitenin adresi: www.ME.com.tr");
}
elseif ($site == "www.ME.com.tr/forums") {
echo ("Şu anda bulunduğunuz sitenin adresi: www.ME.com.tr/forums");
}
else {
echo ("Şu anda ME.com sitesinde değilsiniz.");
}
?>
isset, değişkenin tanımlı olup olamamasının kontrolü için; unset, değişkenin yok edilmesi için; empty, değişkenin içerisinin boş olup olmadığını kontrol etmek için kullanılır.
<?
// isset() değişken var ve bir değeri varsa "1" değerini döndürür. Değişken hiç tanımlanmamışsa hiç bir değer döndürmez
echo isset ($degisken);
// Değişkenin hafıza sakladığı veri bu komutla imha edilir.
unset ($degisken);
// Gelen değişkenin bir değer döndürüp döndürmediğini kontrol ediyor
if (!empty($_POST("degisken"))) echo ("formdan veri gelmiştir.");
?>
// isset() değişken var ve bir değeri varsa "1" değerini döndürür. Değişken hiç tanımlanmamışsa hiç bir değer döndürmez
echo isset ($degisken);
// Değişkenin hafıza sakladığı veri bu komutla imha edilir.
unset ($degisken);
// Gelen değişkenin bir değer döndürüp döndürmediğini kontrol ediyor
if (!empty($_POST("degisken"))) echo ("formdan veri gelmiştir.");
?>
JavaScript (ES6+)
Frontendİnteraktif web sayfalarının kalbi. Modern JS, Async/Await ve DOM manipülasyonu üzerine en pratik kod parçacıkları burada.
Sayfayı ziyaret eden kişilerin burçlarını öğrenmelerini sağlamak için hazırlanmış güzel bir script.
<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=0>
<TBODY bgColor=#FF66FF>
<TR>
<TD vAlign=bottom align=left width=600 height=30>
<SCRIPT>
function astro()
{
var month,day;
var b = false;
var i=0;
var j=0;
while (b == false)
{
document.formsign.month[i].checked?b=true:i++
}
month = i+1;
while (b == true)
{
document.formsign.month[j].checked?b=false:j++
}
day = j+1;
if (month < 01 || month > 12)
{document.write("<h1>Invalid Month : " + month + "</h1><br>");}
if (day < 01 || day > 31)
{document.write("<h1>Invalid Day : " + day + "</h1><br>");}
if ((month == 01 && day < 19) || (month == 12 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz OĞLAK Burcundansınız.</h1></center>");
}
if ((month == 02 && day < 19) || (month == 1 && day >= 20))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz KOVA burcundansınız.</h1></center>");
}
if ((month == 03 && day < 21) || (month == 2 && day >= 20))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BALIK burcundansınız.</h1></center>");
}
if ((month == 04 && day < 21) || (month == 3 && day >= 22))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz KOÇ burcundansınız.</h1></center>");
}
if ((month == 05 && day < 21) || (month == 4 && day >= 21))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BOĞA burcundansınız.</h1></center>");
}
if ((month == 06 && day < 22) || (month == 5 && day >= 22))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz İKİZLER burcundansınız.</h1></center>");
}
if ((month == 07 && day < 23) || (month == 6 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz YENGEÇ burcundansınız.</h1></center>");
}
if ((month == 08 && day < 23) || (month == 7 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz ASLAN burcundansınız.</h1></center>");
}
if ((month == 09 && day < 23) || (month == 8 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BAŞAK burcundansınız.</h1></center>");
}
if ((month == 10 && day < 23) || (month == 9 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz TERAZİ burcundansınız.</h1></center>");
}
if ((month == 11 && day < 22) || (month == 10 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz AKREP burcundansınız.</h1></center>");
}
if ((month == 12 && day < 22) || (month == 11 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz YAY burcundansınız.</h1></center>");}
}
</SCRIPT>
<CENTER>
<FORM name=formsign>
<H3>Doğduğunuz ayı seçiniz.</H3><INPUT type=radio value=01
name=month>Ocak <INPUT type=radio value=02 name=month>Şubat <INPUT
type=radio value=03 name=month>Mart <INPUT type=radio value=04
name=month>Nisan <INPUT type=radio value=05 name=month>Mayıs <INPUT
type=radio value=06 name=month>Haziran <INPUT type=radio value=07
name=month>Temmuz <INPUT type=radio value=08 name=month>Ağustos <INPUT
type=radio value=09 name=month>Eylül <INPUT type=radio value=10
name=month>Ekim <INPUT type=radio value=11 name=month>Kasım <INPUT
type=radio value=12 name=month>Aralık </SELECT><BR>
<H3>Doğduğunuz günü seçiniz.</H3><INPUT type=radio value=01
name=day>01 <INPUT type=radio value=02 name=day>02 <INPUT type=radio
value=03 name=day>03 <INPUT type=radio value=04 name=day>04 <INPUT
type=radio value=05 name=day>05 <INPUT type=radio value=06 name=day>06
<INPUT type=radio value=07 name=day>07 <INPUT type=radio value=08
name=day>08 <INPUT type=radio value=09 name=day>09 <INPUT type=radio
value=10 name=day>10 <INPUT type=radio value=11 name=day>11 <INPUT
type=radio value=12 name=day>12 <INPUT type=radio value=13 name=day>13
<INPUT type=radio value=14 name=day>14 <INPUT type=radio value=15
name=day>15 <INPUT type=radio value=16 name=day>16 <INPUT type=radio
value=17 name=day>17 <INPUT type=radio value=18 name=day>18 <INPUT
type=radio value=19 name=day>19 <INPUT type=radio value=20 name=day>20
<INPUT type=radio value=21 name=day>21 <INPUT type=radio value=22
name=day>22 <INPUT type=radio value=23 name=day>23 <INPUT type=radio
value=24 name=day>24 <INPUT type=radio value=25 name=day>25 <INPUT
type=radio value=26 name=day>26 <INPUT type=radio value=27 name=day>27
<INPUT type=radio value=28 name=day>28 <INPUT type=radio value=29
name=day>29 <INPUT type=radio value=30 name=day>30 <INPUT type=radio
value=31 name=day>31
<HR>
<BR><INPUT onclick=astro() type=button value="Burcumu göster">
</FORM></CENTER>
<P></P></TD></TR></TBODY></TABLE>
<TBODY bgColor=#FF66FF>
<TR>
<TD vAlign=bottom align=left width=600 height=30>
<SCRIPT>
function astro()
{
var month,day;
var b = false;
var i=0;
var j=0;
while (b == false)
{
document.formsign.month[i].checked?b=true:i++
}
month = i+1;
while (b == true)
{
document.formsign.month[j].checked?b=false:j++
}
day = j+1;
if (month < 01 || month > 12)
{document.write("<h1>Invalid Month : " + month + "</h1><br>");}
if (day < 01 || day > 31)
{document.write("<h1>Invalid Day : " + day + "</h1><br>");}
if ((month == 01 && day < 19) || (month == 12 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz OĞLAK Burcundansınız.</h1></center>");
}
if ((month == 02 && day < 19) || (month == 1 && day >= 20))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz KOVA burcundansınız.</h1></center>");
}
if ((month == 03 && day < 21) || (month == 2 && day >= 20))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BALIK burcundansınız.</h1></center>");
}
if ((month == 04 && day < 21) || (month == 3 && day >= 22))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz KOÇ burcundansınız.</h1></center>");
}
if ((month == 05 && day < 21) || (month == 4 && day >= 21))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BOĞA burcundansınız.</h1></center>");
}
if ((month == 06 && day < 22) || (month == 5 && day >= 22))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz İKİZLER burcundansınız.</h1></center>");
}
if ((month == 07 && day < 23) || (month == 6 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz YENGEÇ burcundansınız.</h1></center>");
}
if ((month == 08 && day < 23) || (month == 7 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz ASLAN burcundansınız.</h1></center>");
}
if ((month == 09 && day < 23) || (month == 8 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BAŞAK burcundansınız.</h1></center>");
}
if ((month == 10 && day < 23) || (month == 9 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz TERAZİ burcundansınız.</h1></center>");
}
if ((month == 11 && day < 22) || (month == 10 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz AKREP burcundansınız.</h1></center>");
}
if ((month == 12 && day < 22) || (month == 11 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz YAY burcundansınız.</h1></center>");}
}
</SCRIPT>
<CENTER>
<FORM name=formsign>
<H3>Doğduğunuz ayı seçiniz.</H3><INPUT type=radio value=01
name=month>Ocak <INPUT type=radio value=02 name=month>Şubat <INPUT
type=radio value=03 name=month>Mart <INPUT type=radio value=04
name=month>Nisan <INPUT type=radio value=05 name=month>Mayıs <INPUT
type=radio value=06 name=month>Haziran <INPUT type=radio value=07
name=month>Temmuz <INPUT type=radio value=08 name=month>Ağustos <INPUT
type=radio value=09 name=month>Eylül <INPUT type=radio value=10
name=month>Ekim <INPUT type=radio value=11 name=month>Kasım <INPUT
type=radio value=12 name=month>Aralık </SELECT><BR>
<H3>Doğduğunuz günü seçiniz.</H3><INPUT type=radio value=01
name=day>01 <INPUT type=radio value=02 name=day>02 <INPUT type=radio
value=03 name=day>03 <INPUT type=radio value=04 name=day>04 <INPUT
type=radio value=05 name=day>05 <INPUT type=radio value=06 name=day>06
<INPUT type=radio value=07 name=day>07 <INPUT type=radio value=08
name=day>08 <INPUT type=radio value=09 name=day>09 <INPUT type=radio
value=10 name=day>10 <INPUT type=radio value=11 name=day>11 <INPUT
type=radio value=12 name=day>12 <INPUT type=radio value=13 name=day>13
<INPUT type=radio value=14 name=day>14 <INPUT type=radio value=15
name=day>15 <INPUT type=radio value=16 name=day>16 <INPUT type=radio
value=17 name=day>17 <INPUT type=radio value=18 name=day>18 <INPUT
type=radio value=19 name=day>19 <INPUT type=radio value=20 name=day>20
<INPUT type=radio value=21 name=day>21 <INPUT type=radio value=22
name=day>22 <INPUT type=radio value=23 name=day>23 <INPUT type=radio
value=24 name=day>24 <INPUT type=radio value=25 name=day>25 <INPUT
type=radio value=26 name=day>26 <INPUT type=radio value=27 name=day>27
<INPUT type=radio value=28 name=day>28 <INPUT type=radio value=29
name=day>29 <INPUT type=radio value=30 name=day>30 <INPUT type=radio
value=31 name=day>31
<HR>
<BR><INPUT onclick=astro() type=button value="Burcumu göster">
</FORM></CENTER>
<P></P></TD></TR></TBODY></TABLE>
Javascript ile yapılmış güzel bir menü örneği. Bir çok sitede örneklerini görebilirsiniz.
//// ADIM 1 <HEAD> Bölümleri Arasına Eklenecek Olan Bölüm
<style>
BODY { font-family:verdana, arial, helvetica; font-size:70%; }
H1 { font-size:120%; font-style:italic; }
DIV#divMenuBar { background-color:#999999; }
TABLE#tblMenuBar TD { font-size:70%; color:white; padding:0px 5px 0px 5px; cursor:default; }
TABLE#tblMenuBar TD.MenuMadde { font-weight:bold; cursor:hand; }
DIV.clsMenu {
font-size:100%; background-color:#999999;
position:absolute; visibility:hidden; width:130px;
padding:5px 5px 5px 8px; border-top:1 white solid;
}
DIV.clsMenu A { text-decoration:none; color:white; font-weight:bold; }
DIV.clsMenu A:hover { color:moccasin; }
BUTTON { font-family:tahoma; font-size:100%; }
</style>
<SCRIPT LANGUAGE="Javascript">
var eOpenMenu = null;
function OpenMenu(eSrc,eMenu)
{
eMenu.style.left = eSrc.offsetLeft + divMenuBar.offsetLeft;
eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
eMenu.style.visibility = "visible";
eOpenMenu = eMenu;
}
function CloseMenu(eMenu)
{
eMenu.style.visibility = "hidden";
eOpenMenu = null;
}
function document.onmouseover()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "moccasin";
var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
if (eOpenMenu && eOpenMenu != eMenu)
{
CloseMenu(eOpenMenu);
}
if (eMenu)
{
OpenMenu(eSrc,eMenu);
}
}
else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
{
CloseMenu(eOpenMenu);
}
}
function document.onmouseout()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "";
}
}
</SCRIPT>
// ADIM 2... BODY Bölümüne eklenecek olan bölüm
<!-- ANA BAŞLIKLAR YAZDIRILIYOR... -->
<DIV ID="divMenuBar">
<TABLE ID="tblMenuBar" BORDER="0">
<TR>
<TD CLASS="MenuMadde" ID="tdMenuBarItem01">ANA BAŞLIK 1</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem02">ANA BAŞLIK 2</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem03">ANA BAŞLIK 3</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem04">ANA BAŞLIK 4</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem05">ANA BAŞLIK 5</TD>
</TR>
</TABLE>
</DIV>
<!-- 1. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu01">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_1.asp">Alt Başlık 1</A></DIV>
<DIV><A TARGET="_new" HREF="link_2.asp">Alt Başlık 2</A></DIV>
<DIV><A TARGET="_new" HREF="link_3.asp">Alt Başlık 3</A></DIV>
<DIV><A TARGET="_new" HREF="link_4.asp">Alt Başlık 4</A></DIV>
<DIV><A TARGET="_new" HREF="link_5.asp">Alt Başlık 5</A></DIV>
</DIV>
<!-- 2. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu02">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_6.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_7.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_8.asp">Alt Başlık 03</A></DIV>
<DIV><A TARGET="_new" HREF="link_9.asp">Alt Başlık 04</A></DIV>
</DIV>
<!-- 3. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu03">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_10.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_11.asp">Alt Başlık 02</A></DIV>
</DIV>
<!-- 4. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu04">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_12.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_13.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_14.asp">Alt Başlık 02</A></DIV>
</DIV>
<!-- 5. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu05">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_15.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_16.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_17.asp">Alt Başlık 02</A></DIV>
</DIV>
<style>
BODY { font-family:verdana, arial, helvetica; font-size:70%; }
H1 { font-size:120%; font-style:italic; }
DIV#divMenuBar { background-color:#999999; }
TABLE#tblMenuBar TD { font-size:70%; color:white; padding:0px 5px 0px 5px; cursor:default; }
TABLE#tblMenuBar TD.MenuMadde { font-weight:bold; cursor:hand; }
DIV.clsMenu {
font-size:100%; background-color:#999999;
position:absolute; visibility:hidden; width:130px;
padding:5px 5px 5px 8px; border-top:1 white solid;
}
DIV.clsMenu A { text-decoration:none; color:white; font-weight:bold; }
DIV.clsMenu A:hover { color:moccasin; }
BUTTON { font-family:tahoma; font-size:100%; }
</style>
<SCRIPT LANGUAGE="Javascript">
var eOpenMenu = null;
function OpenMenu(eSrc,eMenu)
{
eMenu.style.left = eSrc.offsetLeft + divMenuBar.offsetLeft;
eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
eMenu.style.visibility = "visible";
eOpenMenu = eMenu;
}
function CloseMenu(eMenu)
{
eMenu.style.visibility = "hidden";
eOpenMenu = null;
}
function document.onmouseover()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "moccasin";
var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
if (eOpenMenu && eOpenMenu != eMenu)
{
CloseMenu(eOpenMenu);
}
if (eMenu)
{
OpenMenu(eSrc,eMenu);
}
}
else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
{
CloseMenu(eOpenMenu);
}
}
function document.onmouseout()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "";
}
}
</SCRIPT>
// ADIM 2... BODY Bölümüne eklenecek olan bölüm
<!-- ANA BAŞLIKLAR YAZDIRILIYOR... -->
<DIV ID="divMenuBar">
<TABLE ID="tblMenuBar" BORDER="0">
<TR>
<TD CLASS="MenuMadde" ID="tdMenuBarItem01">ANA BAŞLIK 1</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem02">ANA BAŞLIK 2</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem03">ANA BAŞLIK 3</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem04">ANA BAŞLIK 4</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem05">ANA BAŞLIK 5</TD>
</TR>
</TABLE>
</DIV>
<!-- 1. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu01">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_1.asp">Alt Başlık 1</A></DIV>
<DIV><A TARGET="_new" HREF="link_2.asp">Alt Başlık 2</A></DIV>
<DIV><A TARGET="_new" HREF="link_3.asp">Alt Başlık 3</A></DIV>
<DIV><A TARGET="_new" HREF="link_4.asp">Alt Başlık 4</A></DIV>
<DIV><A TARGET="_new" HREF="link_5.asp">Alt Başlık 5</A></DIV>
</DIV>
<!-- 2. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu02">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_6.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_7.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_8.asp">Alt Başlık 03</A></DIV>
<DIV><A TARGET="_new" HREF="link_9.asp">Alt Başlık 04</A></DIV>
</DIV>
<!-- 3. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu03">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_10.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_11.asp">Alt Başlık 02</A></DIV>
</DIV>
<!-- 4. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu04">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_12.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_13.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_14.asp">Alt Başlık 02</A></DIV>
</DIV>
<!-- 5. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu05">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_15.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_16.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_17.asp">Alt Başlık 02</A></DIV>
</DIV>