JavaScript - Get Variables From Iframe

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,

Not sure if I worded that question right. I have a web page which will display another web page in an iframe. But the content inside the iframe may change while the user interacts with it so I need to be able to resize the iframe height from code on the page inside the iframe. Any tips on how I can do that? I am using php and javascript. Thanks.

Hello to all and thanks in advance for my help. I know this has been posted in different places on the web but I have found no solid solution. Here is my problem:

I have an iframe the loads up a page on a remote server (out of my hands) and when I send certain information to it, the page redirects my entire site to their 404 page. I need to prevent this from happening so I engaged in much research and found this... temporary fix:

Code:

<script>
// No redirection! 
var prevent_bust = 0  
window.onbeforeunload = function() { prevent_bust++ }  
setInterval(function() {  
  if (prevent_bust > 0) {  
    prevent_bust -= 2
    window.top.location = 'http://www.mysite.com/my404.html'
  }  
}, 1)
</script>

What this code does, is that every time the unload of a page happens, it will redirect me to my404.html and this does solve the problem of the iframe trying to redirect my entire site but anytime a user tried to go to a new website by typing it in the address bar, they are redirected to my404.html.

Is there another solution for me so that the page within the iframe cannot redirect the parent page?

I have an iframe that is a specific height and width. I want to detect whenever the the iframe is no longer exactly the height i set it to. If a user has CSS turned off for example the iframe will be in default height and width. I want to detect that.

This is how you'd normally do it but this only returns the original size (try with 'no style' in Firefox):

Code:

function getSize()
{
alert('height is now '+document.getElementById("Iframemain").height)
alert('height is now '+document.getElementById("Iframemain").width)
}

Is it possible?

Hello....

I've 2 iframes. And i want to change the css class of second iframe anchor tag from the first.
Code:

 <div id="top-navigation" title="top-navi">
        <ul><li id="homePageLink" class="first">
                  <a  id="homePageTab"  class="navigation-font" href="</a>
              </li>
        </ul>
  </div>

In the above code how can i change the class="navigation-font" from the first iframe?

Please help....

Hi

I have a page with 3 iFrames, showing different content.

iFrame1: Here is a navigation php page. Click on a menu item and it loads a php page in iFrame2
iFrame2: Here is a list of items from a database.
iFrame3: I load 3 different php pages here. (A) is the main showing page. (B) and (C) is a record manipulation page, that does some editing in the database and then redirects to (A).

When the (A) php page loads, it should reload iFrame2

I have tried to put something like:
<body onLoad=parent.location.reload()>
and put it on the (A) php page.

This will reload the entire page, which works. However, it results in a loop of reloads, as the (A) iFrame file will load with the entire page reload...

So, I was looking for the right code to put, like onLoad=iFrame2.location.reload()

However, I can't seem to find the correct code, so I hope any of you can help me...

hello i am editing a javascript game and im trying to get a heading (h1) to display the value of a variable in a javascript function however everything i have tried always causes an error.

Any help will be apreciated.

I wrote a script: when the same button is clicked for the first time, it should give a message "Hello World", for the second time "hello Earth". The script is not working.
I don't want anybody to re-write the script, but to look at how i define variables and tell me where I am wrong. I think, this is where the main error is.

my current script just outputs the message "hello world".

my assumption is that functions can alter the value of a global variable.


Thank you very much.


Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> title</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
var count=0;

function changePar() {
if(count===0) 
first();


if(count===1) 
second();
}


function first() {
document.getElementById("changingParagraph").innerHTML="Hello World";
var count=1;
}

function second() {
document.getElementById("changingParagraph").innerHTML="Hello Earth";
var count=0;
}

</script>

</head>
<body>
<button onclick="changePar()">Click Here</button>
<p id="changingParagraph"></p>
</body>
</html>

I hope someone can help me!

I have a website that sells a product through a third party merchant - ie a customer clicks my "buy now" button and they are transfered to the merchants payment processing page. once the transaction is complete the customer is sent back to my thank you page where I give them some extra stuff for free.

All pretty normal I guess.

The problem is this - The merchant sends back some url parameters when they transfer the customer to the thank you page and I would now like to use the "customer name" parameter to personalise the thank you page to test if this makes any difference to my return rate.

Now, whilst I am not a complete newbie I haven't got a clue how to achieve this. What I want to do is have the page display:

"Hello [customer] .....etc..."

The customer name parameter is passed as "cname" and is one of about a dozen passed seperated, presumably, by "&"

Thanks for any help!

Paul

Hi All

Please could any one shed some light on the values of thirdVar fourthVar and fifthVar.

Am i correct to say that value of thirdVar is o cromwell

Any help and explanation would be great thanks.


var firstVar = 'oliver'

var secondVar = 'cromwell'

var thirdVar = firstVar.charAt (0) + '. ' + secondVar

var fourthVar = thirdVar.length

var fifthVar = 'The last character is' + thirdVar.charAt (fourthVar) + '!'

Noob here. Please bear with me.http://www.codingforums.com/images/smilies/tongue.gif

<span title="this is the title">....</span>

I need to use variables for the title instad of text.

Please advise. Thank you.

I am perplexed about this one.
Not sure if php is the best solution or maybe javascript.
( or both.)

I am writing a litle script that will go to my mysql table and take out
20 rows ( from about 10,000 rows ) based on the WHERE statement.

Then I want to step through these 20 rows displaying
just two filds in this fashion:

First, I want to display one field in a "box" ( using divs and css )
then wait for a form input.
Then while keeping the first displayed box and field
display the second field in a similar box a fee lines below.
Wait for a form input
update some data.

Then onto the next row.

If I use javascript then I could keep all the processing on one page and not have
to have server refreshes.

But how do I get these those array elements from
$row['field1'] and $row['field2'] into javascript vars ?

Is this the best way to do this ?

Or would php and having a couple of extra trips to the server
for form processing be better ?

Thanks for any input.



.

Hey,

I'm new here, have always browsed but never created an account until now. I am an avid PHP programming but Javascript is not my thing. I am working on a module for a website of mine and I can't seem to figure thing one thing out.


I have a module that competes a telephone verification and I would normally just use PHP but I am limited to the fact that I cannot alter or refresh the web page. I have a javascript module currently that people click a button and AJAX calls a serverside PHP script (which outputs a a random 4 digit code that it tells the user). That random 4 digit code is assigned to a global variable and then updating using the code ...

verification_code=page_request.responseText (Output of my PHP document through AJAX)

And then I have a textbox in which users input the 4 digit code (that the telephone script tells them). I have a variable called verification_input which is equal to the value of the textbox.

I've been debugging this for awile now, If i write something like this
Code:

alert (verification_input + " code: " + verification_code); 
	if(verification_code==verification_input){
							
			alert('success?');
			
	}

everything works except for the success alert. The only weird thing I notice is the output of the first alert will be something like

2637 code :
2637

which the second set of numbers being on the next line.

Any help would be appreciated. It's probably something simple

All,
I have the following code:
Code:

var http_request = false;
   function makePOSTRequest(url, parameters) {
	   alert(parameters);
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
         	// set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
	  
      http_request.onreadystatechange = alertContents;
      http_request.open('POST', url, true);
      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      http_request.setRequestHeader("Content-length", parameters.length);
      http_request.setRequestHeader("Connection", "close");
      http_request.send(parameters);
   }

   function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            result = http_request.responseText;
            document.getElementById('myspan').innerHTML = result;
         } else {
            alert('There was a problem with the request.');
         }
      }
   }
      
   function getjob(obj) {
	  var poststr = "job_id=" + encodeURI( obj );
      makePOSTRequest('getnextjob.php', poststr);
   }

I call the getjob but doing the following:
echo "<li><a href=\"#\" onclick=\"javascript:getjob($resultsetjob[job_id]); return false;\">$resultsetjob[name]</a></li>";

It's weird, only sometimes does it pass the variable and other times it doesn't. Is there a better way to do this??

Thanks in advance.

Hi,

I'm looking to use the document function in javascript to change the TYPE of an INPUT.

However I want to change the TYPE of the INPUT according to a variable passed to the javascript button, so i use:

document.formname.inputname.value="newvalue";

I want to be able to change what inputname is depending on what is passed to the function, but right now firefox is telling me that it's undefined.

Is there any way I can do this?

Thanks in advance,

Daniel