|
JavaScript - Keyword Search Box Help
I'm not sure if this is the right forum, but I'm looking for help with adding a search box to my website. I want to create a keyword search box - one where entering the right keyword(s) will take the visitor DIRECTLY to the page they're looking for, without a results page. And if they don't enter a keyword (in a keyword database?) they're taken to an error page. So, in essence, it's not really a search engine, it's more of a keywords box. Oh, also, some of the keywords will have non alphabetical or numerical characters (like dashes and periods) if that's a concern. Can someone help me with this or point me in the right direction to someone/someplace that can? Thanks.
Similar TutorialsI'm looking at building an interactive desktop gadget for our company computers that functions similar to Clippy (less annoying though). The idea is for users to be able to type in keywords or questions and have the gadget present links to pages on our intranet. So similar to a search engine but more focused on answering questions as opposed to just returning a hundred results. I've got a moderate understanding of java so I know I could do something like IF "Textbox" EQUALS "Keyword" THEN DO "THAT". Need a little more sophistication though, it should be able to accept multiple keywords and weigh the search results accordingly. I'm sort of picturing an updatable XML table like this: KEYWORD This is the result KEYWORD This is the result Or an array in a separate .js file. Maybe there's a better way than that actually but it's what I know. Has anyone got some advice on this? Thanks. Hi I need to develop a simple keyword search in external html files(having traversing in directories ability). Is this possible? (in this case php can be used) Please guide me Thanks Code: function Hero() {
this.occupation = 'Ninja';
}
don't understand the meaning of this line ,this.occupation = 'Ninja'; why it use this keyword. thank you. Hi, I've been searching google endlessly and I've come to the conclusion I'm not using the proper search keywords. I'm trying to create something similar to the banner/button combo you can find he http://www.nba.com and also here, http://home.worldvision.org/?page=nonflash I assume these type of slide show buttons combos use java script and possibly php. If anyone knows the proper name for this type of slide show or can point me to some scripting I would appreciate it. Thanks Hi everybody, I have an search form and I'm handling it with .htaccess like this: RewriteRule ^(.*)/search/(.*) /search.php?lang=$1&keyword=$2 The problem, i can't call the right URL from front-end. I have an search form with get and if i search something the url going to like this: domain.com/en/search/?keyword=test 404.. But if i type the URL manually like this: domain.com/en/search/test Than it's working well. So, I need some js code to put search keyword in the right form so i can cancel the <form>. Can somebody help me to write this code? Or any other ideas are welcome. Hi, I'm Jon. First of all excuse me if I posted this thread in the wrong forum, I really have no clue where to put this but I've had some minor experience with js so I hope it can be solved this way. I check websites and/or keywords in googles Keyword Tool External as a free service for some of my clients. The thing is that more and more clients like this service and it's becoming very time-consuming for me to do this for all of them. Is there a way to let my clients fill in the keywords or url they like researched in a form on my website, then let those words be researched and return a specified number of results in a pdf or something? My biggest concern is the captcha code. If I can't find a way to partially or fully automate this process, I'll be forced to either charge for or completely give up this service. Can anyone help me with some kind of solution? Thanks in advance. Jon tested this only on FF. Code: target = this.parentNode.parentNode.getElementsByClassName('help')[0];
target.style.display = (target.style.display=='none')?'inline':'none';
-->Error: target.style is undefined In next two codes what is red is different, all the rest as above. Code: var target = this.parentNode.parentNode.getElementsByClassName('help')[0];
target.style.display = (target.style.display=='none')?'inline':'none';
--> works. Code: xxx = this.parentNode.parentNode.getElementsByClassName('help')[0];
xxx .style.display = ( xxx .style.display=='none')?'inline':'none';
--> works. Why is that ? Hello all, Sorry if this may seem like a silly question, I have searched but not really to sure how to word what I am searching for as I don't know if I am going the right way around it! Basically, I am looking to insert a keyword in to a javascript alert box when someone visits my website, so say they came from codingforums.com, it would say "Welcome, CodingForums.com Visitor". My keyword will be passed from the ad platform I am working with and shows up correctly in the tracking, so I'd imagine it's just a case of having the snippet of code for it to show in the alert, correct? If there is no keyword, I would just like it to say "Welcome Visitor" or something. How do I go about this? Thank you in advance for any help. Code: this.delete = function(obj)
{
..
Is that it ? I can't have delete ? Or can this be written in some other way, including delete ? I am confused about what the return keyword is actually returning when returning an object, a primitive, or a function. My confusion is compounded by the fact that I'm not sure if a function is an object or not. According to the book JavaScript Programmer Reference it is: "All functions in JavaScript are first class objects , meaning they can be passed around like any other object reference. In fact, regardless of how they are created, functions are instances of a global object named (aptly) Function." However, someone else states that a function is not an object. An object is a set of primitives and references. A function is executable code. Functions become objects through the use of the new operator. Yet, in the book I mentioned, it says you don't need the new keyword to execute the function as an object, as it already inherits from the object Function when the function keyword is used: Code: function functionName([argname1 [, ...[, argnameN]]])
{
statements;
}
So there's one source of contradiction. Now the bigger issue is what is going on when the return keyword is used. Notice the Validation() function returns an object as its last expression. This technique is common, where you return an object which contains functions in form of object notation. I believe this is done so that we create a closure so that when the intepreter exits the Validation() method, since we created a closure by returning an object, which contains the inner functions addRule and getRule, the local variables of Validation() are not destroyed, given that we can reference them through the two inner functions that make use of the local variables of the outer function. So when we use the return keyword on an object literal, and then exit the function, when we call one of the inner functions as we do later: Code: var rule = $.Validation.getRule(types[type]); essentially getRule() is called, passes an argument, which is received by the inner function as parameter we call name: Code: getRule :
function(name) {
return rules[name];
}
First, note that the return {} is written in object notation, therefore making getRule a local variable and, thus, private function only accessible through the namespace of Validation(). Validation() declares the rules local variable and because of the closure, we can access the rules local variable through the getRule() inner function. *****Here's the part that really thows me off. We return rules[name]. So let's say name is equal to email. This is an associative array so email (held in name) is a property of rules. So here we return the object's property: Code: return rules[name]; And then assign it to a local variable called rule: Code: var rule = $.Validation.getRule(types[type]); So when we return an object rules[name], do we return a reference to an object or a value? In other words, by returning rules[name], where name is equal to email, are we then returning a reference to the following object literal: Code: email : {
check: function(value) {
if(value)
return testPattern(value,".+@.+\..+");
return true;
},
msg : "Enter a valid e-mail address."
}
And if we are returning a reference, by returning a reference, are we essentially pointing to this object when we assign it to rule? In other words, the variable rule is just pointing to the object literal? And is that the reason we can then access the check function or msg local variable through rule using dot notation, because rule points to the email object literal? Now the ultimate brain twist for me is that if a function is an object, then why when return a function, it returns a value, such as a boolean, if an object only returns a reference and not the value? Code: //Validation is a local variable as it is in a self-executing anonymous function. The purpose of the said anonymous function is to pass the jQuery object as a parameter $ so the $() function will be in scope of the anonymous function and not interfere with other libraries that make use of the same function technique - in the global scope.
(function($) {
var rules = {
email : {
check: function(value) {
if(value)
return testPattern(value,".+@.+\..+");
return true;
},
msg : "Enter a valid e-mail address."
},
url : {
check : function(value) {
if(value)
return testPattern(value,"https?://(.+\.)+.{2,4}(/.*)?");
return true;
},
msg : "Enter a valid URL."
},
required : {
check: function(value) {
if(value)
return true;
else
return false;
},
msg : "This field is required."
}
}
var testPattern = function(value, pattern) {
var regExp = new RegExp("^"+pattern+"$","");
return regExp.test(value); //The test() method is built into javascript
}
return {
addRule : function(name, rule) {
rules[name] = rule;
},
getRule : function(name) {
return rules[name];
}
}
}
/*
Form factory
*/
var Form = function(form) {
var fields = [];
$(form[0].elements).each(function() {
var field = $(this);
if(field.attr('validation') !== undefined) {
fields.push(new Field(field));
}
});
this.fields = fields;
}
Form.prototype = {
validate : function() {
for(field in this.fields) {
this.fields[field].validate();
}
},
isValid : function() {
for(field in this.fields) {
if(!this.fields[field].valid) {
this.fields[field].field.focus();
return false;
}
}
return true;
}
}
/*
Field factory
*/
var Field = function(field) {
this.field = field;
this.valid = false;
this.attach("change");
}
Field.prototype = {
attach : function(event) {
var obj = this;
if(event == "change") {
obj.field.bind("change",function() {
return obj.validate();
});
}
if(event == "keyup") {
obj.field.bind("keyup",function(e) {
return obj.validate();
});
}
},
validate : function() {
var obj = this,
field = obj.field,
errorClass = "errorlist",
errorlist = $(document.createElement("ul")).addClass(errorClass),
types = field.attr("validation").split(" "),
container = field.parent(),
errors = [];
field.next(".errorlist").remove();
for (var type in types) {
var rule = $.Validation.getRule(types[type]);
if(!rule.check(field.val())) {
container.addClass("error");
errors.push(rule.msg);
}
}
if(errors.length) {
obj.field.unbind("keyup")
obj.attach("keyup");
field.after(errorlist.empty());
for(error in errors) {
errorlist.append("<li>"+ errors[error] +"</li>");
}
obj.valid = false;
}
else {
errorlist.remove();
container.removeClass("error");
obj.valid = true;
}
}
}
/*
Validation extends jQuery prototype
*/
$.extend($.fn, {
validation : function() {
var validator = new Form($(this));
$.data($(this)[0], 'validator', validator);
$(this).bind("submit", function(e) {
validator.validate();
if(!validator.isValid()) {
e.preventDefault();
}
});
},
validate : function() {
var validator = $.data($(this)[0], 'validator');
validator.validate();
return validator.isValid();
}
});
$.Validation = new Validation();
})(jQuery);
Thanks for any response. In this case, Let's take Google Search as example: The code is JScript .NET, which is basically a .NET version of Javascript. Regardless of language, Anyone with appending type of skill can answer my question. This code is used in Fiddler(It's a Man-in-the-middle proxy) Code: if (oSession.uriContains("&q=")) // oSession is a Fiddler object session // uriContains() function, checks for case-insensitive string from the URI
{
var str = oSession.fullUrl;
var sAppend = "test1+test2+test3";
if (!oSession.uriContains(sAppend))
{
oSession.fullUrl = str.replace( "&q=","&q="+sAppend);
}
}
For those who are confused, It says, If &q= is present in the URI, replace/append &q= with &q=test1+test2+test3 Problem: It appends test1+test2+test3 instantly, when it sees &q= in the URL. Basically, how do I make it wait until I click the submit/search button Thank you. Update: I heard about Onsubmit() event, but not really familiar with it. How do I use it? like, should I go to google source page and edit the form id? Also, Any other methods besides Onsubmit()? Hi experts, is it possible via Javascript to search certain websites with certain keywords without having to use specific search engines? example search only the following: 1. www.yyy.com 2. www.aaa.com 3. www.zzz.com for the keyword "Laminat" and open the sites accordingly. thx Hi Everyone! I have a website that I'm designing where I have the need to search multiple sites at specific times. By this I mean that In some cases, we would want to search only the internet using google, or only search the site that I've created (which currently uses the jse_search.js solution), or only our company's website. I currently have four different search boxes that will search either the internet, the internal site, a separate internal site, or a third-party website, which all working fine. The problem is that the search boxes take up quite a bit of space, and the layout is becoming cumbersome. Is there a way in Javascript I could use a single search box and a drop-down list to select which method to use? The code I'm currently using is below. With the exception of the Google search function, I've modified some of the site names to general site names and paths to preserve the company's anonymity: Code in the <head> tag: Code: <script language="JavaScript1.3" type="text/javascript" src="jse_form.js"> </script> Code in the <body> tag: Code: <!--Begin Internal Site Search 1!-->
<div>
<p style="text-align: center;">
<table border="0" cellpadding="0">
<tr><td><form name="jse_Form" onsubmit="search_form(jse_Form);return false">
<input type="text" name="d" size="30">
</tr></td>
<tr><td>
<input type="button" value="Internal Site Search 1" onclick="search_form(jse_Form)">
</form>
</tr></td>
</table>
<!--End Internal Site Search 1!-->
<!--Begin Internal Site Search 2!-->
<div>
<p style="text-align: center;">
<table border="0" cellpadding="0">
<tr><td>
<!--webbot bot="Search" S-Index="all" S-Fields S-Text="Search for:" I-Size="20" S-Submit="Start Search" S-Clear="Reset" S-TimestampFormat="%m/%d/%Y" TAG="BODY" b-useindexserver="1" startspan -->
<form action="http://sitesearch2.idq" method="POST"><input type="text" name="UserRestriction" size="30" value>
</tr></td>
<tr><td style="text-align: center;">
<input type="submit" value="Internal Site Search 2"></form>
</form>
<!--webbot bot="Search" i-checksum="4210" endspan -->
</td></tr>
</table>
</div>
<!--End Internal Site Search!-->
<!--Begin Google Search!-->
<form method="get" action="http://www.google.com/search">
<div>
<p style="text-align: center;">
<table border="0" cellpadding="0">
<tr><td>
<input type="text" name="q" size="30" maxlength="233" value="" />
</tr></td>
<tr><td align="center">
<input type="submit" value="Google Search" /></td></tr>
</table>
</div>
</form>
<!--End Google Search!-->
<!--Begin Third Party Search!-->
<form id="keywordSearchForm" method="get" action="http://www.site3.html">
<div>
<p style="text-align: center;">
<table border="0" cellpadding="0">
<tr><td>
<input class="input" type="text" name="keyword" size="30" />
</tr></td>
<tr><td align="center">
<input type="hidden" name="origin" value="keywordsearch" /><input id="go" class="button" tabindex="0" type="submit" value="Third Party Search" />
</td></tr>
</table>
</div>
</form>
<!--End Third Party Site Search!-->
Hello people. I'm looking to create a simple search engine capable of searching multiple search engines simultaneously together (e.g. Google, Bing, Yahoo, etc.) and then displaying the results below for all sites on the same page. I don't want each search engine results page opening up in individual windows or anything, nor do I want people to have to manually select the search engine to search with. Just a single page where a user types in something, pressed [Enter] and then presented with all results from multiple sites on one page (without duplicates). I'm also looking to do this with image and torrent sites, etc. How would I go about doing this? Thanks a million guys. You have bigger brains than me. When this page loads the table should fill using onload="fillTable()" with 4 rows from an array called foodArray. Each row gets a grab button assigned with a unique id. Then when you click on one of the buttons, it should call function addRow. In addRow, i'm trying to use the this keyword to refer to the button that called it, then use an alert window to show the button id. but when the script runs, alert is not giving the id its just a blank alert window. whats wrong with it? Thanks, Geoff Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
</style>
<link href="basicstyle.css" rel="stylesheet" type="text/css" />
<link href="tablestyle.css" rel="stylesheet" type="text/css" />
<link href="advancestyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var food1 = new Array("-", "Boneless Chicken Breast", "M&M", "Meat & Alternatives", "1 breast", "125g", 110, 2, 0.5, 0, 65, 650, 0, 0, 0, 22);
var food2 = new Array("-", "Teriyaki Style Rice", "Uncle Ben's Fast & Fancy", "Grain Products", "1/4 package", "44g", 160, 0.5, 0.2, 0.1, 0, 520, 34, 0, 4, 3);
var food3 = new Array("-", "Whole Kernel Corn", "Irrestibles", "Fruit & Vegetables", "1/2 cup", "125mL", 80, 0.5, 0, 0, 0, 10, 15, 2, 1, 2);
var food4 = new Array("-", "Ketchup", "Heinz", "Condiments", "1 tbsp", "15mL", 20, 0, 0, 0, 0, 140, 5, 0, 4, 0.3);
var foodArray = [food1, food2, food3, food4];
var buttonValue = "Grab";
var onclickString = "addRow()";
//**************************************same fillTable as in aisle1************************************
function fillTable( arr, p ) {
//fill the output table with whatever array is passed to it in form of arr parameter.
outputTableRows = 5;
outputTableColumns = 16;
for (var x = 0; x < outputTableRows; x++) {
var xPage = (x + 5 * (p - 1));
for (var y = 0; y < outputTableColumns; y++) {
//set id variable in order to refer to each cell in the output table by this id.
var id = x + "_" + y;
if ( (arr.length > xPage) && (arr[xPage][y] != undefined) ) {
//if its the first column, put in a button, or else put in the resultArray[x][y] value in the output table cell.
if (y == 0)
document.getElementById(id).innerHTML = "<input id=\"b" + id + "\" type=\"button\" value=\"" + buttonValue + "\" onclick=\"" + onclickString + "\">";
else
document.getElementById(id).innerHTML = arr[xPage][y];
//else if the resultArray entry is undedefined, just put in a dash in the output table cell.
} else {
document.getElementById(id).innerHTML = "-";
}
}
}
}
function addRow ( e ) {
if (!e)
var e = window.event;
alert ("Add row");
alert (this.id);
var insertFoodRow = "";
var t2body = document.getElementById("t2body");
var row = document.createElement("tr");
}
</script>
</head>
<body onload="fillTable( foodArray, 1 )">
<div id="dcontainer" class="type3div">
<div id="dheader" class="type2div">
<div id="dlogo" class="type1div"></div>
<div id="dlogin" class="type1div"></div>
</div>
<div id="dmenubar" class="type2div">
<a href=""><div id="dmenu1" class="navigation">Page 1</div></a>
<a href=""><div id="dmenu2" class="navigation">Page 2</div></a>
<a href=""><div id="dmenu3" class="navigation">Page 3</div></a>
<a href=""><div id="dmenu4" class="navigation">Page 4</div></a>
<a href=""><div id="dmenu5" class="navigation">Page 5</div></a>
</div>
<div id="dcontent" class="type2div">
<h1>Grocery Store - Aisle 3:</h1>
<h2>Make a combo or recipe</h2>
<div id="content1" class="type1div">
<div id="table2" class="outputTable">
<table border="1">
<thead>
<tr>
<th class="tableHeadMediumCenter">Edit</th>
<th class="tableHeadLargeLeft">Food</th>
<th class="tableHeadLargeLeft">Brand</th>
<th class="tableHeadLargeLeft">Food Type</th>
<th class="tableHeadLargeLeft">Serving Amount</th>
<th class="tableHeadSmallCenter">SS</th>
<th class="tableHeadSmallCenter">Cal</th>
<th class="tableHeadSmallCenter">Fat</th>
<th class="tableHeadSmallCenter">Sat</th>
<th class="tableHeadSmallCenter">Trans</th>
<th class="tableHeadSmallCenter">Chol</th>
<th class="tableHeadSmallCenter">Sod</th>
<th class="tableHeadSmallCenter">Carb</th>
<th class="tableHeadSmallCenter">Fib</th>
<th class="tableHeadSmallCenter">Sug</th>
<th class="tableHeadSmallCenter">Pro</th>
</tr>
</thead>
<tbody id="t2body">
</tbody>
</table>
</div>
</div>
<br />
<div id="content2" class="type1div">
<div id="table1" class="outputTable">
<table border="1">
<thead>
<tr>
<th class="tableHeadMediumCenter">Edit</th>
<th class="tableHeadLargeLeft">Food</th>
<th class="tableHeadLargeLeft">Brand</th>
<th class="tableHeadLargeLeft">Food Type</th>
<th class="tableHeadLargeLeft">Serving Amount</th>
<th class="tableHeadSmallCenter">SS</th>
<th class="tableHeadSmallCenter">Cal</th>
<th class="tableHeadSmallCenter">Fat</th>
<th class="tableHeadSmallCenter">Sat</th>
<th class="tableHeadSmallCenter">Trans</th>
<th class="tableHeadSmallCenter">Chol</th>
<th class="tableHeadSmallCenter">Sod</th>
<th class="tableHeadSmallCenter">Carb</th>
<th class="tableHeadSmallCenter">Fib</th>
<th class="tableHeadSmallCenter">Sug</th>
<th class="tableHeadSmallCenter">Pro</th>
</tr>
</thead>
<tbody>
<tr>
<td id="0_0" class="tableCellCenterTop">-</td>
<td id="0_1" class="tableCellLeftTop">-</td>
<td id="0_2" class="tableCellLeftTop">-</td>
<td id="0_3" class="tableCellLeftTop">-</td>
<td id="0_4" class="tableCellLeftTop">-</td>
<td id="0_5" class="tableCellCenterTop">-</td>
<td id="0_6" class="tableCellCenterTop">-</td>
<td id="0_7" class="tableCellCenterTop">-</td>
<td id="0_8" class="tableCellCenterTop">-</td>
<td id="0_9" class="tableCellCenterTop">-</td>
<td id="0_10" class="tableCellCenterTop">-</td>
<td id="0_11" class="tableCellCenterTop">-</td>
<td id="0_12" class="tableCellCenterTop">-</td>
<td id="0_13" class="tableCellCenterTop">-</td>
<td id="0_14" class="tableCellCenterTop">-</td>
<td id="0_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="1_0" class="tableCellCenterTop">-</td>
<td id="1_1" class="tableCellLeftTop">-</td>
<td id="1_2" class="tableCellLeftTop">-</td>
<td id="1_3" class="tableCellLeftTop">-</td>
<td id="1_4" class="tableCellLeftTop">-</td>
<td id="1_5" class="tableCellCenterTop">-</td>
<td id="1_6" class="tableCellCenterTop">-</td>
<td id="1_7" class="tableCellCenterTop">-</td>
<td id="1_8" class="tableCellCenterTop">-</td>
<td id="1_9" class="tableCellCenterTop">-</td>
<td id="1_10" class="tableCellCenterTop">-</td>
<td id="1_11" class="tableCellCenterTop">-</td>
<td id="1_12" class="tableCellCenterTop">-</td>
<td id="1_13" class="tableCellCenterTop">-</td>
<td id="1_14" class="tableCellCenterTop">-</td>
<td id="1_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="2_0" class="tableCellCenterTop">-</td>
<td id="2_1" class="tableCellLeftTop">-</td>
<td id="2_2" class="tableCellLeftTop">-</td>
<td id="2_3" class="tableCellLeftTop">-</td>
<td id="2_4" class="tableCellLeftTop">-</td>
<td id="2_5" class="tableCellCenterTop">-</td>
<td id="2_6" class="tableCellCenterTop">-</td>
<td id="2_7" class="tableCellCenterTop">-</td>
<td id="2_8" class="tableCellCenterTop">-</td>
<td id="2_9" class="tableCellCenterTop">-</td>
<td id="2_10" class="tableCellCenterTop">-</td>
<td id="2_11" class="tableCellCenterTop">-</td>
<td id="2_12" class="tableCellCenterTop">-</td>
<td id="2_13" class="tableCellCenterTop">-</td>
<td id="2_14" class="tableCellCenterTop">-</td>
<td id="2_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="3_0" class="tableCellCenterTop">-</td>
<td id="3_1" class="tableCellLeftTop">-</td>
<td id="3_2" class="tableCellLeftTop">-</td>
<td id="3_3" class="tableCellLeftTop">-</td>
<td id="3_4" class="tableCellLeftTop">-</td>
<td id="3_5" class="tableCellCenterTop">-</td>
<td id="3_6" class="tableCellCenterTop">-</td>
<td id="3_7" class="tableCellCenterTop">-</td>
<td id="3_8" class="tableCellCenterTop">-</td>
<td id="3_9" class="tableCellCenterTop">-</td>
<td id="3_10" class="tableCellCenterTop">-</td>
<td id="3_11" class="tableCellCenterTop">-</td>
<td id="3_12" class="tableCellCenterTop">-</td>
<td id="3_13" class="tableCellCenterTop">-</td>
<td id="3_14" class="tableCellCenterTop">-</td>
<td id="3_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="4_0" class="tableCellCenterTop">-</td>
<td id="4_1" class="tableCellLeftTop">-</td>
<td id="4_2" class="tableCellLeftTop">-</td>
<td id="4_3" class="tableCellLeftTop">-</td>
<td id="4_4" class="tableCellLeftTop">-</td>
<td id="4_5" class="tableCellCenterTop">-</td>
<td id="4_6" class="tableCellCenterTop">-</td>
<td id="4_7" class="tableCellCenterTop">-</td>
<td id="4_8" class="tableCellCenterTop">-</td>
<td id="4_9" class="tableCellCenterTop">-</td>
<td id="4_10" class="tableCellCenterTop">-</td>
<td id="4_11" class="tableCellCenterTop">-</td>
<td id="4_12" class="tableCellCenterTop">-</td>
<td id="4_13" class="tableCellCenterTop">-</td>
<td id="4_14" class="tableCellCenterTop">-</td>
<td id="4_15" class="tableCellCenterTop">-</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Here's some code copied directly from Mozilla: Code: var x = 5;
var y = 0;
let (x = x+10, y = 12) {
alert(x+y + "\n");
}
alert((x + y) + "\n");
Both Chrome and Firefox display an error regarding the bolded line. Chrome says "unexpected token '{' " on that line and Firefox says "Missing ';' before statement" on that line. At any rate, it doesn't work. Is this not the correct syntax for let blocks? Has something changed since Mozilla wrote that example? I've seen it in quite a few websites and I'd like to know how it works and what it's used for. An example I've seen it in is: <td onmouseover="this.bgcolor='#aaaaaa';" onmouseout="this.bgcolor='#ffffff';"> Any help would be appreciated. Thanks I have my own multi option search bar html Code: <form name="searchform" action="http://www.google.com/search?q=" onsubmit="return dosearch();"> Search: <select name="sengines"> <option value="http://www.google.com/search?q=">Google</option> <option value="http://search.yahoo.com/search?q=">Yahoo</option> <option value="http://www.bing.com/search?q=">Bing</option> <option value="http://www.playlist.com/searchbeta/tracks#">Playlist</option> <option value="http://www.youtube.com/results?search_query=">Youtube</option> <option value="http://www.hulu.com/search?query=">Hulu</option> <option value="http://www.tv.com/search.php?type=11&stype=all&tag=search%3Bfrontdoor&qs=">TV.com</option> <option value="http://www.ask.com/web?q=">Ask</option> <option value="http://www.answers.com/topic/">Answers</option> <option value="http://www.ehow.com/search.aspx?s=">eHow</option> <option value="http://en.wikipedia.org/wiki/">Wikipedia</option> <option value="http://search.forbes.com/search/find?tab=searchtabgeneraldark&MT=">Forbes</option> </select> For: <input type="text" name="searchterms" /> <input class="button" type="submit" name="SearchSubmit" value="Search" /> </form> javascript (external) Code: function dosearch()
{
var sf=document.searchform;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;
}
but I want to have a second drop-down menu. I just can't get the 2nd one have everything still work. Can some benevolent sheep-guider-person (whatever they're called) help me? Thanks in advance, man with unnecessary phallic staff. Good Day: I am building a small website that lists the local restaurants in the area. I would like to have a search bar at the top of the page so the user could type in the name of the restaurant and it takes you to my review. The way I have it set now, is the user has to scroll down to find the restaurant. The saerch bar would be much easier. Thanks in advance for any and all assistance. The point is to type something like votillity.com and get votillity.com or google.com and get google.com HTML Code: <form name="searchformHTTP" action="HTTP()" onsubmit="return HTTP();">
<input style="position:fixed;top:0;left:49.15%;width:10%;" type="text" name="searchterms"/>
<input class="buttonsearch" style="position:fixed;top:0;left:59.6%;" type="submit" name="SearchSubmit" value="!"/>
<select name="HTTPops" style="position:fixed;top:0;left:61.7%;width:6%;">
<option value=".com">.com</option>
</select>
</form>
(external) javascript Code: function HTTP()
{
var sfHTTP=document.searchformHTTP;
var op=document.option[sfHTTP.HTTPops.selectedIndex]value;
window.location.href = "http://"+sf.searchterms.value+"op";
return false;
}
|
|||||||