T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
9th March

Javascript – delci uporabne kode

Karkoli že delamo z Javascript-om velikokrat naletimo na eno in isto operacijo, ki jo moramo narediti, da bo delovala za večino danes popularnih brskalnikov (IE 6.0, IE 7.0, Firefox, Safari, Opera). Zato bom tukaj napisal delce Javascript kode, ki meni velikokrat pomagajo pri razvijanju rešitev:

Dinamično dodajanje v spustni seznam

JAVASCRIPT:
  1. function addOptionToSelect(selectID, text, value) {
  2.     var select  = document.getElementById(selectID);
  3.     var option  = document.createElement("option");
  4.     option.text = text;
  5.     option.value= value;
  6.  
  7.     try{
  8.         //standards compliant; doesnt work in IE
  9.         select.add(option, null);
  10.     }catch(ex){
  11.         //IE only
  12.         select.add(option);
  13.     }
  14. }

Nastavi katera opcija je trenutno izbrana v seznamu

JAVASCRIPT:
  1. function setSelectedIndex(selectID, value){
  2.     var select = document.getElementById(selectID);
  3.  
  4.     for (var intI = 0; intI <select.options.length; intI++) {
  5.         if (select.options[intI].value == value) {
  6.             select.options[intI].selected = true;
  7.         }
  8.     }
  9. }

Dobi trenutno izbrano opcijo v seznamu

JAVASCRIPT:
  1. function getSelectOptionValue(selectID) {
  2.     return document.getElementById(selectID).options[document.getElementById(selectID).selectedIndex].value;
  3. }

Pobriši celotni seznam (HTML select)

JAVASCRIPT:
  1. function clearSelect(selectID) {
  2.     document.getElementById(selectID).options.length = 0;
  3. }

Nastavi linku (href) _blank target attribut

JAVASCRIPT:
  1. function setHrefTargetBlank(object){
  2.     object.target = '_blank';
  3. }

Uporabnik mora potrditi operacijo

JAVASCRIPT:
  1. function confirmChoice(text, link){
  2.     if (window.confirm(text) === true){
  3.         location.href=link;
  4.     }
  5.  
  6.     return false;
  7. }

Preberi tipko, ki je bila pritisnjena

JAVASCRIPT:
  1. function readKey(event){
  2.     var key = null;
  3.     if (window.event){
  4.         key = window.event.keyCode; //IE support
  5.     }else{
  6.         key = event.which; //Firefox support
  7.     }
  8.  
  9.     alert(key);
  10.     //example: key=13 ==> enter
  11. }

Trim string

JAVASCRIPT:
  1. function trim(stringToTrim) {
  2.     return stringToTrim.replace(/^\s+|\s+$/g,"");
  3. }

Dobi poljubni objekt - alias na document.getElementById funkcijo

JAVASCRIPT:
  1. function $(name){
  2.     object = document.getElementById(name);
  3.  
  4.     if (object !== null){
  5.         return object;
  6.     }else{
  7.         return false;
  8.     }
  9. }

Premakni uporabnika po strani gor ali dol, desno ali levo

JAVASCRIPT:
  1. function scrollScreen(offsetW, offsetH) {
  2.     scroll(offsetW, offsetH);
  3. }

Dobi poljuben URL parameter

JAVASCRIPT:
  1. //Source: http://www.netlobo.com/url_query_string_javascript.html
  2. function getURLParam(name) {
  3.     name        = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  4.     var regexS  = "[\\?&]"+name+"=([^&#]*)";
  5.     var regex   = new RegExp( regexS );
  6.     var results = regex.exec( window.location.href );
  7.  
  8.     if( results == null ) {
  9.         return "";
  10.     }
  11.  
  12.     return results[1];
  13. }

Datoteke:

Dodatne informacije:

Če pa ima še kdo kakšno dobro funkcijo, ki velikokrat pride prav pa kar na plano z njo.

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Operacije nad seznami – Javascript DOM – HTML select – HTML option
  2. Javascript – input text – le številke – validacija
  3. PHP funkcije v Javascript jeziku – isset
  4. Javascript – print – tiskanje – document – onload
  5. Textarea defaultValute – Javascript string replace – uidatepicker onClose
  6. Javascript – alert – confirm – prompt
  7. Javascript – document.getElementsByTagName
  8. AJAX iskanje in dodajanje v seznam (select) z dodatnimi informacijami
  9. Tablesorter – jQuery plugin Tablesorter 2.0 – šumniki – nepravilno sortiranje šumnikov čšž – javascript sortiranje tabel
  10. Input background-color – spreminjanje z Javascript-om

4x komentirano na “Javascript – delci uporabne kode”

  1. zaxy je napisal:

    tole bo pa kdaj prav prišlo, ker se ne ukvarjam dosti z javascript, pa mi ponavadi malo težave povzroča :)

  2. Operacije nad seznami - Javascript DOM - HTML select - HTML option | .: TRSplet - internetne storitve .: je napisal:

    [...] Na blog sem že dodal nekaj uporabnih Javascript funkcij, ki jih dostikrat uporabljam. Sedaj pa si poglejmo Javascript funkcije, ki skrbijo za operacije nad seznami. Vzemimo dva seznama med katerima lahko poljubno izmenjavamo HTML option elemente (opcije). V našem primeru imamo seznam (HTML select element) vseh vprašanj ter dodaten seznam, kjer imamo le trenutno aktualne novice (ki jih dodajamo iz seznama vseh novic). Poglejmo si standardne operacije nad njima: [...]

  3. ace je napisal:

    pravi mali prototype/jquery :) Kar uporabno edino funkcija "scrollScreen" mi ni čisto jasna,
    ker dejansko poveča količino potrebne kode.

  4. Roky je napisal:

    scrollScreen je bolj kot ne wrapper ja, po eni strani tudi nepotreben.

Dodaj komentar