MarPlo.net

Cursuri online, tutoriale, jocuri si anime - gratuite

Treci peste conţinut

Efect Umbrire pagina cateva secunde

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.

Efect Umbrire pagina cateva secunde

» 11 Noi, 2011

Buna marplo cum pot sa fac un efect umbra ... adica cand intra pe pagina sa steie 2 secunde dar intreaga pagina sa fie neagra si stiu ca doar cu js se poate face acesta operatiune de ce pentru ca in pagina se incarca alte elemente :D sa aiva acest efect:
http://www.sony.ro/bravia/wep/menuimages/loading.gif
si sa se deschida pagina dupa 2 secunde :D cat dureaza procesarea ce am eu eu este un cod php
Cod: Selectaţi tot
<?php
$format = $_GET['format'];

if ($format == "imv"){
echo '<div id="bottom">Bun venit</div>';
}else{
echo '<div id="bottom">altele';
}?>

acest cod imi detecteaza daca in url se afla format + imv ce imi apare mie acolo :D si ulrlul este normal gen http://marplo.net/filmulserii
si dupa doua secunde ii apare in url si devine : marplo.net/filmulserii?format=imv care imi porneste clipul :D am cautat acest efect dar imi returna doar alte js cand dai click si dinastea multumesc de ajutor:X

si mai am un script:
Cod: Selectaţi tot
<html>
<head>
<script language="javascript">
function offButton(){
  document.form1.radio2.checked = false;
  document.bgColor = 'black';
  alert("Hey! Turn that back on!");   
}

function onButton(){
  window.document.form1.radio1.checked = false;
  document.bgColor = 'white';
  alert("Thanks!");
}
</script>
</head>
<body>
<FORM NAME="form1">
  <INPUT TYPE="radio" NAME="radio1"
    onClick="offButton();">Light off
  <INPUT TYPE="radio" NAME="radio2"
    onClick="onButton();" CHECKED>Light on
</FORM>

</body>
</html>


este un script ce face night and day :D dar nu reusesc sa le leg si sa ruleze :((
http://FilmeOk.NET Hai si tu la Un Film :>
MelecaCristian
 
Mesaje: 135
Membru din: 19 Mai, 2011

• Efect Umbrire pagina cateva secunde   » 11 Noi, 2011

Asa:

Cod: Selectaţi tot
<html>
<head>
<script language="javascript">
function offButton(){
  document.bgColor = 'black';
  alert("Hey! Turn that back on!");   
}

</script>
</head>
<body>
<div onClick="offButton();">test</div>

</body>
</html>
?

La "test" pui tu link, iar in <javascript> pui tu scriptul care deschide dupa cateva secunde linkul si altele.
Se spune ca...."omul tot invata in viata". Dar...Totusi...Trebie sa ne oprim undeva, nu?
claUdiu
 
Mesaje: 314
Membru din: 31 Mar, 2010

• Efect Umbrire pagina cateva secunde   » 11 Noi, 2011

of nu cred ca e ok mie imi trebuie pagina sa fie deschisa :D si sa fie neagra si dupa 2 secunde sa se faca normal dar cu pagina incarcata corect
http://FilmeOk.NET Hai si tu la Un Film :>
MelecaCristian
 
Mesaje: 135
Membru din: 19 Mai, 2011

• Efect Umbrire pagina cateva secunde   » 12 Noi, 2011

Salut
Codul urmator face pagina cu fundal negru timp de 2 secunde, dupa care revine la fara culoare de fundal (background:none;).
Cod: Selectaţi tot
<html>
<head>
<title>Script umbrire pagina 2 secunde</title>
</head>
<body>
<script type="text/javascript"><!--
// www.marplo.net
document.getElementsByTagName('body')[0].style.background = 'black';
function showPage() {
  document.getElementsByTagName('body')[0].style.background = 'none';
}
setTimeout("showPage()", 2000);
--></script>

Continut pagina.
</body>
</html>
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008

• Efect Umbrire pagina cateva secunde   » 12 Noi, 2011

marplo codul tau imi schimba imaginea in fundal mie imi trebuie ceva de genu http://www.seabreezecomputers.com/tips/progress.htm
adica sa fie loadig la pagina dar toata sa fie acoperita sa nu poata lucra pe ea :D dar sa aibe background ca si la http://www.marplo.net/php-mysql/recomandare_favorite-s.php
dar in loc de casuta de email sa scrie loading pentru 2 secunde cat are neovie sa se adauge datele in casuta :D
http://FilmeOk.NET Hai si tu la Un Film :>
MelecaCristian
 
Mesaje: 135
Membru din: 19 Mai, 2011

• Efect Umbrire pagina cateva secunde   » 12 Noi, 2011

S-ar putea sa fie bun codul din exemplu urmator:
Cod: Selectaţi tot
<html>
<head>
<title>Script umbrire pagina cu Loading 2 secunde</title>

<style type="text/css"><!--
/* Setari pt. adbox (creat cu JS) */
#adbox{
position:fixed;
z-index:9990;
top:0px; left:0px;
margin:0px;
width:100%;
height:100%;
text-align:center;
padding:0px;
}
#adbox #adbox_transp {
position:absolute;
top:0; right:0; bottom:0; left:0;
width:100%;
height:100%;
background-color:black;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;
opacity:0.75;
}
#adbox #adbox_div {
position:relative;
z-index:9992;
top:45%;
margin:0px auto;
width:95%;
border:2px solid silver;
padding:10px 4px 30px 4px;
background-color:#e8e8fe;
font-size:28px;
}
--></style>

</head>
<body>

<script type="text/javascript"><!--
// www.marplo.net
// creaza element ce va acoperi pagina
function adBox(){
  var el_adbox = document.createElement('div');
  el_adbox.id = 'adbox';
  el_adbox.style.height = '100%';
  el_adbox.innerHTML = '<div id="adbox_transp"></div><div id="adbox_div">Loading...</div>';
  var p_baza = document.body;
  var repr = p_baza.childNodes[0];
  p_baza.insertBefore(el_adbox, repr);
}

adBox();                 // apeleaza functia adBox()

// sterge elementul creat de adBox()
function remBox() {
  var child = document.getElementById('adbox');
  var parent = document.body;
  parent.removeChild(child);
}

setTimeout("remBox()", 2000);            // apeleaza stergerea mbririi paginii dupa 2 secunde
--></script>

Continut pagina.
</body>
</html>
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008

• Efect Umbrire pagina cateva secunde   » 13 Noi, 2011

perfect multumesc dolmnule marplo :-bd
http://FilmeOk.NET Hai si tu la Un Film :>
MelecaCristian
 
Mesaje: 135
Membru din: 19 Mai, 2011

  •  
Daca nu ati gasit raspunsul aici, cautati si pe net:   Efect Umbrire pagina cateva secunde .
Pub
 
Mesaje: 1
Membru din: 21 Dec, 2010

Sus ⇑

Cine este conectat

Utilizatorii ce navighează pe acest forum: steell şi 1 vizitator

Cursuri / Tutoriale

Powered by phpBB Group.
Translation/Traducere: phpBB România
phpBB SEO