Zhasnutie svetla na stranke – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Zhasnutie svetla na stranke – JavaScript, AJAX, jQuery – Fórum – Programujte.comZhasnutie svetla na stranke – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Zelenac140
Newbie
22. 12. 2016   #1
-
0
-

Zdravim, 

neviete prečo mi nechce spravne fungovať plugin na vypnutie svetla na stranke 

vždy mi zostane lavy roh svietiť..

a plugin je 

http://www.megaptery.com/allofthelights/ 

Připojen obrázek.

Nahlásit jako SPAM
IP: 188.121.182.–
peter
~ Anonymní uživatel
4016 příspěvků
22. 12. 2016   #2
-
0
-

Co za to, kdyz ten kod prozkoumame? Cili, namet pro tema Inzerce.

Bez zkoumani bych odhadoval, ze neco nema v css spravny z-indext nebo ma slaby minus margin nebo slabou minus pozici. Pomoci nastroju, treba ve FF, lze dohledat pres ukazovatko, co je to za objekt, zjistit jeho id. (Nastroje - Vyvoj webu - Nastroje vyvojare, zobrazi to na spodku obrazovky okenko se zalozkami. Prvni je ukazovatko, pak kliknes na strance na to bile okenko).

Ten efekt ztmaveni funguje tak, ze zjisti rozmery obrazovky a pres celou natahne div s polopruhlednym pozadim. Cili tam je objekt, ktery je prostorove vys nez ten div, tak ten div ho neprekryva. Muze to byt treba nejake menu nebo okenko, ktere ma byt nad divem, jen ho ten efekt posouva vlevo mimo okraj okna. Jenze ho nejspis posouva spatne, kdyz na okraji zustal.

Nahlásit jako SPAM
IP: 2001:718:2601:26c:6585:ad...–
Zelenac140
Newbie
22. 12. 2016   #3
-
0
-

Lebo fakt neviem to nasjť lebo ten plugin je

od body po body.... len iframe dostalo triedu iframe  talčitko swicth triedu.

http://www.icinema.sk/serial/epizoda/code-black/27358/S02E11/#


                                                                                                                <html>
 <head>
  <meta http-equiv="Content-language" content="sk">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="author" content="">
  <meta name="description" content="Seriál Code Black online - Lékařské drama odehrávající se v jedné z nejznámějších a nejvytíženějších pohotovostí v USA, ve které se musí lékaři vypořádávat s těžkými a naléhavým případy, které musí řešit okamžitě a bez zaváhání. Seriál je inspirován stejnojmenným dokumentem z roku 2013.">
  <meta name="keywords" content="Code Black , Code Black | Code Black, S02E11, Online seriály, seriály zadarmo, seriály, top seriály, seriály s dabingom, seriály s titulkami, Online svet">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="google-site-verification" content="oFoJQSDAXnm6WSdlJLvy63W5yLhhjEJ76jFk6h-QetY" />
  <meta name="robots" CONTENT="index, follow">
  <meta name="googlebot" content="snippet, archive">
  <title>Code Black | iCinema.sk Online svet seriálov</title>       
  
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://icinema.sk/asset/css/font-awesome.min.css">
  <link rel="stylesheet" href="http://icinema.sk/asset/css/bootstrap-theme.min.css" >
  <link rel="stylesheet" href="http://icinema.sk/asset/css/mdb.min.css">
  <link rel="stylesheet" href="http://icinema.sk/asset/css/hoverText.css">  
  <link rel="stylesheet" href="http://icinema.sk/asset/css/bootstrap-select.css">  
  
  <link rel="alternate" type="application/rss+xml" title="RSS StrankaPreFirmu.eu" href="http://icinema.sk/rss/">   
  <link rel="sitemap" type="application/xml" title="Sitemap" href="http://icinema.sk/sitemap.xml">
  <link rel="shortcut icon" href="http://icinema.sk/images/favicon.png">

  <script src="http://icinema.sk/asset/js/bootstrap.min.js"></script>   
  <script src="http://icinema.sk/asset/js/tether.min.js" type="text/javascript"></script>
  <script src="http://icinema.sk/asset/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="http://icinema.sk/asset/js/mdb.min.js" type="text/javascript"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="http://icinema.sk/asset/js/js.js"></script> 
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script>        	

<style>
/* CSS Document StrankaPreFirmu.eu*/

/*Pozaide*/
body{
background: url('http://www.icinema.sk/images/Trailers.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


/* Vseobecne*/
.textOranzovy{color:#d28e3e;}
.textCierny{color:#000000;}
.hlavicka{padding-top:2%; padding-bottom:2%;}   
.padding3{padding-top:3%; padding-bottom:3%;} 

.pozadieBiele{background-color: #FFFFFF;}
.textBiely{color:#FFFFFF;}

.marginTop05 {margin-top:0.5%;}
.marginTop2 {margin-top:2%;}
.marginTop5 {margin-top:5%;} 
.marginLeft2 {margin-left:2%;}
.width100{width:100%;}


/*Hlavicka a Vyhladvanie*/
#hronaLista a,:link,a:active,a:visited,a:hover {color:#FFFFFF;text-decoration: none;} 

#menu{color:#000000;}
#menu a,:link,a:active,a:visited,a:hover {color:#000000;text-decoration: none;font-size:15px;} 
#menu p{color:#000000;}

#vyhladavanie a,:link,a:active,a:visited,a:hover {color:#000000;text-decoration: none;font-size:15px;} 
#vyhladavanie h3 {color:#000000;font-size:20px}  
#vyhladavanie p {color:#000000;font-size:13px} 
.cssHladaj-input {background-color: #FFFFFF; border-color:#cccccc; border-style:solid; font-size:20px; padding:2px; border-width:2px; border-radius:8px;  width:50%;} 
.cssHladaj-input:focus { outline:none; } 


#NajnovsieSerialy a,:link,a:active,a:visited,a:hover {color:#FFFFFF;text-decoration: none;}   
#epizody a,:link,a:active,a:visited,a:hover {color:#000000;text-decoration: none;} 


/* Serial a Casti ccss */
#LogoSerial h2 {font-size:35px;color:#FFFFFF;}
#LogoSerial p {font-size:15px;color:#d28e3e;}

#SerialVypis 
#SerialVypis p {font-size:15px;color:#000000;}   

#VideoOdkaz  a,:link,a:active,a:visited,a:hover {color:#000000;text-decoration: none;}


/*Footer*/
.paddingFooter {padding-top:2%;padding-bottom:8%;} 
#paticka a,:link,a:active,a:visited,a:hover {color:#FFFFFF;text-decoration: none;}


   ul.pagination {
    margin-top: 1%;
    Text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #379ad3;  
    color: white;
    border: 1px solid #379ad3;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}



   .caption {
        width:100%;
        bottom: .3rem;
        position: absolute;
        background:#000;
        background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .thumbnail {
        border: 0 none;
        box-shadow: none;
        margin:0;
        padding:0;
    }

    .caption h4,h5,h6 {
        margin-left:1%;
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }
    #custom-search-form {
        margin:0;
        margin-top: 5px;
        padding: 0;
    }
 
    #custom-search-form .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-form button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
 emailPaticka {width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;}
 submitTlacitko{width:50%;padding: 12px 20px;
    margin: 8px 0;
 
 }  
  
@media (max-width:1199px) { .switch { float: none; margin: 0 0 15px; } }
</style>
 </head>   
 <body id="body">

  <!-- Vyhladavanie a Ex Odkaz ---> 
  <div class="container-fluid text-center textBiely marginTop05" id="hronaLista"> 
   <div class="container">
    <div class="col-lg-3 col-md-3 col-xs-12 text-center" style="margin-top:1%;">
    </div>
    <div class="col-lg-6 col-md-6 col-xs-12 text-center">   
     
     <form>
      <input class="selectpicker" data-live-search="true" placeholder="Hladať....." title='Hladaj' id="slovo" type ="text" onkeyup = "Napoveda(this.value)"  class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    
       <div id="napoveda" class="dropdown-menu  width100">
        <div class="col-lg-12 col-md-12 col-xs-12 text-center textCierny" >
           Prosím zadjate hľadaný výraz
        </div>
       </div>
     </form>
    </div>
   </div>
  </div>
  
  <!-- Logo a menu --> 
  <div class="container-fluid pozadieBiele hlavicka text-center width100" id="menu"> 
   <div class="container">   
    <div class="row"> 
     <div class="col-lg-2 col-md-2 col-xs-12">   
      <a href="http://iCinema.sk"><img src="http://serialy.iCinema.sk/images/logo.png" alt="iCinema.sk"></a>
     </div> 
    
     <div class="col-lg-7 col-md-7 col-xs-12 text-center marginTop05">  
      <a href="http://iCinema.sk">Domov</a> //
      <a href="http://iCinema.sk/novinky/">Novinky</a> // 
      <a href="http://iCinema.sk/trialery/">Trialery</a> // 
      <a href="http://iCinema.sk/serialy/">Zoznam Seriálov</a> 
     </div> 
    
 
                                                             
     <div class="col-lg-3 col-md-3 col-xs-12 text-center marginTop05">  
      <p class="align-middle"> 
       <a href="http://iCinema.sk/prihlasitsa/">Prihlásiť sa</a> // <a href="http://iCinema.sk/registracia/">Registrácia</a>
      </p>
     </div> 
    
 

    </div>    
   </div>
  </div>
       

   <!-- Logo Nadpis-->
   <div class="container" id="LogoSerial">
    <div class="col-lg-12 col-md-12 col-xs-12 textBiely padding3">  
     
     <div class="col-lg-12 col-md-12 col-xs-12 textBiely">  
      <a href="http://www.icinema.sk/serial/zobrazit/98/code-black.html">
       <h2  class="pull-left">Code Black</h2>
      </a>
      <h2 class="pull-right textBiely"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i></p> </h2>
     </div>
     
     <div class="col-lg-12 col-md-12 col-xs-12 textBiely">  
      <p class="pull-left textOranzovy">S02E11</p>
     </div>  
    
    </div>
   </div>   
  
  
   <div class="container-fluid pozadieBiele hlavicka text-center">
    <div class="container ">   
     <div class="row">     
      <div class="col-lg-12 col-md-12 col-xs-12">
        <div class="panel with-nav-tabs">        
          <ul class="nav nav-tabs" id="VideoOdkaz">
        <li class="active"><a data-toggle="tab" href="#0">Zdroj 1 EN</a></li><li ><a data-toggle="tab" href="#1">Zdroj 2 EN</a></li>          </ul>
         </div>
     
        
          <div class="tab-content">
           
           <div id="0" class="tab-pane fade in active">
                       <iframe class="iframe" src="https://openload.co/embed/fzM5krLk1Jc/Code.Black.S02E11.HDTV.x264-FLEET.mkv.mp4" frameborder="0" marginwidth="0" marginheight="0" scrolling="NO" width="100%" height="600" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" sandbox="allow-scripts allow-forms allow-same-origin"></iframe>
                       </div><div id="1" class="tab-pane fade ">
                       <iframe class="iframe" src="http://www.flashx.tv/embed-rej8ncl4ktv5-720x405.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="NO" width="100%" height="600" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" sandbox="allow-scripts allow-forms allow-same-origin"></iframe>
                       </div>  
             
         </div>
      
  
           
          
           
           <div class="col-lg-6 col-md-6 col-xs-6 text-left"> 
           <a href="http://www.icinema.sk/serial/epizoda/code-black/4196/S02E10/"><button type="button" class="btn btn-primary"><i class="fa fa-angle-double-left" aria-hidden="true"></i>Staršia epizóda</button></a>           <button type="button" class="btn btn-link">Nahlasiť nefukčné video</button>
           </div>
           <div class="col-lg-6 col-md-6 col-xs-6 text-right"> 
            <div class="col-lg-3 col-md-3 col-xs-3 text-right"><div class="switch"><a href="#"><button type="button" class="btn btn-link"> <i class="fa fa-lightbulb-o" aria-hidden="true"></i></button></a></div> </div>
            <div class="col-lg-3 col-md-3 col-xs-3 text-right"> <button type="button" class="btn btn-link"><i class="fa fa-eye" aria-hidden="true"></i> </button>  </div>
            <div class="col-lg-6 col-md-6 col-xs-6 text-right">  </div>
           </div>
          </div>
 

         <!-- Reklama -->
         <div class="col-lg-12 col-md-12 col-xs-12">
          <center>
          <img src="http://www.icinema.sk/images/reklamaVypis.png" class="marginTop5">          </center> 
         </div>
        
        <div class="col-lg-8 col-md-8 col-xs-12">
         
         <div id="komentar">
          
          <h4 class="text-left"><i class="fa fa-comment-o" aria-hidden="true"></i> Komentáre()</h4></div>        
         
                 
          
               
                 <div id="form" class="col-lg-12 col-md-12 col-xs-12 marginTop2">  
                  <input id="idCast" type="hidden" value="27358"> 
                  <textarea class="pull-left" name="odpoved" id="text" type="text"  style="width:100%;height:150px;"></textarea>
                  <input class="btn btn-primary pull-left" id="submit" type="button" value="Pridať komentár">
                 </div>
                         
        </div> 
        <div class="col-lg-4 col-md-4 col-xs-12">

        </div> 
      </div>
      </div>    
     </div>  
    </div>
   </div>  

    </div>
   </div> 
		<script src="http://www.icinema.sk/epizody/jquery.allofthelights.js"></script>
		<script>
		$(document).ready(function() {
			$(".iframe").allofthelights();
		});               
		</script>  

   <div class="container textBiely" id="paticka">
    <div class="row paddingFooter">         
    
     <div class="col-lg-6 col-md-6 col-xs-12 textBiely">
      <h2><i class="fa fa-address-card-o" aria-hidden="true"></i> Newsletter</h2>
      <p class="textBiely">Majte informácie vždy, ako prvý.</p>
      <div id="NewsletterVypis"></div>
       <form id="form">
       <input type="email" class="form-control emailPaticka" placeholder="E-mail" id="email">
       <input name="submit" id="submit" type="submit" class="btn btn-primary submitTlacitko">
       </form>
     </div>  
      
     <div class="col-lg-6 col-md-6 col-xs-12 textBiely text-right">
       <h2><i class="fa fa-link" aria-hidden="true"></i> Dôležité odkazy</h2>
       <ul>
        <li><a href=''>DMCA </a></li>
        <li><a href=''>Podmienky použivania </a></li>
        <li><a href=''>Pripomienky </a></li>
        <li><a href=''>Reklama </a></li>
        <li><a href=''>Cookies </a></li>        
        <li><a href=''>Kontakt </a></li>            
       </ul> 
     </div>
     
     <div class="col-lg-12 col-md-12 col-xs-12 textBiely padding2">
     <hr class="hrBiela" />
      <p class="pull-left textBiely">2016 © iCinema.sk. Všetky práva vyhradené.<br>Stránku vytvorila firma <a href="">StrankaPreFirmu.eu.</a></p>
      <p class="pull-right">
        <a href=''><i class="fa fa-facebook-official fa-2x"></i> </a>
        <a href=''><i class="fa fa-google-plus-official fa-2x"></i> </a>
        <a href=''><i class="fa fa-twitter fa-2x"></i> </a>
        <a href=''><i class="fa fa-rss fa-2x" aria-hidden="true"></i>  </a>     
      </p>      
     </div>     
              
    </div>
   </div> 
     
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
</script> 
 </body>
</html>   
   
Nahlásit jako SPAM
IP: 188.121.182.–
peter
~ Anonymní uživatel
4016 příspěvků
22. 12. 2016   #4
-
0
-

1. Co za to, kdyz praci udelam za tebe?
2. Zmineny efekt na strance nevidim, ve FF
3. Cele se mi to v IE i FF nejak rozsype a prudi s tim, ze mma vypnout AdBlock. To urcite neni dobry napad :) To bych pak v praci kazdy den vsem odvirovaval pc :)
4. https://najserialy.com/ - pokud hledas stranky na serialy. Pokud se chystas jen na popisky serialu, tak takova stranka je k nicemu. A pokud se chystas to provozovat s filmy, pak je to nelegalni. takze bych to moc tady na foku radeji nezverejnoval, urcite sem chodi nejaky policajt pro rady a nahodou te zmerci...

Nahlásit jako SPAM
IP: 2001:718:2601:26c:6585:ad...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 17 hostů

Podobná vlákna

Světla — založil Michal

Viac jazykov na stranke — založil Marty_SVK

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý