JavaScript - Firefox Unable To Identify Iframe

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?

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.

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.

Hi guys,

My brain is not working. May be I need a coffee break.
I need your expertise.

Below is the code holding the textarea.
Look for the element with the id : themessage
Code:

<table width="100%" border="0">
<tr><td rowspan="4"><input type="button" name="send_email" id="send_email" style="height:50px; width:100px;" value="SEND" onClick="return err_check();" /></td><td><span class="que">From : </span></td><td colspan="3"><?php echo $from_email; ?><input type="hidden" name="from_mail" id="from_mail" value="<?php echo $from_email;?>"/><input type="hidden" name="camp_id" id="camp_id" value="<?php echo $camp_id;?>"/></td></tr>
<tr><td><span class="que">To : </span></td><td colspan="3"><input name="to_email" id="to_email" style="width:250px;" /></td></tr>
<tr><td><span class="que">CC : </span></td><td colspan="3"><input name="cc_email" id="cc_email" style="width:250px;"/></td></tr>
<tr><td><span class="que">Subject : </span></td><td colspan="3"><input style="width:300px;" name="subject" id="subject" /></td></tr>
<tr><td rowspan="1" colspan="2">&nbsp;</td><td><input type="checkbox" name="ori_pdf" id="ori_pdf" /> PDF Quotation</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td colspan="2"><span class="que">Credit Application</span></td><td><input type="checkbox" name="corporate" id="corporate"/>Corporate</td><td><input type="checkbox" name="individual" id="individual" />Individual</td><td><input type="checkbox" name="cash" id="cash" />Cash Account</td>
</tr>
<tr>
<td colspan="2" rowspan="3"></td><td><input type="checkbox" name="tabloid" id="tabloid" />Tabloid Example</td>
<td><input type="checkbox" name="broadsheet" id="broadsheet" />Broadsheet Example</td></tr>
<tr><td><input type="checkbox" name="colmt" id="colmt" />Column Sizes Tabloid</td>

<td><input type="checkbox" name="colmb" id="colmb" />Column Sizes Broadsheet</td></tr>
<tr><td><input type="checkbox" name="maps" id="maps" />Maps / Distribution</td><td colspan="2" align="right">External Attachments&nbsp;&nbsp;<input id="upload_file" name="upload_file" type="file"/> </td></tr>

<tr><td colspan="2"><span class="que">Message :</span></td><td colspan="3">
	<textarea id="themessage" name="themessage" rows="15" cols="80" style="width: 100%">
	</textarea>
</td></tr>
</table>

Now on a button click, I'm trying to pass some values which one of them happens to be what ever that is entered in the textarea.
For some reason, the stupid JS is not reading. But I think it is me that is stupid, not JS.

Below is the code i'm running to get the value.

Code:

var message = document.getElementById('themessage').value;
alert(message);

The alert simply returns blank.
There is an alert, but no value even where there is text in the text area.

Can someone please shed some light on this.
pretty please

Hi all!

I created a form where users are allowed to delete a specific row of data by clicking the "cancel" button from the drop down menu. However, I have a problem deleting my data using the javascript. Apparently, I only able to delete the first row of the data but not for the rest!

The following is the code i have:


PHP Code:
<html>
<body style="background-color:#E0FFFF;">


<script language="javascript" >
<!-- hide
function submitRequest(val) {
document.forms[0].submit();
}

// end hide -->
</script>

<?php

$con = mysql_connect("localhost","root","");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("my_course", $con);

$result = mysql_query("SELECT * FROM Courses ORDER BY Year, Sem, CourseCode");
$result1 = mysql_query("SELECT * FROM Courses ORDER BY Year, Sem, CourseCode");

echo "<table border='1' cellpadding='2' cellspacing='0'>
<tr>
<th>CourseCode</th>
<th>CourseName</th>
<th>Year</th>
<th>Sem</th>
<th>Grade</th>
<th>Option</th>
</tr>";

?>

<?php

while($row = mysql_fetch_array($result))
{
  echo "<tr>";
  echo "<td>" . $row['CourseCode'] . "</td>";
  echo "<td>" . $row['CourseName'] . "</td>";
  echo "<td>" . $row['Year'] . "</td>";
  echo "<td>" . $row['Sem'] . "</td>";
  echo "<td>" . $row['Grade'] . "</td>";
  echo "<td>";

?>
<?php
?>

         <form name="form1" action="submitDelete.php" method="post">
       <select name="cancel" onchange="submitRequest(this.value);">
       <option value=> </option>
     <option value="<?php echo $row['CourseName'];?>">Cancel</option>
         </select>
         </form>

<?php
  echo "</td>";
  echo "</tr>";
  }

echo "</table>";

mysql_close($con);
?>
    
<br/>
<br/>

</body>
</html>

Thanks in advance!

I'm relatively new to javascript and I'm having some issues in adding linebreaks i.e. working <br> tags via DOM manipulation. An example of where I cant get it to work is included in the function code below. The html file the script is used in contains one div with an id of pfield. If its helpful the full program is available at http://www.templeofmick/wumpus3.htm

Code:

function printHints() {

   var vFlags = [0, 0, 0]; //Wumpus, Pit, bat
   var wFlag = 0; //Use flags to insure each hint isnt printed multiple times
   var pFlag = 0;
   var bFlag = 0;
   var node;
   var i;
   var pbreak = document.createElement("br");
   var turnP = document.createElement("p");
   var idString = ("turn" + turn);

   turnP.setAttribute("id", idString);
   document.getElementById("pfield").appendChild(turnP);

   for (i = 0; i < 3; i++) {

   vFlags = checkRoom(currentMap[currentRoom][i]);

   if (vFlags[0] === 1) {
       wFlag = 1;
       }

   if (vFlags[1] === 1) {
       pFlag = 1;
       }

   if (vFlags[2] === 1) {
       bFlag = 1;
       }

   }

   node = document.createTextNode("You are in room " + currentRoom + ".");
   document.getElementById(idString).appendChild(node);
document.getElementById(idString).appendChild(pbreak);

   node = document.createTextNode("From here you can travel to room : " + currentMap[currentRoom][0] + "," + currentMap[currentRoom][1] 

+ " and " + currentMap[currentRoom][2] + ".");
    document.getElementById(idString).appendChild(node);
   document.getElementById(idString).appendChild(pbreak);

   if (wFlag === 1) {
       node = document.createTextNode("The acrid stench of a nearby wumpus fills your delicate nostrils.");
       document.getElementById(idString).appendChild(pbreak);
       document.getElementById(idString).appendChild(node);

   }

   if (pFlag === 1) {
       node = document.createTextNode("The whistling of the wind indicates that floors are in short supply nearby.");
       document.getElementById(idString).appendChild(pbreak);
       document.getElementById(idString).appendChild(node);

   }

   if (bFlag === 1) {
       node = document.createTextNode("You can hear the mailicious gossiping of giant bats coming from a nearby room.");
       document.getElementById(idString).appendChild(pbreak);
       document.getElementById(idString).appendChild(node);

   }

   node = document.createTextNode("What now ? (M)ove or (S)hoot");
   document.getElementById(idString).appendChild(pbreak);
   document.getElementById(idString).appendChild(node);


}

Hello.

I'm trying to set up a login formular with PHP and JavaScript/jQuery. Currently it sends an alert box, if some information are wrong. If correct, it refreshes the page, and everyone's happy.

However, I noticed upon the first visit, I cannot log in. Lets say I go to www.mysite.com and try to login, it displays a blank alert box, when it's suppose to display the username, that I supplied, and is wrong... however, it's blank.

BUT! If I go to another page and login with false informations, an alert box with the wrong username pops up - if I login with correct informations, it works.

How come it won't work on first visit? What am I doing wrong here? Pressing F5 won't work either - I have to manually switch to another page for it to work.

Any suggestions and ideas are welcome and appreciated. I'll supply the codes necessary for anyone to help me, but at this point I'm completely blank on which of my codes may be the problem.


EDIT - IMPORTANT INFORMATION! Now THIS is weird! I just noticed it's because there's not www. in the URL. There has to be www. for it to work, why is this? I forced the client to have www. in the URL with .htaccess, but I'd still like to know, why this problem occurs without it.

edit: I further identified the problem.

Hi, I'm new to JavaScript and I'm having problem with appending a div node returned from a function.

Here's where it crashed:
Code:

var div=document.getElementById("dashboard_secondary_cat_list");
var s=get_secondary_cat_node(attributes);
alert("b4 appendin:"+s);
div.appendChild(s);
alert("done appendin");

alert("done appendin"); never gets called because the previous line crashes.
alert("b4 appendin:"+s); shows: b4 appendin:[object HTMLDivElement]

I am restarting a thread because as a result of acting on all of the suggestions I have received the nature of the issue has changed.

I am trying to create a button and add it to the DOM under IE7. The code works fine under Firefox:

Code:

	var editButton		= document.createElement("button");
	editButton.name		= "editCitation" + rowNum;
	try {
	editButton.type		= 'button';
	} catch(e) {       // IE7 throws this exception
	    alert("citTable.js: gotAddCit: unable to set type for <button name='editCitation" + rowNum + "' type=" + editButton.type);
	}
	editButton.onclick	= editCitation;
	editButton.appendChild(document.createTextNode('Edit Citation'));
	td1.appendChild(editButton);

I am creating a <button> rather than an <input type=button> because a <button> permits HTML in the button label. Most of my buttons support Alt keyboard shortcuts, so I want to underline the appropriate letter in the label.

According to the HTML 4.01 specification, which is as close to a standard as IE7 supports, a <button> can be one of three types: submit, reset, or button, and the default is submit. Since I wish to create a <button type=button> I therefore, at least theoretically, need to be able to set the value of the type attribute. However IE7 throws an exception at that point, although, interestingly, when I interrogate the value of editButton.type in the catch it is set to button.

So how do I reliably set the type of a button under IE7?

http://www.codetoad.com/javascript/e...rm_element.asp

I tried to use the code in the above link but it is not changing the button to enabled.

http://realistichostings.com/b/searc...?cat=Adhesives

when i change the value in the select i am wanting the 'add' button to become enabled.


i get the following erro in eror console..

Error: missing ; before statement
Source File: http://realistichostings.com/b/searc...?cat=Adhesives
Line: 1, Column: 14
Source Code:
document.form1.3552.disabled=false;

http://jsfiddle.net/FZ44M/3/

Thats my jsfiddle.

I'm trying to get the gallerynav to sort the thumbnails based on their class.
It does not work at all.
I've gone over line by line but I can't see the mistake.

When I run JSLink i get the error:
Error:
Problem at line 37 character 14: Cannot set property 'first' of undefined
Implied global: $data 13,14, arr 14,15,25, jQuery 28, $ 30
Unused variable: read_button 30 "$", r 32 "read_button"

I appreciate any help.

Hi,

I am not able to submit the page details in IE 6 since am getting Javascript error: "unknown name" while submitting the page. If i press submit button for second time getting javascript error "Permission Denied". I tried to submit the details in IE 7 aswell the same error occurs.

But i tried to submit the page in FireFox, its worked great... submitted without any error and the details saved in the database.

I dont understand why the details are not submitted through IE6. Please assist on this.


rgds,
Ganny.

This is my first time posting, so please let me know if I am doing things as expected.

When users click on a "Was this helpful?" link, an e-mail message displays with the page title (accomplished using a JS function). I want to put this is an external file so that it only needs to be updated once.

Here's the code in the feedback.js file:
Code:

function feedback()
{
	mail_str = "mailto:feedback@company?subject=Page Title: " + document.title;
	mail_str += "&body=Thank you for your input.";
	location.href = mail_str;
}

And here's the code in the page:
Code:

<script src="feedback.js" type="text/javascript"></script>
...
Was this topic <a href="javascript:feedback()">helpful?</a>

When I do this, an "object expected" error displays. When I put the code inside of the header, it works fine. What gives?