TROVARE E COLLEGARE UN DOCUMENTO - pag. 2

4. Inseriamo nel body un form con una casella di testo per la ricerca ed un bottone che avvi la ricerca stessa:
   Codice:

   <form name="Ricerca"> Cognome: <input type="text" size="30" name="Ingresso" border="1" value=""> <input type="button" onClick="cerca(document.Ricerca.Ingresso.value)"> </form>

5. Inserire, nella posizione desiderata, uno span:
   
   Codice:

   <span id="Risulta"></span>

   Lo span serve per poterci in seguito scrivere i campi desiderati. Uno span è in pratica una sorta di foglio trasparente che viene "incollato" sopra alla pagina di testo. All'interno dei tags <span> e </span> può essere inserito tutto quanto si trova normalmente in una pagina HTML, come testo, immagini, tabelle, marquees, collegamenti ipertestuali. Nel nostro esempio inseriremo dei campi. L'attributo id dà un nome allo span, che altrimenti non potrebbe essere richiamato, ad esempio, nei codici Javascript.

   ---

   ---

   CODICE DA SCARICARE

   Script javascript da inserire nell'intestazione del documento

   <script type="text/javascript"> parole= new Array('Alfieri','Foscolo','Manzoni','Leopardi','Carducci','Pascoli') function cerca(s){ collega='' flag=false for (i=0; i<parole.length;i++){ if (s.toUpperCase() == parole[i].toUpperCase()){ collega+='<a href="'+parole[i] + '.htm"'+'>'+ parole[i] +'</a><br>' flag=true break } } if (flag==false){ collega="documento non trovato" } if(document.all) { document.all('Risulta').innerHTML=collega; } else if(document.getElementById){ document.getElementById("Risulta").innerHTML = collega } else { alert("il tuo browser non supporta questo metodo") } } </script>

   Codice HTML da inserire nel Body del documento

   <form name="Ricerca"><p align=center> <table border="1" width="340" style="border-collapse:collapse" bordercolor=navy><caption style="font-variant: small-caps; color:navy">Esempio funzionante</caption> <tr><td height="32"><tt><font color=navy size=3><center><b>Cognome: <input type="text" size="30" name="Ingresso" border="1" value=""> <input type="button" style="background: transparent url('cerca.jpg'); width:22px; height:22px" title="Cerca" onClick="cerca(document.Ricerca.Ingresso.value)"> </td></tr> <tr> <td valign="top" height="32"> <span id="Risulta"></span></table> </form>

   Pagina 1     

   ---

   

   ©2010 www.webfract.it