Forum

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

sa aiva acest efect:
http://www.sony.ro/bravia/wep/menuimages/loading.gif
si sa se deschida pagina dupa 2 secunde

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

si ulrlul este normal gen https://marplo.net/filmulserii
si dupa doua secunde ii apare in url si devine : localhost/filmulserii?format=imv care imi porneste clipul

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

dar nu reusesc sa le leg si sa ruleze

(

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.

of nu cred ca e ok mie imi trebuie pagina sa fie deschisa

si sa fie neagra si dupa 2 secunde sa se faca normal dar cu pagina incarcata corect

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"><!--
// 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 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

dar sa aibe background ca si la https://marplo.net/php-mysql/recoman ... rite
dar in loc de casuta de email sa scrie loading pentru 2 secunde cat are neovie sa se adauge datele in casuta

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"><!--
// 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>

perfect multumesc dolmnule marplo :-bd

Forum

Efect Umbrire pagina cateva secunde

Efect Umbrire pagina cateva secunde

Subiecte similare