"açılır" yazıları

Javascript Pop-up Sayfa Oluşturma

Web sayfalarında normal sayfaların dışında pop-up sayfalarda oluşturmak isteyebiliriz. Bu örnegimizde bir pop-up sayfa yapmayı öğreniyoruz. İndex.html dosyamızın kodları: <!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> <script language="javascript" type="text/javascript"> var win=null; function NewWindow(mypage,myname,w,h,scroll,pos){ if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;} if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;} else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20} settings='width='+w+',height='+h+',top='+TopPosition+', left='+LeftPosition+',scrollbars='+scroll+',location=no, directories=no,status=no,menubar=no,toolbar=no,resizable=no'; win=window.open(mypage,myname,settings); if(win.focus){win.focus();}} function CloseNewWin(){if(win!=null && win.open)win.close()} // read more »

Dropdown menu (Açılır menü) uygulaması

Web sitelerin de dropdown menuleri çok sıklıkla kullanabiliyoruz. Bu örneğimizde css ler uyguladığımız ve mause üzerine geldiginde kendiliginden açılan br menu oluşturmayı ögreneceğiz. Sayfamızda dropdown menu’nun açılır ve kapanır olmasını sağlayan kodu inceleyelim. <script> $(document).ready(function(){ $(".dropdownmenu").mouseenter(function () { $("#menu").slideToggle(); }); $(".dropdownmenu").mouseleave(function () { $("#menu").slideToggle(); }); }); </script> Yukarıdaki kodlarda :