Problema combinare script ceas digital si fluturi

Aici prezentati probleme, intrebari, sau orice subiecte legate de scripturi si tutoriale de pe site.
rabisjh
Mesaje: 3

Problema combinare script ceas digital si fluturi

Am o problema cu scriptul javascript "Ceas Digital". El functioneaza, dar daca adaug si scriptul cu fluturi nu mai e ok. Pot sa le folosesc pe amandoua? Daca da, atunci care e posibil greseala?

MarPlo
Salut
Nu stiu sigur care e problema fiindca nu am combinat cele doua scripturi, si sincer nici nu am de gand. Acele scripturi nu sunt facute de mine, ci sunt luate de pe internet in urma cu peste 2 ani.
Posibil variabile cu acelasi nume, sau in ambele e functia "onload".
Ca sa le combini trebuie ceva modificari, dar au mult cod, par dificil de modificat, si findca nu le cunosc nu ma bag in asta.

MelecaCristian
Verifica cu atentie sporita sau publica-ne codul aici te ajutam noi, atentie daca nu ai uploadat poza la tine pe server fluturele nu va aparea.

incearca asa :

Cod: Selectaţi tot

<h4>Ora curenta 
<script type="text/javascript">
<!--
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
minutes = "0" + minutes
}
document.write(hours + ":" + minutes + " ")
if(hours > 11){
document.write("PM")
} else {
document.write("AM")
}
//-->
</script>
</h4>


<script type="text/javascript">

var Ymax=8; // Nr. maxim de pixeli in pasul orizontal
var Xmax=8; // Nr. maxim de pixeli in pasul vertical
var Tmax=10000; // Nr. de milisecunde dintre schimbarea parametrilor

// Matricea care contine cale catre imagine folosita
// Nr. de elemente adaugate in matrice va fi 
// nr. de imagini afisate in browser
var floatimages=new Array();
floatimages[0]='https://lh3.googleusercontent.com/-mJdJUtSMz-o/URpszzK9z4I/AAAAAAAAAAs/ABV9_BvNuec/s72/fluture.gif';
floatimages[1]='https://lh3.googleusercontent.com/-mJdJUtSMz-o/URpszzK9z4I/AAAAAAAAAAs/ABV9_BvNuec/s72/fluture.gif';

// Variabilele cu parametri specifici diferitelor browsere
// Pozitionarea absoluta a cadrului care contine imaginile
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var MOZ = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
// Adauga cadrul cu imaginile in document
document.write(t);

// Functia pentru miscarea imaginilor
function moveimg(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function propimg(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('propimg('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || MOZ)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || MOZ)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(MOZ)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || MOZ){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || MOZ)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || MOZ)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || MOZ){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || MOZ)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || MOZ)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(MOZ || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
propimg(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || MOZ)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimg('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (MOZ)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||MOZ||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>
font-urile si culorile ti le pui tu :D

rabisjh
Am verificat, si intr-adevar amandoua contin "onload". Ce pot face pentru a le folosi pe amandoua?

Cod: Selectaţi tot

<script type="text/javascript">
<!--
var dn
c1=new Image(); c1.src="imgs/c1.gif"
c2=new Image(); c2.src="imgs/c2.gif"
c3=new Image(); c3.src="imgs/c3.gif"
c4=new Image(); c4.src="imgs/c4.gif"
c5=new Image(); c5.src="imgs/c5.gif"
c6=new Image(); c6.src="imgs/c6.gif"
c7=new Image(); c7.src="imgs/c7.gif"
c8=new Image(); c8.src="imgs/c8.gif"
c9=new Image(); c9.src="imgs/c9.gif"
c0=new Image(); c0.src="imgs/c0.gif"
cb=new Image(); cb.src="imgs/cb.gif"
cam=new Image(); cam.src="imgs/cam.gif"
cpm=new Image(); cpm.src="imgs/cpm.gif"

function extract(h,m,s,type){
  if (!document.images)
    return
  if (h<=9) {
    document.images.a.src=cb.src
    document.images.b.src=eval("c"+h+".src")
  }
  else {
    document.images.a.src=eval("c"+Math.floor(h/10)+".src")
    document.images.b.src=eval("c"+(h%10)+".src")
  }
  if (m<=9) {
    document.images.d.src=c0.src
    document.images.e.src=eval("c"+m+".src")
  }
  else {
    document.images.d.src=eval("c"+Math.floor(m/10)+".src")
    document.images.e.src=eval("c"+(m%10)+".src")
  }
  if (s<=9) {
    document.g.src=c0.src
    document.images.h.src=eval("c"+s+".src")
  }
  else {
    document.images.g.src=eval("c"+Math.floor(s/10)+".src")
    document.images.h.src=eval("c"+(s%10)+".src")
  }
  if (dn=="AM") document.j.src=cam.src
  else document.images.j.src=cpm.src
}

function ceas() {
 if (!document.images)
    return
  var Digital=new Date()
  var hours=Digital.getHours()
  var minutes=Digital.getMinutes()
  var seconds=Digital.getSeconds()
  dn="AM"
  if ((hours>=12)&&(minutes>=1)||(hours>=13)) {
    dn="PM"
    hours=hours-12
  }
  if (hours==0)
    hours=12
  extract(hours,minutes,seconds,dn)
  setTimeout("ceas()",1000)
}
//-->
</script> 
</head>
<body onload="ceas()">


<script type="text/javascript">

var Ymax=15; // Nr. maxim de pixeli in pasul orizontal
var Xmax=15; // Nr. maxim de pixeli in pasul vertical
var Tmax=10000; // Nr. de milisecunde dintre schimbarea parametrilor

// Matricea care contine cale catre imagine folosita
// Nr. de elemente adaugate in matrice va fi
// nr. de imagini afisate in browser
var floatimages=new Array();
floatimages[0]='images/bat_1.gif';
floatimages[1]='images/bat_2.gif';
floatimages[2]='images/bat_3.gif';


// Variabilele cu parametri specifici diferitelor browsere
// Pozitionarea absoluta a cadrului care contine imaginile
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var MOZ = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
// Adauga cadrul cu imaginile in document
document.write(t);

// Functia pentru miscarea imaginilor
function moveimg(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function propimg(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('propimg('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || MOZ)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || MOZ)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(MOZ)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || MOZ){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || MOZ)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || MOZ)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || MOZ){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || MOZ)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || MOZ)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(MOZ || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
propimg(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || MOZ)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimg('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (MOZ)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||MOZ||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script> 
Eu am schimbat imaginea fluturelui cu lilieci, imi ruleaza bine iar miscarile sunt perfecte. Tin sa folosesc ambele scripturi deoarece pertotal backgroundul combinat cu continutul site-ului creeaza o tema "neon", iar ceasul digital prinde foarte bine.

MarPlo
Incearca sa inlocuiesti linia de cod:

Cod: Selectaţi tot

window.onload=init;
Cu asta:

Cod: Selectaţi tot

setTimeout("init()",400);

rabisjh
Merge!
Nu exista cuvinte sa iti pot multumi pe cat meriti...Multumesc frumos pentru ajutor, si te felicit pentru tot ajutorul care il oferi si celorlati respectiv pentru munca ta. Daca vreodata o sa ai drum prin Piatra Neamt sa imi trimiti un PM iti sunt recunoscator.
O zi buna, si inca o data, iti multumesc!

Subiecte similare