Pop-up Sayfa

Posted by admin | Posted in Genel, Php | Posted on 02-02-20102010-02-02T12:23:42Zd-m-Y

0

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()}
// -->
</script>
</head>

<body>
<a href=http://www.gumusluoglu.com/kategoriler/pop-up-sayfa/ onclick="NewWindow(this.href,'PopUp','600','500','no','center');return false" onfocus="this.blur()">Pop-up Linki</a>
</body>
</html>

Yukarıdaki kodlar ile pop-up bir sayfa oluşturmuş olduk.

Continue Reading

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

Posted by admin | Posted in Jquery, Php | Posted on 13-12-20092009-12-12T23:13:49Zd-m-Y

0

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 :

Continue Reading

Accordion From Oluşturma

Posted by admin | Posted in Jquery | Posted on 15-11-20092009-11-15T21:37:02Zd-m-Y

0

Bu uygulamamızda sitemizde ve projelerimizde Accordion (açılır) bölümler oluşturmayı öğreneceğiz.
Uygulamamızda açılır uygulama olarak bir form oluşturuyoruz. Fromumuz bir file upload formudur.
Uygulamamızda aşağıdaki javascript ile açılır formumuzun kontrolünü sağlıyoruz. Formumuz sayfa açıldığında gizli olarak geliyor, class’ı warnlink olan link tıklanıldığında aşağıdaki javascript çalışıyor ve form ekrana geliyor .

<script type="text/javascript">
$(document).ready(function(){

	$(".warnlink").click(function(){
		$(".selldiv").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});

});
</script>

Continue Reading