[Jaroslaw777]

Witam. Mam pewien problem. Chciałbym, aby poniższy javascript działał w kilku znacznikach input o klasie 'cse-search-box' na jednej stronie. Obecny skrypt działa tylko w jednym inpucie na stonie o ID 'cse-search-box'. Jak przerobić poniższy javascript, tak, aby zmienić getElementById na getElementsByClassName. Prawdopodobnie trzeba by było oprócz samej zamiany getElementById na getElementsByClassName jeszcze coś dodać, tylko nie wiem co... Sama zamiana getElementById na getElementsByClassName nic nie daje.

Adres z JS: http://www.google.co...box&lang=pl

A poniżej cały JS:

(function() {
var f = document.getElementById('cse-search-box');
if (!f) {
f = document.getElementById('searchbox_demo');
}
if (f && f['q']) {
var q = f['q'];
var n = navigator;
var l = location;
var su = function () {
var u = document.createElement('input');
var v = document.location.toString();
var existingSiteurl = /(?:[?&]siteurl=)([^&#]*)/.exec(v);
if (existingSiteurl) {
v = decodeURI(existingSiteurl[1]);
}
var delimIndex = v.indexOf('://');
if (delimIndex >= 0) {
v = v.substring(delimIndex + '://'.length, v.length);
}
u.name = 'siteurl';
u.value = v;
u.type = 'hidden';
f.appendChild(u);
};
if (n.appName == 'Microsoft Internet Explorer') {
var s = f.parentNode.childNodes;
for (var i = 0; i < s.length; i++) {
        if (s[i].nodeName == 'SCRIPT' &&
            s[i].attributes['src'] &&
            s[i].attributes['src'].nodeValue == unescape('http:\x2F\x2Fwww.google.com\x2Fcse\x2Fbrand?form=cse-search-box\
x26amp\x3Blang=pl')) {
          su();
          break;
        }
      }
    } else {
      su();
    }

    
    if (n.platform == 'Win32') {
      q.style.cssText = 'border: 1px solid #7e9db9; padding: 2px;';
    }

    
    if (window.history.navigationMode) {
      window.history.navigationMode = 'compatible';
    }

    var b = function() {
      if (q.value == '') {
        q.style.background = '#FFFFFF url(http:\x2F\x2Fwww.google.com\x2Fcse\x2Fintl\x2Fen\x2Fimages\x2Fgoogle_custom_search_watermark.
gif) left no-repeat';
      }
    };

    var f = function() {
      q.style.background = '#ffffff';
    };

    q.onfocus = f;
    q.onblur = b;

    
    if (!/[&?]q=[^&]/.test(l.search)) {
      b();
    }
  }
})();

Z góry dziękuję i pozdrawiam

[PiKey]

Proponuję przepisać ten kod na jQuery.
Wtedy wyglądałoby to mniej więcej tak:

f = $('.cse-search-box'); // wybieranie po klasie
if(f.length == 0)
f = $('.searchbox_demo');

$.each(f, function() {

petlaaa

});

Użytkownik PiKey edytował ten post 30 styczeń 2012, 09:32