piccolo motore di ricerca

[stargenesis83]

salve. ho creato una pagina con il significato dei vari termini di informatica. per esempio:

CPU: e la spiegazione.
RAM: e la spiegazione.

ora voglio creare un piccolo form situato all'inizio della pagina che quando viene digitato "ram" nel campo, deve evidenziarmi il termine nella pagina portandomi a quel punto.

la pagina è molto lunga e non voglio che l'utente deve mettersi a sfogliala per cercare un termine..
come posso fare?

[Dirk Pitt]

Ma i termini e relativi significati, li prelevi da db?
Se così, inserisci un campo testo (o meglio una select con tutti i nomi dei termini) dove inserire (selezionare) il termine da cercare e "submitti" (qualcuno mi ucciderà per questo termine) la pagina alla pagina stessa dove recuperi il valore del campo testo (o select) e rifai la query filtrandola in base al termine cercato.

[stargenesis83]

c'è un campo e un pulsante con su scritto: cerca termine.
nel campo l'utente digita ram e clikka su cerca termine e la pagina lo porta nel punto dove si trova il significato del termine ram. non
credo di aver bisogno del database

[Dirk Pitt]

In pratica un sistema che cerchi tra il testo della pagina. Giusto?

[stargenesis83]

ho una lista di termini con relativa spiegazione e il form deve portarmi al punto del termine. non deve cercarmi una qualsiasi parola tipo "ram" come ho fatto prima l'esempio.

Ram(in grassetto): e la spiegazione.


il form mi porta a Ram in grassetto. la parola "ram" fa riferimento a molte spiegazioni.

[Dirk Pitt]

Allora usa una select con i termini da cercare e linki all'ancora della pagina in corrispondenza del termine.
Ma qui asp non serve a niente, puro html.

[michele.santoro]

Io uso questo script, vedi se può fare al caso tuo.

<font face="Verdana" color="#000080">


<center>
<form name="search" onSubmit="return findInPage(this.string.value);" style="background-color: #FFFFFF">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="46">
  <tr>
    <td width="33%" height="45" rowspan="2">
    <p align="center">
    </td>
    <td width="33%" height="18">
    <p align="center">Trova</td>
    <td width="34%" height="18"></td>
  </tr>
  <tr>
    <td width="33%" height="27" valign="bottom">
<font face="Verdana" color="#000080">

<p align="center"><font size="1">



<script language="JavaScript">
var NS4 = (document.layers);
var IE4 = (document.all);
var win = window;
var n   = 0;
function findInPage(str) {
  var txt, i, found;
  if (str == "")
    return false;
  if (NS4) {
    if (!win.find(str))
      while(win.find(str, false, true))
        n++;
    else
      n++;
    if (n == 0)
      alert("Not found.");
  }
  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) {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n++;
    }
    else {
      if (n > 0) {
        n = 0;
        findInPage(str);
      }
      else
        alert("Parola non trovata in questa pagina.");
    }
  }
  return false;
}
</script>

</font><font size=3><input name="string" type="text" size=17 onChange="n = 0;"></font><input type="submit" value="Cerca" style="font-size: 10"></font></td>
    <td width="34%" height="27" valign="bottom">
    </td>
  </tr>
</table></font>


Ram

CPU

ROM

CDROM

</p>

Funziona abbastanza bene

[stargenesis83]

grazie fuonziona.. era da tanto che lo cercavo.

grazie grazie...

[michele.santoro]

Prego!