Skinnysite.net

... un modo di esprimersi.

Skip to content

Homa Page di Daniele Franceschini

Come fare delle ricerche all'interno di pagine HTML.

Valutazione attuale:

/ 0

Dettagli: Categoria principale: Code Snippets; Pubblicato Mercoledì, 06 Agosto 2008 21:07; Visite: 391

Anche se i browser svolgono egregiamente questo lavoro alcuni utenti meno scafati potrebbero avere bisogno di una funzionalità di ricerca all'interno delle pagine, in questo caso lo script sottostante potrebbe risultare utile.

// Determina il browser.
var NS4 = (navigator.appName.indexOf("Netscape") >= 0 && 
  parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var IE4 = (document.all);
var win = self;    // Pagina in cui cercare.
var n   = 0;
function findInPage(str)
{
  var txt, i, found;
  if (str == "") return false;
  // Find next occurance of the given string on the page, wrap around to the start 
  // of the page if necessary.
  if (NS4)
  {
    // Look for match starting at the current point. If not found, rewind
    // back to the first match.
    if (!win.find(str))
      while(win.find(str, false, true))
        n++;
    else
      n++;
  // If not found in either direction, give message.
    if (n == 0)
      alert("Non trovato.");
  }
  if (IE4)
  {
    txt = win.document.body.createTextRange();
    // Find the nth match from the top of the page.
    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
    {
      txt.moveStart("character", 1);
      txt.moveEnd("textedit");
    }
    // If found, mark it and scroll it into view.
    if (found)
    {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n++;
    }
  // Otherwise, start over at the top of the page and find first match.
    else 
    {
      if (n > 0)
      {
        n = 0;
        findInPage(str);
      }
      // Not found anywhere, give message.
      else
        alert("'"+str+"'"+" non trovato.");
    }
  }
  return false;
}