JavaScript - Passing A Url Parameter From Search Box Into An Iframe

Hi people,
I need help as follows:

On the server side I have a php generated session parameter.
I need to pass it to javascript on the client side page.

I saw on the web the following solution:

<script language="JavaScript">
var mySessionVar="<%= Session["MySessionVar"] %>";
</script>

I tried it but it did not work.

I could not find any explanation of this syntax - will appreciate one.

Any suggestions, maybe in another way?

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.

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!

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'm working on a 3 page survey. When hitting next, previous, or submit it passes the values of all the questions to the next page. I've got the whole thing working correcting except for one thing: When the box is "not" checked it passes no value. I'm needing it to have a value of "1" when checked and a value of "0" when not checked, and currently when its not checked and i pass the info it leaves it blank.

I'd post the whole code to one of the pages but it's long , so i'll post the snipits of the code.
Code:

<script type="text/javascript"> 
/* <![CDATA[ */
function processQueryString() {
var formData = location.search;
formData = formData.substring(1, formData.length);
while (formData.indexOf("+") != -1) {
	formData = formData.replace("+", " ");
}
formData = unescape(formData);
var formArray = formData.split("&");
for (var i=0; i < formArray.length; ++i) {
	//document.writeln(formArray[i] + "<br />");
	var sDataName = formArray[i].split("=")
	
switch (sDataName[0]) {

case ".lib_use":
     for (var j=0; j < document.getElementsByName(".lib_use").length; ++j) {
     if (document.getElementsByName(".lib_use").item(j).value == sDataName[1]) {
     document.getElementsByName(".lib_use").item(j).checked = true;
     //alert("lib_use set");
              }
 }
 break;
case ".lib_comp":
     if (sDataName[1] == 1) {
     document.getElementsByName(".lib_comp").checked = true;
     document.getElementsByName(".lib_comp").value= 1;
   } 
   else {
    document.getElementsByName(".lib_comp").checked = false; 
   document.getElementsByName(".lib_comp").value= 0;
 }			 
 break;	
default:
      alert("not caught = " + sDataName[0]);
       continue;
		
	}
}
}
/* ]]> */
</script>

<input type="checkbox" name=".lib_comp" id="lib_comp" value="1" />

The first case that i showed in my code is a radio button, and it passes correctly, i just wanted to show the "format" i was using in a working sense. The 2nd case is an example of the check boxes.

Thanks for looking at this, and giving any suggestions you might have!

Hi,

I have what I assume started as a simple error and then trying to fix it I think I have made things so complicated I've become confused. I have two fields, a drop down list and a text field, when someone clicks on a value in a drop down list (I will show the results eventually but at the moment) I just want the result to echo in my getCategory.php and the same for the text field. Both php pages are currently being called. And at the moment contain $_REQUEST['category'] and $_REQUEST['ProductName'] respectively. Nothing is being echoed.

I know the below code is wrong, but the more I try to correct it the worse it gets so I thought I would just leave it as is before I made it worse.

Code:

<script type="text/javascript">
function loadXMLDoc1(File,ID,Msg){
if (window.XMLHttpRequest)  {
  xmlhttp=new XMLHttpRequest();
  }
else {
	try{
  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }	
}

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(ID).innerHTML=xmlhttp.responseText;
    }
  }

var params=Msg;
xmlhttp.open("POST",File,true);

xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}

</script>
</head>
<body>
<label>Search by Category: </label>
<select name="category" id="category" onchange='loadXMLDoc1("getCategory.php","txtHint","category")' class="input">
<option value="please select"
selected"selected">Please Select</option>
<option value="Clothes" name="Clothes" id="Clothes">Clothes</option>
<option value="Bags" name="Bags" id="Bags">Bags</option>
<option value="Hats" name="Hats" id="Hats">Hats</option>
</select>
	<br />
<br />
<label>Search by name: </label>
<input type="text" class="input" name="ProductName" id="ProductName" value="Search" size="30"/>&nbsp<input type="button" value="Search" onclick="loadXMLDoc1('getProductName.php','txtHint', ProductName='(this.value)')" />
	<br />
	<br />
<div id="txtHint"></div>

Dear all,

I'm passing the variables myTitle and myLink to form.php using javascript.
This is the way I'm doing it:

Code:

<a href='form.php?title=" + myTitle +"&link="+myLink+">Click me</a>

It's working great but sometimes myTitle and myLink contain the plus character (+). When this happens it's not passed. In the case of the title, it's just a problem of looks but in the case of the link, well, the link won't work without the character.

As an example if the title is: Laptop + Accessories
What is passed is: Laptop Accessories

What can I do to pass also the plus character??
Thanks a lot!!

Hi all,

I hope you can help

I have some code which:

1) Opens a URL (e.g. google.com) in a hidden iframe, then
2) Redirects the visitor to a different URL (e.g. yahoo.com) after it has loaded...

This works exactly as I need.

What I'd like to do is the following:

1) Open a URL (e.g. google.com) in a hidden iframe, then
2) Redirect the visitor to a different URL (e.g. yahoo.com) in a full-screen iframe
3) The address bar of the full-screen iframe should be my domain (obviously!)

Here's what I have so far...

Hidden iframe -> New URL Code:

Code:

<html>
<body>
	<script type="text/javascript">

		var page_body = document.getElementsByTagName('body');
		var myframe = document.createElement('iframe');
		var id = Math.random();
		myframe.setAttribute('id', 'myFrame'+id);
		myframe.src = 'http://google.com';  //First open Google in hidden iframe 
		myframe.setAttribute('frameborder', '0')
		myframe.setAttribute('width', '0');
		myframe.setAttribute('height', '0');
		if (myframe.attachEvent)
			{
				myframe.attachEvent('onload', function()
					{
						top.location = 'http://yahoo.com';  //Once loaded redirect to Yahoo -- but the address bar shows yahoo.com -- I want the address bar to display mydomain.com/page.html 
					});
					}
		else if (myframe.addEventListener)
			{
				myframe.addEventListener('load', function()
					{
						top.location = ('http://yahoo.com');
					}, false);
					}
		page_body[0].appendChild(myframe);

	</script>
</body>
</html>

I have an example of some code which displays the full screen iframe, but my problem is...

...I can't figure out how to redirect to this after the hidden iframe has loaded

Here's an example of how I want the redirect to display -- after the initial hidden iframe has loaded:

Code:

<html>
<head>
	<script type="text/javascript">
 		function sendParams() {
 			document.body.style.overflow = "hidden";
 		}
	</script>
</head>
<body>
	 <!--Open Yahoo.com in a full screen iframe, and disable extra scrollbar --> 
	<iframe height="100%" width="100%" frameBorder="no" onload="sendParams()" src="http://yahoo.com"></iframe>
</body>
</html>

I've been beating my head against the wall today trying to figure this out, and I'm fresh out of ideas.

If you can help, you'll have some serious gratitude and good karma thrown your way!

Best wishes, and thanks in advance,
Paul

Is there a way to resize an iframe dynamically so that you never get the scroll bar and essentially hide that there is an iframe? Better integration really.

Basically I want to iframe a forum into my site so that the design down the sides and top which my friend does using iweb are not messed with.
We have a central area which can be longer or shorter depending on the forum.

Hi there everybody,
I've got this problem which I can't solve myself...

I've got a website which has 3 colums and is hosted on domain1.com. in the right column I've got an Iframe which loads content from domain2.com . this content are some textboxes and a datepicker tool. if I press the 'search'-button in this Iframe I would like to refresh the mainpage (from domain1.com) so that another Iframe appears in the middle column. in this column i would like to load a new form from domain2.com which contains the values that I've put in in the form from the right Iframe.

Unfortunally I can't get this to work... Will somebody please help me?

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,

I've had problems in the past understanding this, however, after reading this tutorial, I understand. In some languages, like VB6, I notice the "byVal" and the "byRef" is specifically used. In javascript, I don't notice those specifics typed in functions. Is the "default" by value when using in a function to change a parameter? If it is, what is the syntax for using by reference, or is that ever used?

My question arises from this notation taken from here:

Quote:
Note that it is the value that a has at the time that it is passed into the function that gets substituted into the argument and not the value that the original variable has at that point in the processing. It is the values in the parameters that the function uses and not the variables. This is called pass by value . In those languages where you can pass the actual variable into the function instead of just passing its value the method used to do so is called pass by reference . Had we been able to pass the variables into the function by reference rather than by value then the final value in b would have been -16 instead of -14.
Here is the example (passing by value):

Code:

function myfunction(y, z) {
  a += y;
  b -= z;
}


var a = 0;
var b = 10;
var c = 3;
var d = 4;
var e = 2;
myfunction(c, d);
myfunction(d, e);
myfunction(9, 2);
myfunction(b, a);

Results:
myFunction(c, d);	output:  0 +  3 = 3(y), 10 - 4 = 6(z)
myFunction(d, e);	output:  3 +  4 = 7(y),  6 - 2 = 4(z) 
myFunction(9, 2);	output:  7 +  9 = 16(y), 4 - 2 = 2(z)
myFunction(b, a);	output:  2 + 16 = 18(y), 2 -16 = -14(z)

Thanks!

I have used iframes for my site and found various javascripts so when a person clicks on say the audio page he http://www.krillmeed.com/index.html
it takes them to the audio page but will load it into the index.html page. The problem is, especially with search engines, to point to that page, this is what the URL looks like to send someone to that page:
http://www.krillmeed.com/?frame=0&sr...m%2Faudio.html
which is not very clean at all, this is the javascript that i found that at least works:

Child iframe script:

Code:

<script type="text/javascript">
(function(){
	var qstr = '?frame=0&src=' + encodeURIComponent(location.href),
	lre = new RegExp('^' + location.protocol + '//' + location.hostname + '(()|(/)|(/index.html)|(/index.php))(()|(\\' + qstr + '))$');
	if (!lre.test(parent.location.href)){
		top.location.href = '/' + qstr;
	}
})();
</script>

Parent iframe Script:

Code:

<script type="text/javascript">
(function(){
	function getQval(n) {
		if(typeof n !== 'string'){
			return null;
		}
		var r = new RegExp('[?&;]' + n + '=([^&;#]*)'), m = location.search;
		return (m = r.exec(m))? unescape(m[1]) : null;
	}
	var f = getQval('frame'), s = getQval('src');
	if(f && frames[f] && s && s.indexOf(location.protocol + '//' + location.hostname + '/') === 0){
		frames[f].location.href = s;
	}
})();
</script>

Is there a "cleaner" way of doing this? This was an old code, i have yet to find a more modern one. Thank you in advance.

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!-->

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