JavaScript - Strona 29 - Kody, triki, sztuczki

25 lut 2009

Zaokrąglanie liczby w JS

alert(n_height);

---------------------------
Windows Internet Explorer
---------------------------
811.267175572519
---------------------------
OK
---------------------------

n=(Math.ceil(n_height*100))/100;
alert(n);

---------------------------
Windows Internet Explorer
---------------------------
811.27
---------------------------
OK
---------------------------

n_height = parseInt(n_height);

---------------------------
Windows Internet Explorer
---------------------------
811
---------------------------
OK
---------------------------

19 lut 2009

Błąd JS w IE6

Przyczyną męczącego błedu JS było inne kogowanie pliku HTML błedu było kodowanie i JS.
Strona kodowana była w UTF-8 , plik script.j w ISO
Dołącznie pliku JS

<script type="text/javascript" src="/js/script.js" mce_src="/js/script.js"></script>

generowało bład JS: ~ o źle zakończonym końcu linii.

Błąd powodowała linia JS z polskim znakiem:
tekst = 'miejscowość';
przez różne kodowanie strony UTF-8 i pliku JS ISO
prawdopodobnie literka ś powodowała niewłaściwe rozpoznanie znaku końca linii przez przegladarkę.

Po ujednoliceniu kodowania na UTF-8, błąd zniknął

17 lut 2009

Kolorowanie rekordów w tabeli

Przypisanie zdarzeń do tagów

tabeli

<script>
  function add_tr_hover(id) {
    alert(id);
    var elem = document.getElementById(id);
    var lista = elem.getElementsByTagName('tr');
    for (var i = 0; i < lista.length; i++) {
      lista[i].onmouseover = function () { this.style.backgroundColor = '#EDEDED'; }
      lista[i].onmouseout = function () { this.style.backgroundColor = '#FFFFFF'; }
    }
  }
  window.onload = function () {
    add_tr_hover("cos");
  }
</script>

Przykładowy HTML tabeli

<table id="cos">
  <tr>
    <TD>jeden</TD>
  </tr>
  <tr>
    <TD>dwa</TD>
  </tr>
  <tr>
    <TD>trzy</TD>
  </tr>
  <tr>
    <TD>cztery</TD>
  </tr>
  <tr>
    <TD>pięć</TD>
  </tr>
</table>

7 lut 2009

Sprawdzenie czy wartość jest liczbą od 1 do 1000

/^([1-9]\d{0,2}|1000)$/

22 sty 2009

Alert, Obsługa informacji o błedzie

Funckja wykorzystując alert do wyświetlania komunikatu dla użytkownika

function zapytanie(name) {
  var is_checked = zaznaczono(name);
  var form = document.forms[name];

  if (is_checked) {
    form.a.value = 'z';
    form.submit();
  } else {
    alert('UWAGA ! - wybierz opcję wycieczki red');
    return;
  }
}

Funckja sprawdza wartości wpisane do fromularza i wyświetla alert.