Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Jquery Popup Window

Merhaba Arkadaşlar,
sayfam için sayfa ilk üyklendiğinde bir video calıştırmak istiyorum. internette aradım hepsi bir yere tıklayınca calısan bir sistem vermiş ama bana sayfa yüklenirken açılması gerekiyor.
böyle birsistemi olan varmı ? Not: videoyu youtube den çekecek.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • ahmet27 adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    9 yıl önce güncellenmiş
    28 cevap - 9 soru
    <---index.html--->

    <!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" dir="ltr">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    	<title>Siteyle birlikte açılan jQuery Popup!</title>
    	<link rel="stylesheet" href="general.css" type="text/css" media="screen" />
    	<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
    	<script src="popup.js" type="text/javascript"></script>
    
    
    <script type="text/javascript">
    function getCookie(c_name)
    {
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
      {
      x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
      y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
      x=x.replace(/^\s+|\s+$/g,"");
      if (x==c_name)
        {
        return unescape(y);
        }
      }
    }
     
    function setCookie(c_name,value,exdays)
    {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
    }
     
    function checkCookie()
    {
    var a=getCookie("popupbirkereacil");
    if (a!=null && a!="")
      {
     
      }
    else
      {
        centerPopup();
        loadPopup();
        setCookie("popupbirkereacil",a,1);
      }
    }
    
    </script>
    
    </head>
    <body onload="checkCookie()">
    
    	
    	<div id="popupContact">
    		<a id="popupContactClose">x</a>
    		<h1>Siteyle birlikte açılan jQuery Popup!</h1>
    		<p id="contactArea">
    			Bu ufak kodlar ve jQuery sayesinde harikalar yaratabiliriz.
    			<br/><br/>
    			Açılışta popup gelmesi için biraz kafa yordum :D ama değdi.
    			<br/><br/>
    			ESC ye popup dışına yada x e basarak kapanabilir.
    			<br/><br/>
    		</p>
    	</div>
    	<div id="backgroundPopup"></div>
    </body>
    </html>
    



    <---popup.js--->


    //SETTING UP OUR POPUP
    //0 means disabled; 1 means enabled;
    var popupStatus = 0;

    //loading popup with jQuery magic!
    function loadPopup(){
    //loads popup only if it is disabled
    if(popupStatus==0){
    $(&quot;#backgroundPopup&quot;).css({
    &quot;opacity&quot;: &quot;0.7&quot;
    });
    $(&quot;#backgroundPopup&quot;).fadeIn(&quot;slow&quot;);
    $(&quot;#popupContact&quot;).fadeIn(&quot;slow&quot;);
    popupStatus = 1;
    }
    }

    //disabling popup with jQuery magic!
    function disablePopup(){
    //disables popup only if it is enabled
    if(popupStatus==1){
    $(&quot;#backgroundPopup&quot;).fadeOut(&quot;slow&quot;);
    $(&quot;#popupContact&quot;).fadeOut(&quot;slow&quot;);
    popupStatus = 0;
    }
    }

    //centering popup
    function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $(&quot;#popupContact&quot;).height();
    var popupWidth = $(&quot;#popupContact&quot;).width();
    //centering
    $(&quot;#popupContact&quot;).css({
    &quot;position&quot;: &quot;absolute&quot;,
    &quot;top&quot;: windowHeight/2-popupHeight/2,
    &quot;left&quot;: windowWidth/2-popupWidth/2
    });
    //only need force for IE6

    $(&quot;#backgroundPopup&quot;).css({
    &quot;height&quot;: windowHeight
    });

    }


    //CONTROLLING EVENTS IN jQuery
    $(document).ready(function(){

    //LOADING POPUP
    //Click the button event!
    $(&quot;#button&quot;).click(function(){
    //centering with css
    centerPopup();
    //load popup
    loadPopup();
    });

    //CLOSING POPUP
    //Click the x event!
    $(&quot;#popupContactClose&quot;).click(function(){
    disablePopup();
    });
    //Click out event!
    $(&quot;#backgroundPopup&quot;).click(function(){
    disablePopup();
    });
    //Press Escape event!
    $(document).keypress(function(e){
    if(e.keyCode==27 &amp;&amp; popupStatus==1){
    disablePopup();
    }
    });

    });

    <---general.css--->
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
    font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
     tfoot, thead, tr, th, td {
    border:0pt none;
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0pt;
    padding:0pt;
    vertical-align:baseline;
    }
    body{
    background:#fff none repeat scroll 0%;
    line-height:1;
    font-size: 12px;
    font-family:arial,sans-serif;
    margin:0pt;
    height:100%;
    }
    table {
    border-collapse:separate;
    border-spacing:0pt;
    }
    caption, th, td {
    font-weight:normal;
    text-align:left;
    }
    blockquote:before, blockquote:after, q:before, q:after {
    content:"";
    }
    blockquote, q {
    quotes:"" "";
    }
    a{
    cursor: pointer;
    text-decoration:none;
    }
    br.both{
    clear:both;
    }
    #backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
    }
    #popupContact{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:384px;
    width:408px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:12px;
    font-size:13px;
    }
    #popupContact h1{
    text-align:left;
    color:#6FA5FD;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
    }
    #popupContactClose{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
    }
    #button{
    text-align:center;
    margin:100px;
    }
    

Cevaplar

  • katapult adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    53 cevap - 22 soru
    Videolarda autoplay=1 dersen zaten video otomatik kendisi oynar.