JavaScript - Sencha Touch - Showing Results From Search Form

We are integrating a IDX feed and I can not figure out a line of code.

CMS: Joomla
site: http://www.craigteamreno.com
Top right hand corner "Quick Search"
http://www.craigteamreno.com/quicksearch.js

Currently when you click the link it goes to their site with the result we want. We want it to go to our site, just like "search homes," does.

I believe it is simple but my HTML is even simpler. The link should just point to a wrap page.... but I dont know how to do that.

THANKS!

Hello, I'm new here and have gone through your forums looking for a fix for this but so far have not found one.

Background:
I am building an intranet site for my company and do not have access to server-side as of yet. Or else I would just use a different route to accomplish my issue.

Issue:
I am using an external app to index and build my search engine code(Search Engine Builder Pro v2.90). This works perfect if I wrap the code in a <div> or <table> but will not show inside of an iframe.

HTML:

Code:

<div id="search">
<!-- ************************ BEGIN of search box code ************************ -->
<FORM name="formSear" action="iframetest.html" method="GET" onSubmit="return qs();" rel="nofollow" target="ifr">
<script>function qs(){var f=document.formSear;var qe=f.searWords.value;if(window.encodeURIComponent)qe=encodeURIComponent(qe);if(f.area)if(f.area.value==2){document.location="http://www.google.com/search?q="+qe;return false;}var pt=document.location.href;var iq=pt.indexOf('?');if(iq!=-1)pt=pt.substring(0, iq);if(f.action)if(f.action!="")pt=f.action;var ue=pt+"?searWords="+qe;if(f.search)ue+="&search="+f.search.value;if(f.match)ue+="&match="+f.match.value;document.location=ue;return false;}</script>
<p align="right">
<INPUT name="searWords">&nbsp;<INPUT name="Send" type="submit" value="Search">
<p align="left">
</FORM>
<!-- ************************ END of search box code ************************** -->
</div>

Code:

<IFRAME name="ifr" width="100%" height="90%" frameBorder=0 marginHeight=0 marginWidth=0 scrolling="auto" src=""> 
<script type="text/javascript" language="JavaScript" src="webdata.js"> </script>
<script type="text/javascript" language="JavaScript" src="searchfunc.js"> </script>
</IFRAME>

searchfunc.js:

Code:

//Translate search result info into your language
StrYourSearch="Your search"; //Your search
StrNewSearch="New Search"; //New Search
StrCloseWindow="Close Window"; //Close Window
StrFind="Found"; //Find
StrItems="item(s)"; //items
strResultPage="Result Page"; //Result Page
strPrevious="Previous"; //Previous
strNext="Next"; //Next

//Options for the search engine
MatchingStrategy=0; //0:Use all words,1:Use any words,2:Use exact phrase
SearchStrategy=0; //0:search all text,1:Search title,2:Search keywords,3:Search description,4:Search File name
ItemsPerPage=10; //Display how many items of search result on per page
MatchCaseSensitive=0; //0:Not case sensitive,1:case sensitive
ResultLinkTarget=""; //default value: "", can be "_self", "_top", "_blank", "_parent" or name you defined
OutPutWindowType=3; //0:same window,1:new window,2:use frame,3:use iframe
OutPutNewWindowProperty="resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=no,directories=no,width=590,height=300";
OutPutNewWindowOpenMode=0; //0:Always open new window,1:Reuse the window opened
SearchFormFrame="search"; //The search box frame name
OutputTarget="_top"; //default value: "result", can be "_self", "_top", "_parent" or name you defined
ChangeLinkCaseProp=0; //0:Unchanged,1:to lower case,2:to upper case
NumberSearchResult=1; //0:Not display,1:Display number
OutputMaxCharsPerResultText=200; //how many characters of search result text will be output, default value: 200
OutPutResultTitle=1; //0: not output,1: output
OutPutResultText=1; //0: not output,1: output
OutPutResultUrl=1; //0: not output,1: output
OutPutResultInfo=1; //0: not output,1: output
OutputFileSize=1; //0: not output,1: output
OutputFileDate=1; //0: not output,1: output
NoHorizLine=0; //0: has Horizontal lines,1: no
NoPoweredBy=1; //0: has Powered By info,1: no
arrResultTitleFont=new Array("",0,'3','Arial',0,'#0000ff',1);
arrResultTextFont=new Array("",0,'2','Arial',0,'#000000',0);
arrResultUrlFont=new Array("",0,'2','Arial',0,'#008000',0);
arrResultInfoFont=new Array("",0,'2','Arial',0,'#000000',0);
arrHitTitleFont=new Array("",0,'3','Arial',0,'#cc0033',1);
arrHitTextFont=new Array("",0,'2','Arial',0,'#cc0033',0);
DecorateBefore=""; //Decorate HTML code before search results
DecorateAfter=""; //Decorate HTML code after search results
AddLinksParameters=""; //Add parameters to the search result link
ExcludedSearchWords=new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","1","2","3","4","5","6","7","8","9","0","!","*","(",")","-","_","+","=","\\","{","}","[","]",":",";","\"","'","<",">",",",".","?","/","about","above","after","again","all","also","am","an","and","any","are","as","at","back","be","been","before","behind","being","below","but","by","can","click","do","does","done","each","else","etc","ever","every","few","for","from","generally","get","go","gone","has","have","hello","here","how","if","in","into","is","it","just","keep","later","let","like","lot","lots","made","make","makes","many","may","me","more","most","much","must","my","need","no","not","now","of","often","on","only","or","other","others","our","out","over","please","put","so","some","such","than","that","the","their","them","then","there","these","they","this","try","to","up","us","very","want","was","we","well","what","when","where","which","why","will","with","within","you","your","yourself","&amp");
RootReplaceURL="";

SEBWebsite="http://www.aleadsoft.com";SEBEmail="support@aleadsoft.com";SEBAuthor="ALeadSoft.com, Inc.";CurScriptType="JS";bNoSpace=0;eval(unescape("Copyright%3D%22ALeadSoft__Search_Engine_Builder%22%3BstrCode%3D%22%23%3E%23%3D%7C%25@%23+*%5E-%23%3D%7C%25%23%3D%7C%25@%23+*%5E-%23%3D%7C%25@%23+*%23%3D%7C%25@%23+*@%23+*%23%3D%7C%25@%23+*%3D%7C%25@%23+*%5E%3Ca%20href%3D%27%22%3Bvar%20s0%3D%22%22%3B%20var%20s1%3Dnew%20Array... Anything after this is just way too long to link as code here. So much that it locks my browser up if I try to highlight it all.

Yes I know the .js is very unorganised but thats the format that Search Engine Builder outputs it.

So I have added a rel="nofollow" target= to the <form> and tried to link it that way. I have tried dynamically calling an iframe through Jscript. If I could get all my pages to stay in another tyope of container when a link is clicked I would just use it instead.

At this point I'm just looking for any ideas to fix my issue.

Thank you in advance.
Jalowery


Edit: I was also thinking of pulling the results.html page into the iframe which is much easier. But then I can't figure out how to get the search results to be sent to the results.html page.

Hi guys

im trying use a live search on my website, and iv found a code on the following link:

http://www.w3schools.com/php/php_ajax_rss_reader.asp

i understand it all but need to tweak it to suit my needs. What i need for it to do is search multiple drop down requests, for example:

1. first name
2. last name

I want it to search by what has been selected (it is not necesary that all fields need to be selected, default will be any), however in the html it states:

xmlhttp.open("GET","getrss.php?q="+str,true);

and it only shows 1 option, i would like it to show multiple records. and once the records are shown, I would like the option of amending the search result any time in the search.

please help

Hello,

I need some help.. I'm using this example script and need the search results to post to a another frame and not a new window.

Code:

searchh.js
// Multi Search - Head Script
// copyright Stephen Chapman, 4th August 2005
// you may copy this clock provided that you retain the copyright notice
function start() {
var i = Math.floor(Math.random() * document.searchbox.engine.length);
document.searchbox.engine[i].selected = true;
}
window.onload = start;
function search() {
searchTerm = document.searchbox.term.value;
var searchVal = '';
if(searchTerm != '')
{
searchTerm = searchTerm.replace(/\s/ig, '+');
searchEngine = document.searchbox.engine[document.searchbox.engine.selectedIndex].value;
switch (searchEngine) {
case 'about': searchVal = 'http:\/\/search.about.com\/fullsearch.htm?terms=' + searchTerm; break;
...
default: break;}
if (searchVal != '') window.open(searchVal,'search');
}}

Code:

searchb.js
//copyright Stephen Chapman, 4th August 2005
// you may copy this script provided that you retain the copyright notice
document.write('<div align="center"><form name="searchbox" action="">\nSearch for: <input name="term" type="text" size="15" maxlength="80" \/> With:\n<select name="engine">\n<option value="about">About<\/option>\n<option value="accoona">Accoona<\/option>\n<option value="alltheweb">AllTheWeb<\/option>\n<option
...
value="yahoo">Yahoo<\/option>\n<\/select>\n<input type="button" value="Go!" onclick="search()" \/>\n<\/form><\/div>');

Sorry but i'm just newbie , just need a little hint on what to do. Need the results to showup in frame "test1"
Or if someone can direct me: looking for a multi search drop down list in a frame environment where after submitting the string the results would show in another frame

Thanks

Hi all,


I'm having trouble paging from six to six the search results coming from a webservice, hope someone can help :

Let's see it with an example:

The variable that stores the number of elements of the search results array is called contentLenght.
Let's say that contentLenght equals 9. Then I need a div showing 6 elements an another sowing 3 elements.
If contentLenght equals 7, I need a div showing 6 elements an another showing one element.
If the value of contentLenght is 18, then I need three divs containing 6 elements each.. and so on.

Now the paging itself: if I have just one div there's no need for paging, but if I have two of more I have to show the page's numbers.
Then when a number is clicked the present div must hide and the div containing the elements for the page number should show.


Am I right with the approach?
I was about to paste some code but the only way I've come out with the six to six paging is with a long if else structure, and I'm sure there's a smarter way of doing it.


Thanks a ton in advance

Hi all,

I'm currently building a new search engine that will search around 15,000 products and would like some general advice as to the best way to approach it.

I want to offer instant results, so the user will click an icon and the results change, no submit buttons or postbacks.

My database is MS SQL and my frontend is ASP.Net, but for this I'm looking to develop the majority of the search functionality in JavaScript.

What I'm asking really is what people recommend for the best way to approach providing instant results.

My current thinking is an initial database query loads the data into XML, then use JavaScript and XSLT to filter the XML and display the results, then as filters change these can be handled by the JavaScript and XSLT rather than going back to the database.

Does anyone have any general advice on the best performing way to provide this sort of functionality that ultimately will give the quickest results?

Thanks in advance!

Hey there everyone.

I'm a bit of a newb with javascript and php so apologies if this question is a bit simple, although I can't get my head round how to go about doing it.

I have a search page where a user can type in a search box, or they can use an alphabetical list to search for the record they're looking for. Eg they click 'a' and all the records beginning with the letter 'a' appear.

I'd also like to have it so that each record has a number of tags, and I'd then like to be able to filter records according to which tags have been selected - preferably using checkboxes.

For example, perhaps the tags would be colours and the records represented shoes. There'd be checkboxes for blue, yellow, black, brown and so on. At first all colours would be shown, but if the user clicks on brown the all but the brown shoes dissappear.

like I say, I'm new to learning php so please be gentle. Also I'm using Cakephp so if there's anyway to make it easier using Cake then I'd love to know.

thanks

Hi all!,

I'm having a few challenges trying to create a link to a "new" search from a database search results page. This maybe a better example:

My goal is:
To allow website visitors to searches site for i.e. "Dog Collars", the results page lists every "dog collar" and store that carries "dog collars" (in database).

At that point I would like to have links (on the results page) to all brands of "dog collars" and stores that carry "dog collars".

I would like to then be able to click on a "brand" (text link) of "dog collars" and then generate a new results page that lists all store and vendor information.

thank you in advance!

Erick

p.s. this is a link to a site that has a similar featu http://69.0.211.58/~pubexpress/ami/html/index.html

I'd like to create two dropdown (select) lists with a search button next to it so if the user chooses A in the first list and C in the second list and clicks 'search', the results return items that relate to both A and C.

Practical Example:

User chooses "London" in the first dropdown and "Middle Schools" in the second.

Result returns the middle schools I've listed for London.

How can this be done or if it can't, is there another way to achieve what I want?

-edit- I found what I wanted he http://www.alistapart.com/d/complexd...ts&de=Pancakes

However, now my question is what would I put in for the form "action" to populate the results?

Please try a search on my webpage (search box is located at top of sidebar on the left): http://www.americanchic.net/help

Here is the code implemented on the search results page:

Code:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 500;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

The original code (from my Google custom search control panel) included a FrameWidth of 600 and I changed it to 500 but it didn't make a difference. Any ideas?

Hello,

I just created a new page topper for my website, and am new to javascript. I spent HOURS on designing all of the mouseover images that are on my website now, except there are spaces in between all of the images and I designed them to touch.

You can see what I am talking about on my website he http://www.corporateavedesign.com

I've tried everything in the code to get these images to touch. Can anyone help? Here is my code:

Code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://www.corporateavedesign.com/images/website-logoMO1.jpg";
staticImage1 = new Image();
staticImage1.src = "http://www.corporateavedesign.com/images/website-logo1.jpg";

loadImage2 = new Image();
loadImage2.src = "http://www.corporateavedesign.com/images/website-logoMO2.jpg";
staticImage2 = new Image();
staticImage2.src = "http://www.corporateavedesign.com/images/website-logo2.jpg";

loadImage3 = new Image();
loadImage3.src = "http://www.corporateavedesign.com/images/website-logoMO3.jpg";
staticImage3 = new Image();
staticImage3.src = "http://www.corporateavedesign.com/images/website-logo3.jpg";

loadImage4 = new Image();
loadImage4.src = "http://www.corporateavedesign.com/images/website-logoMO4.jpg";
staticImage4 = new Image();
staticImage4.src = "http://www.corporateavedesign.com/images/website-logo4.jpg";

loadImage5 = new Image();
loadImage5.src = "http://www.corporateavedesign.com/images/website-logoMO5.jpg";
staticImage5 = new Image();
staticImage5.src = "http://www.corporateavedesign.com/images/website-logo5.jpg";

loadImage6 = new Image();
loadImage6.src = "http://www.corporateavedesign.com/images/website-logoMO6.jpg";
staticImage6 = new Image();
staticImage6.src = "http://www.corporateavedesign.com/images/website-logo6.jpg";

// End -->
</script>

<!-- STEP TWO: Insert this code into the BODY of your HTML document  -->

<TD 
    style="BORDER-TOP: #000000 0px solid; BORDER-LEFT-WIDTH: 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM: #000000 0px solid; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #000000" 
    vAlign=bottom bgColor=#ffffff colSpan=2 height=10>
<CENTER>
<a href="http://www.corporateavedesign.com/" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://www.corporateavedesign.com/images/website-logo1.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/" onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;">
<img name="image2" src="http://www.corporateavedesign.com/images/website-logo2.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/pages/AboutUs.htm" onmouseover="image3.src=loadImage3.src;" onmouseout="image3.src=staticImage3.src;">
<img name="image3" src="http://www.corporateavedesign.com/images/website-logo3.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/contact.htm" onmouseover="image4.src=loadImage4.src;" onmouseout="image4.src=staticImage4.src;">
<img name="image4" src="http://www.corporateavedesign.com/images/website-logo4.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/pages/Portfolio.htm" onmouseover="image5.src=loadImage5.src;" onmouseout="image5.src=staticImage5.src;">
<img name="image5" src="http://www.corporateavedesign.com/images/website-logo5.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/category_36/Current-Price-List.htm" onmouseover="image6.src=loadImage6.src;" onmouseout="image6.src=staticImage6.src;">
<img name="image6" src="http://www.corporateavedesign.com/images/website-logo6.jpg" border=0></a>
</CENTER>

Please help if you can, I am desperate and my website looks crazy right now! THANKS!!!

I am using this: http://www.crowdsavings.com/open-source/drawbox (http://page-test.co.uk/jquery.drawbox.js is the main JS file).

It works fine on desktop browsers, but there is an issue on every Touch mobile phone I have tried. When you draw on the canvas and then go to click a button off the canvas, it doesn't work. You need to touch off the canvas and then the button.

So using the demo above, if you draw on the canvas and then click the 'Clear Canvas' button, it doesn't work and you have to press it again. I have tried setting focus on the body and also detecting what the focus is when a touch action is performed, but no luck. I know the entire screen is responsive to touch and mouse events, where I would have thought it best to just make the canvas section respond to touch/mouse events.

Hello, I have 2 things I'm trying to figure out.

1. First form on the page has questions with radio buttons. Each radio's value is a number so a score is assessed at the end.

2. Second form on the page is an email the admin form, which duplicates the score in one field.

Question: I would like to know how to write the form results to a text area in second form. However, I can't do this for one, and secondly, the value is a number, can I use labels?

Here's the code I've 'made up' so far...

JS (i know it's wrong)
Code:

<script LANGUAGE="JavaScript" type="text/javascript">
function display() {
  message = "<ul><li><b>Question 1: </b>" + document.quizform.Q1.label;
  message = "<li><b>Question 2: </b>" + document.quizform.Q2.label;
  message = "<li><b>Question 3: </b>" + document.quizform.Q3.label;
  message = "<li><b>Question 4: </b>" + document.quizform.Q4.label;
  message = "<li><b>Question 5: </b>" + document.quizform.Q5.label;
  message = "<li><b>Question 6: </b>" + document.quizform.Q6.label + "</ul>";
  document.write(message);
}
</script>

Form field example:
Code:

Question 1:<BR>
<label for="Yes"><input type="radio" name="Q1" value="0" checked></label>Yes<br>
<label for="No"><input type="radio" name="Q1" value="10"></label>No<br>
<label for="I don't know"><input type="radio" name="Q1" value="10"></label>I don't know<br>

Edit2:: This is what I got to work.
Code:

<INPUT class=touch type=button value='UP' onMouseDown="up=true;" onMouseUp="up=false;">
<INPUT class=touch type=button value='DOWN' onMouseDown="down=true;" onMouseUp="down=false;">

Then added a check to see if (up==true) {move up code}
else if (down==true) {move down code}
etc


Edit::

Basically Code:

<INPUT class=touch type=button value='38' onMouseDown="movingUP();">

Then in JS Code:

function movingUP(){
 window.event.keyCode = 38;
}

But what do I put in movingUP() to send keyCode 38 when while the button is being clicked?????????????????????





Trying to add 8 icons of W,A,S,D, LEFT, RIGHT, UP, DOWN which upon click/touch will input the relative command to the screen canvas for mobiles that don't have a keyboard.

They aren't clicking on the canvas. I need some buttons/icons/images outside the canvas probably in a div, that send input events as an alternative to a keyboard...Something that can be clicked and held down to repeatedly spam that key to walk in that direction.

I have script to click icons from a keyboard and output the clicked key to a text field, but I don't know how to tie it into my keyboard listener in my game..

My game code uses:
Code:

// Handle keyboard controls
var keysDown = {};
addEventListener("keydown", function (e) {
 keysDown[e.keyCode] = true;
}, false);
addEventListener("keyup", function (e) {
 delete keysDown[e.keyCode];
}, false);

Then elsewhere I can trigger events when keysDown contains the number of a key that triggers an item like:

Code:

if (38 in keysDown && hero.y > 0 ) { 	// Player holding UP key
 	//walk north code here
	}

Is there a simple way to click on a button and send the "UP" keyCode to the entire screen? Particularly the canvas element......Or get it into my keysDown[e.keyCode];


I found this: Quote:
function addKey(cKey)
{
d = document.forms["foo"].elements["bar"];
d.value = (cKey.value=='backspace') ? d.value.slice(0,-1) : d.value+cKey.value;
}

//elsewhere in html body
<INPUT class=touch type=button value=w onClick="addKey(this)">
which will send 'w' when clicked, and I tried to send '38' instead but it only sends it to 1 element and not the entire screen....so it shows 38 in a text box each time I click it but it doesn't actually send 38 to keys being pressed.

Is there a simple way to do this? I wanted to add a fire button and others I figured I could just put an image with an event but can't figure it out....

Hi developers

Needing some help.

My javascript/css drop down menu is not working on the ipad or other touch screen devices. It works fine on laptops & desktops which use a mouse.

I've discovered that this is because touchscreen devices like the Ipad do not recognise the onmouseover/onmouseout event handler that my script relies on. Is there any way I can modify my script so that it is compatiable both with traditional devices and touchscreen devices?

The code I am using is:
<script type="text/javascript"><!--
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();

// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}

// close layer when click-out
document.onclick = mclose;

//--></script>

Which drives the following html:

<ul id="links">

<li><a href="whats_new/whats_new.html">what's new</a></li>

<li><a href="#"

onmouseover="mopen('m1')"

onmouseout="mclosetime()">clothing</a>

<div id="m1"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="clothing/clothing_page1.html">clothing</a>

</div>

</li>

<li><a href="#"

onmouseover="mopen('m2')"

onmouseout="mclosetime()">accessories</a>

<div id="m2"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="bags/bags_page1.html">bags</a>

<a href="jewellery/jewellery_page1.html">jewellery</a>

</div>

</li>
</ul>

Any suggestions would be much appreciated.

Thank you.

Nonye