[JavaScript] problem z podświetlaniem linków. Opcje

[The Night Shadow]

W pliku hi.js znajduje się taki skrypt:

[HTML] pobierz, plaintext 
// <config>
 
startColor = "#FFFFFF";       // initial link color
endColor = "#CC0000";              // final link color
 
stepIn = 20;                         // delay when fading in
stepOut = 40;                         // delay when fading out
 
autoFade = true;                  //set to true or false; true will cause all links to fade automatically
 
// </config>
 
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
    hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
 
linki=document.getElementsByTagName("a");
oldonmouseover = new makearray(linki.length);
oldonmouseout = new makearray(linki.length);
function init() {
if (!document.getElementsByTagName || !autoFade) return;
for (var i=0; i <linki.length; i++) {
      oldonmouseover[i]=linki[i].onmouseover;
      oldonmouseout[i]=linki[i].onmouseout;
      linki[i].onmouseover=domouseover(i);
      linki[i].onmouseout=domouseout(i);
      if (!linki[i].id) linki[i].id="fade_id"+(i+1);
      }
}
startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());
 
var fadeId = new Array();
 
function dehexize(Color){
      var colorArr = new makearray(3);
      for (i=1; i<7; i++){
            for (j=0; j<16; j++){
                  if (Color.charAt(i) == hexa[j]){
                        if (i%2 !=0)
                              colorArr[Math.floor((i-1)/2)]=eval(j)*16;
                        else
                              colorArr[Math.floor((i-1)/2)]+=eval(j);
                  }
            }
      }
      return colorArr;
}
 
function domouseover(i) {
      var i;
      if (oldonmouseover[i]) {return new Function ("oldonmouseover["+i+"](); fade(startColor,endColor,this.id,stepIn);");}
      else {return new Function ("fade(startColor,endColor,this.id,stepIn);");}
      }
 
function domouseout(i) {
      var i;
      if (oldonmouseout[i]) {return new Function ("oldonmouseout["+i+"](); fade(endColor,startColor,this.id,stepIn);");}
      else {return new Function ("fade(endColor,startColor,this.id,stepIn);");}
      }
 
function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}
 
function hex(i) {
    if (i < 0)
        return "00";
    else if (i > 255)
        return "ff";
    else
       return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
 
function setColor(r, g, b, element) {
      var hr = hex(r); var hg = hex(g); var hb = hex(b);
      element.style.color = "#"+hr+hg+hb;
}
 
function fade(s,e,element,step){
      var sr = s[0]; var sg = s[1]; var sb = s[2];
      var er = e[0]; var eg = e[1]; var eb = e[2];
      if (fadeId[0] != null && fade[0] != element){
            setColor(sr,sg,sb,eval("document.getElementById(\""+fadeId[0]+"\")"));
            var i = 1;
            while(i < fadeId.length){
                  clearTimeout(fadeId[i]);
                  i++;
                  }
            }
      for(var i = 0; i <= step; i++) {
            fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),document.getElementById(\""+element+"\"));",i*step);
      }
      fadeId[0] = element;
}
window.onload=init;
[HTML] pobierz, plaintext 

Nie znam się na javiescript więc zwracam się do was z pytaniem. Dlaczego kiedy w pliku index.php odpowiednio pobrać powyższy plik wszystkie linki zmieniaą barwy tak jak powinny, a kiedy wstawić do tego pliku dodatkowo taki skrypt jak poniżej linki całkowicie przestają się podświetlać:

[HTML] pobierz, plaintext 
<script language="JavaScript">
 
function MakeArrayday(size) {
      this.length = size;
      for(var i = 1; i <= size; i++) {
      this[i] = "";
      }
 
return this;
            }
 
function MakeArraymonth(size) {
      this.length = size;
      for(var i = 1; i <= size; i++) {
      this[i] = "";
      }
 
return this;
            }
 
function funClock() {
 
if (!document.layers && !document.all)
return
 
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds = runTime.getSeconds();
var year = runTime.getYear()+1900;
var day = runTime.getDate();
var week = runTime.getDay();
var month = runTime.getMonth()+1;
var day_text;
 
  if (week==0) {day_text="Niedziela"}
  if (week==1) {day_text="Poniedziałek"}
  if (week==2) {day_text="Wtorek"}
  if (week==3) {day_text="Środa"}
  if (week==4) {day_text="Czwartek"}
  if (week==5) {day_text="Piątek"}
  if (week==6) {day_text="Sobota"}
  
  
  if (month==1) {month_text="stycznia"}
  if (month==2) {month_text="lutego"}
  if (month==3) {month_text="marca"}
  if (month==4) {month_text="kwietnia"}
  if (month==5) {month_text="maja"}
  if (month==6) {month_text="czerwca"}
  if (month==7) {month_text="lipca"}
  if (month==8) {month_text="sierpnia"}
  if (month==9) {month_text="września"}
  if (month==10) {month_text="października"}
  if (month==11) {month_text="listopada"}
  if (month==12) {month_text="grudnia"}
  
if (hours > 24)
{dn = "PM";
hours = hours - 24;      }
      
if (hours == 0)
hours = 24;
            
if (minutes <= 9)
minutes = "0" + minutes;
            
if (seconds <= 9)
seconds = "0" + seconds;
 
movingtime = "" + day_text + ", " + day + " " + month_text + " " + year + " roku godz.: " + hours + ":" + minutes + ":" + seconds + " ";
 
if (document.layers)
 
      {document.layers.go.document.write(movingtime);
       document.layers.go.document.close();}
 
else if (document.all)
      go.innerHTML = movingtime;
                  
setTimeout("funClock()",1000)
      }
 
window.onload = funClock;
</SCRIPT>
[HTML] pobierz, plaintext 

Tak jakby oba te skryty kłóciły się ze sobą...

[LBO]

problem tkwi w jednoczesnym wywołaniu metody window.onload, w takim przypadku zainicjalizowany zostanie skrypt zadeklarowany jako ostatni. Rozwiązanie? Wspólna funckja inicjalizacja() w ktorej uruchomisz init() (z hi.js) i funClock()

[The Night Shadow]

Czy zamiast tego można wstawić onload w sekcji body i tam wywoływać obydwie funkcje?

[mike]

Kod

window.onload = function() { funClock(); init(); }

... czy jakoś tak.

[The Night Shadow]

To nie działa...

[mike]

To nie działa...

Jeszcze raz tak napiszesz i dostaniesz bana na tydzień + ostrzeżenie.

Kod

// deklarujesz funkcję funClock()

// deklarujesz funkcję init()

window.onload = function() { funClock(); init(); }

[LBO]

no to dawaj:

[HTML] pobierz, plaintext 
<body onload="init();funClock()">...</body>
[HTML] pobierz, plaintext 

jeżeli nie zadziała to... hmmm, masz, może to gdzieś na sieci? chętnie obejrzałbym debuging w konsoli firefox'a

[The Night Shadow]

Rzecz polega na tym, żę o ile wiem skrypty wykonywane są po kolei czyż nie?

Skrypt podświetlania linków znajduje się w sekcji head, a ten drugi z zegarem w sekcji body. To jest problem jeśli chodzi o wywoływanie funkcji w parametrze onload znacznika body, bo przecież kiedy skrypt jest tu wykonywany funkcja zegara jeszcze nie istnieje.

Jeżeli chodzi o sieć to owszem. Tylko nie wiem czy będzie Ci sie chciało, bo musiałbys się zarejestrować tutaj www.ogien.webd.pl (pierwsza bodaj wersja strony)

a tu www.ogien.webd.pl/blask/ znajduje się wersja z tymi dwoma skryptami razem.

Jeżeli chcesz się logowac, najlepiej na tej pierwszej stronie, druga jest w bidowie i jeszcze nie sprawdzałem, czy skrypty zakładania konta działają poprawnie.

Ten post edytował The Night Shadow 17.04.2006, 14:53:04

[LBO]

hmmm, pousówałeś window.onload z tamtych skryptów?

a rozwiązanie ~mike_mech'a daj na końcu pliku - napisz czy zadziałało.

OT: o czym jest ta stronka?

[The Night Shadow]

Coś na wzór, bloga, galerii amatorskiej fotografii artystycznej, zbior spisanej filozofii itd.

Z tamtych skryptów pousuwałem, gdy wstawiałem w body. Rozwiązanie mikea też nic nie dało. W obu przypadkach oba skrypty na raz nie działały.

[LBO]

proszę, kod JS lekko odchudzony
Straszny masz smietnik w HTML, popraw to na przyszłośc... nie mówiąc, że to był jeden z najgorszych przypadków layout'u opartego na tabelkach jaki widziałem...

cheers

P.S. daj info na riva, jak juz skumasz co i jak, wtedy usune stronkę...
P.P.S. Podpowiem Ci, że dodałem clock.js i usunąłem kod funClock() z ciała dokumentu.

Ten post edytował LBO 17.04.2006, 16:53:44