Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations wOOdy-Soft on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Change Font Type and Link Col.or

Status
Not open for further replies.

benhoa

Technical User
Oct 18, 2005
4
US
Below is a site search script for which i would like to change the font type (face) and link color for the "results page" produced by the script. Could someone help me with this? Thanks, Ben.

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var item = new Array();

*/

// "Page Name","path","Page Title","Many,Key,Words","Descriptive Comments"

c=0; item[c]=new Array(" pageaddress.htm","","Page Name","technical,technology","Description");

c++; item[c]=new Array("pageaddress.htm ",""," Page Name ","question,questions,inquiry,inquiries,information"," Description ");

page="<html><head><title>Search Results</title></head><body bgcolor='white'><center><table border=0 cellspacing=10 width=80%>";


function search(frm) {
win = window.open("","","scrollbars");
win.document.write(page);
txt = frm.srchval.value.split(" ");
fnd = new Array(); total=0;
for (i = 0; i < item.length; i++) {
fnd = 0; order = new Array(0, 4, 2, 3);
for (j = 0; j < order.length; j++)
for (k = 0; k < txt.length; k++)
if (item[order[j]].toLowerCase().indexOf(txt[k]) > -1 && txt[k] != "")
fnd += (j+1);
}
for (i = 0; i < fnd.length; i++) {
n = 0; w = -1;
for (j = 0;j < fnd.length; j++)
if (fnd[j] > n) { n = fnd[j]; w = j; };
if (w > -1) total += show(w, win, n);
fnd[w] = 0;
}
win.document.write("</table><br>Total found: "+total+"<br></body></html>");
win.document.close();
}
function show(which,wind,num) {
link = item[which][1] + item[which][0];
line = "<tr><td><a href='"+link+"'>"+item[which][2]+"</a> <br>";
line += item[which][4] + "<br>"+link+"</td></tr>";
wind.document.write(line);
return 1;
}
// End -->
</script>
 
Try this modification to the start of the script:

Code:
_fontFace = "[b]Verdana, Arial, sans-serif[/b]";
_linkColor = "[b]#00cc33[/b]";
page  ="<html><head><title>Search Results</title>";
page += '<style type="text/css">\nbody {font:'+_fontFace+';}\na, a:visited {color:'+_linkColor+'}\n</style>';
page += "</head><body  bgcolor='white'><center><table  border=0 cellspacing=10 width=80%>";

You would then set up the font face and the link colour by populating the variables I have provided.

Hope that's what you were after.

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch
[/tt]
 
You'd be better off asking in the HTML/CSS forum for specifics with styling... but the general principal would be to add a container (usually a span, or div), give it a class or id, and then add a tyle sheet to your page to target that.

The CSS forum is here: forum215

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top