WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY
Hodiny-v editovacím okýnku
Normální položka
Zobrazeno: 6655

Popis: Hodiny zobrazené v edit okně, ale přepisovat nejdou.
Funkčnost: IE 5.5 a vyššie
Hodnocení: **

Následující kód si vložte mezi tagy <HEAD> a </HEAD>.
<script language="JavaScript">
<!--
function namosw_init_clock()
{
  var type, i, top, obj, clocks;
  clocks = new Array();
  for (i = 0, top = 0; i < namosw_init_clock.arguments.length; i += 2) {
    obj = eval('document.'+namosw_init_clock.arguments[i]);
    if (obj == null) continue;
    if ((type = namosw_init_clock.arguments[i+1]) < 1 && 11 < type) continue;
    clocks[top++] = obj;
    clocks[top++] = type;
  }
  clocks.months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July',
                            'August', 'September', 'October', 'November', 'December');
  clocks.days   = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday',
                            'Thursday', 'Friday', 'Saturday');
  clocks.k_days = new Array('ŔĎ', 'żů', 'Č', 'Ľö', '¸ń', '±Ý', 'Ĺä');
  clocks.ampm_str   = new Array('AM', 'PM');
  clocks.k_ampm_str = new Array('żŔŔü', 'żŔČÄ');

  if (top > 0) {
    document.namosw_clocks = clocks;
    namosw_clock();
  }
}

function namosw_clock()
{
  var i, type, clocks, next_call, str, hour, ampm, now, year2, year4;
  clocks = document.namosw_clocks;
  if (clocks == null) return;
  next_call = false;
  for (i = 0; i < clocks.length; i += 2) {
    obj   = clocks[i];
    type  = clocks[i+1];
    now   = new Date();
    year2 = now.getYear();
    year4 = year2;
    if (year2 < 1000) year4 = 1900 + year2;
    if (year2 >= 100) year2 = year4;

    if (type == 1 || type == 2) {
      obj.value = clocks.months[now.getMonth()] + ' ' + now.getDate() + ', ' + year4;
      if (type == 2) 
        obj.value = clocks.days[now.getDay()] + ', ' + obj.value;
    } else if (type == 3 || type == 4) {
      obj.value = year2 + '/' + (now.getMonth()+1) + '/' + now.getDate();
    } else if (type == 5 || type == 6) {
      obj.value = now.getDate() + '/' + (now.getMonth()+1) + '/' + year2;
    } else if (type == 8 || type == 9 || type == 10 || type == 11) {
      obj.value = year4 + 'łâ ' + (now.getMonth()+1) + 'żů ' + now.getDate() + 'ŔĎ';
      if (type == 9)
        obj.value += ' ' + clocks.k_days[now.getDay()] + 'żäŔĎ';
    }
    if (type == 4 || type == 6 || type == 7 || type == 10 || type == 11) {
      hour = now.getHours();
      ampm = 0;
      if (hour >= 12) {
        if (hour > 12) hour -= 12;
        ampm = 1;
      }
      if (type == 10 || type == 11) {
        str = clocks.k_ampm_str[ampm] +' '+ hour+'˝Ă '+ now.getMinutes() +'şĐ';
        if (type == 11) str += ' ' + now.getSeconds() +'ĂĘ';
      } else {
        str = hour +':'+ ((now.getMinutes() < 10) ? '0'+now.getMinutes():now.getMinutes()) +':'+ ((now.getSeconds() < 10) ? '0'+now.getSeconds():now.getSeconds()) +' '+ clocks.ampm_str[ampm];
      }
      if (type == 7) obj.value  = str;
      else           obj.value += ' ' + str;
    }
    if (type == 4 || type == 6 || type == 7 || type == 10 || type == 11)
      next_call = true;
  }
  if (next_call)
    window.setTimeout("namosw_clock();", 1000);
}

// -->
</script>

Následující kód si vložte dovnitř tagu <BODY>. 

bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="namosw_init_clock('form1.textclock1', 4)"

Následující kód si vložte mezi tagy <BODY> a </BODY>. 

<form name="form1">
    <p><input type="text" name="textclock1" size="40"></p>
</form>