Salve ragazzi,
ho preso questo javascript (motore di ricerca) dal vostro sito: http://javascript.html.it/script/ved...cerca-interno/ e lo sto adattando alle mie esigenze. In pratica uso il motore di ricerca come "creatore di liste" (listini, cataloghi, classifiche, ecc.).

Questo è lo script modificato dal sottoscritto:

codice:
<html>  <head> <title>Motore di ricerca interno</title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="it" /> <script language="JavaScript">  var resultsTitle = "Risultati"; var resultsBgColor = "white"; var resultsFont = "verdana";  var pages = new Array(); pages[0] = new Page("1972", "Fiori rosa, fiori di pesco",     "album: Emozioni",              "durata: 3'15''", "Lucio Battisti",   "1972", "album", "pesco",    "emozioni",   "lucio Lucio battisti Battisti"); pages[1] = new Page("1973", "Mi ritorni in mente",            "album: Il nostro caro angelo", "durata: 4'54''", "Lucio Battisti",   "1973", "album", "mente",    "angelo",     "lucio Lucio battisti Battisti"); pages[2] = new Page("1985", "Quello che le donne non dicono", "album: Boh",                   "durata: 4'20''", "Fiorella Mannoia", "1985", "album", "dicono",   "Boh",        "fiorella Fiorella mannoia Mannoia"); pages[3] = new Page("1985", "Donne",                          "album: Oro, incenso e birra",  "durata: 5'07''", "Zucchero",         "1985", "album", "oro incenso birra",      "sugar Sugar", "zucchero Zucchero fornaciari Fornaciari"); pages[4] = new Page("2000", "Un giorno migliore",             "album: Il vespone",            "durata: 3'19''", "Luna Pop",         "2000", "album", "lunapop",  "luna pop",   "Luna Pop"); pages[5] = new Page("2007", "Se non esco non pesco",          "album: Invenzioni",            "durata: 9'58''", "I Pescivendoli",   "2007", "album", "pesco",    "invenzioni", "pescivendoli Pescivendoli"); pages[6] = new Page("1985", "Zum pappa, zum pappa",           "album: Farneticazioni",        "durata: 0'03''", "The Pappers",      "2011", "album", "pappa",    "1985",       "pappers Pappers");  function Page(dati1, dati2, dati3, dati4, dati5, keyw1, keyw2, keyw3, keyw4, keyw5) { 	 	if (dati1.length > 100) { 		dati1 = dati1.substring(); 	} 	if (dati2.length > 100) { 		dati2 = dati2.substring(); 	} 	if (dati3.length > 100) { 		dati3 = dati3.substring(); 	} 	if (dati4.length > 100) { 		dati4 = dati4.substring(); 	} 	if (dati5.length > 100) { 		dati5 = dati5.substring(); 	}  	this.dati1 = dati1; 	this.dati2 = dati2; 	this.dati3 = dati3; 	this.dati4 = dati4; 	this.dati5 = dati5; 	this.keyw1 = keyw1; 	this.keyw2 = keyw2; 	this.keyw3 = keyw3; 	this.keyw4 = keyw4; 	this.keyw5 = keyw5; 	return this;  }  function GoSearch(string) { 	 	var output = "<html><head><title>" + resultsTitle + "</title></head>"; 	output += "<body bgcolor=\"" + resultsBgColor + "\">"; 	output += "<font face=\"" + resultsFont + "\" size=\"2\">"; 	output += "<h4>" + resultsTitle + "</h4>"; 	 	if (string == "" || string == " ") { 		output += "Errore: inserisci una parola.
"; 		output += "
<input type=\"button\" value=\"Nuova ricerca\" onClick=\"javascript:history.go(-1)\">"; 	} else { 	 		output += "Hai cercato \"" + string + "\".
"; 		 		var numofpages = 0; 		var tempoutput = ""; 		 		for (i = 0; i < pages.length; i++) { 			if (pages[i].keyw1.indexOf(string) !=-1) { 				numofpages++; 				tempoutput += "<font face=\"" + resultsFont + "\" size=\"1\" color=\"blue\">" + pages[i].dati1 + " "; 				tempoutput += pages[i].dati2 + " "; 				tempoutput += pages[i].dati3 + " "; 				tempoutput += pages[i].dati4 + " "; 				tempoutput += pages[i].dati5 + "
"; 			} 		} 		for (i = 0; i < pages.length; i++) { 			if (pages[i].keyw2.indexOf(string) !=-1) { 				numofpages++; 				tempoutput += "<font face=\"" + resultsFont + "\" size=\"1\" color=\"blue\">" + pages[i].dati1 + " "; 				tempoutput += pages[i].dati2 + " "; 				tempoutput += pages[i].dati3 + " "; 				tempoutput += pages[i].dati4 + " "; 				tempoutput += pages[i].dati5 + "
"; 			} 		} 		for (i = 0; i < pages.length; i++) { 			if (pages[i].keyw3.indexOf(string) !=-1) { 				numofpages++; 				tempoutput += "<font face=\"" + resultsFont + "\" size=\"1\" color=\"blue\">" + pages[i].dati1 + " "; 				tempoutput += pages[i].dati2 + " "; 				tempoutput += pages[i].dati3 + " "; 				tempoutput += pages[i].dati4 + " "; 				tempoutput += pages[i].dati5 + "
"; 			} 		} 		for (i = 0; i < pages.length; i++) { 			if (pages[i].keyw4.indexOf(string) !=-1) { 				numofpages++; 				tempoutput += "<font face=\"" + resultsFont + "\" size=\"1\" color=\"blue\">" + pages[i].dati1 + " "; 				tempoutput += pages[i].dati2 + " "; 				tempoutput += pages[i].dati3 + " "; 				tempoutput += pages[i].dati4 + " "; 				tempoutput += pages[i].dati5 + "
"; 			} 		} 		for (i = 0; i < pages.length; i++) { 			if (pages[i].keyw5.indexOf(string) !=-1) { 				numofpages++; 				tempoutput += "<font face=\"" + resultsFont + "\" size=\"1\" color=\"blue\">" + pages[i].dati1 + " "; 				tempoutput += pages[i].dati2 + " "; 				tempoutput += pages[i].dati3 + " "; 				tempoutput += pages[i].dati4 + " "; 				tempoutput += pages[i].dati5 + "
"; 			} 		}  		if (numofpages > 0) { 			output += "La ricerca ha prodotto " + numofpages + " risultati.

<hr color=\"black" + "\" size=\"1\" noshade>"; 			output += tempoutput; 			output += "
<hr color=\"black" + "\" size=\"1\" noshade>";  		} else { 			output += "Spiacenti, la ricerca non ha prodotto risultati.

"; 		} 		 		output += "
<input type=\"button\" value=\"Nuova ricerca\" onClick=\"javascript:history.go(-1)\">"; 		output += "<input type=\"button\" value=\"Stampa lista\" onClick=\"self.print()\">"; 		 	} 	output += "</font>"; 	output += "</body></html>"; 	 	 	document.write(output); 	 }  </script> </head>  <body>  


 
 </p> <div align="center">  <form name="searchForm" onSubmit="return GoSearch(document.searchForm.input.value)">   <font size="2" face="verdana">

Inserisci una parola chiave:</font> <input type="text"   size="30" maxlength="100" name="input"> <input type="button" value="Crea lista"   onClick="GoSearch(document.searchForm.input.value)"> </p> </form> <dd><font size="1" face="verdana">Parole chiave (di prova):</dd> <dd></dd> <dd>album</dd> <dd></dd> <dd>pesco</dd> <dd></dd> <dd>1985</dd> <dd></dd> <dd>lunapop</dd> <dd></dd> <dd>oppure: luna pop (con lo spazio)</dd> <dd></dd> <dd>oppure: Luna Pop (con iniziali in maiuscolo e spazio)</dd> <dd></dd> <dd>* * * * *</dd> </div></font> </body> </html>
Funziona perfettamente.

L'unico inconveniente (dove ci sto sbattendo la testa) è che i dati della ricerca appaiono di seguito, separati l'uno dall'altro da uno spazio. So che (con javascript) è possibile far apparire i dati all'interno di una o più textbox, ma non so come fare. Non sono molto pratico.
In poche parole, mi piacerebbe che i risultati della ricerca (dati1, dati2, dati3, ecc.) apparissero in colonna, in questo modo (vedi link qui sotto):

http://img717.imageshack.us/img717/5103/riscolonne.jpg

Cosa devo aggiungere/inserire? Come devo fare? Ne sto uscendo pazzo...