JavaScript - Submit Url To Iframe From Input Text Field

I'm creating a page that calculates a number depending on what value is inputted into a text field. I need to create some javascript that updates this new calculated value and outputs it next to the input field. Anytime the user changes the number, it recalculates the value. My calculation is currently being produced by PHP, however if I need to, I can create javascript as well to recalculate these numbers.

My formulas for all 4 calculations are as follows:

First: Inputted Value * 10
Second: Inputted Value * 20
Third: Inputted Value / 2
Fourth: Inputted Value * 2

Here is my code I'm working with:

PHP Code:
<?php
session_start();
$username = $_SESSION['username'];

include_once('inc/connect.php');

$credquery = mysql_query("SELECT * FROM userstats WHERE username='$username'");
$row = mysql_fetch_assoc($credquery);

$credits = $row['credits'];
$bannercredits = $row['bannercredits'];
$textcredits = $row['textcredits'];

$sitetobanner = $_POST['sitetobanner'];
$sitetotext = $_POST['sitetotext'];
$bannertotext = $_POST['bannertotext'];
$texttobanner = $_POST['texttobanner'];

if (isset($sitetobanner)){

$bannerimp = round($_POST['bannerimp']);
    if ($bannerimp > 1){
        $s = "s";
    }
    if ($bannerimp <= $credits){
        $newcredits = $credits - $bannerimp;
        $newbannercredits = $bannerimp * 10;
        $totalbannercredits = $bannercredits + $newbannercredits;
        
        $updatebanner = mysql_query("UPDATE userstats SET credits='$newcredits', bannercredits='$totalbannercredits' WHERE username='$username'");
        
        $credits = $row['credits'];
        $bannercredits = $row['bannercredits'];
        $textcredits = $row['textcredits'];

        $convertedbanner = "You converted ".$bannerimp." credit".$s." into ".$newbannercredits." banner impressions";
        
    }
    else{
    if ($credits>1){
    $mycredits = $credits - 1;}
    $errorbanner = number_format($mycredits, 0, '.', '');

    }

}


if (isset($sitetotext)){

$textimp = round($_POST['textimp']);
    if ($textimp > 1){
        $s = "s";
    }
    if ($textimp <= $credits){
        $newcredits = $credits - $textimp;
        $newtextcredits = $textimp * 20;
        $totaltextcredits = $textcredits + $newtextcredits;
        
        $updatebanner = mysql_query("UPDATE userstats SET credits='$newcredits', textcredits='$totaltextcredits' WHERE username='$username'");
        
        $credits = $row['credits'];
        $bannercredits = $row['bannercredits'];
        $textcredits = $row['textcredits'];
        
        $convertedtext = "You converted ".$textimp." credit".$s." into ".$newtextcredits." text ad impressions";
        
    }
    else{
    
    if ($credits>1){
    $mycredits = $credits - 1;}
    $errortext = number_format($mycredits, 0, '.', '');
    
    }

}


if (isset($texttobanner)){

$texttobannerimp = round($_POST['texttobannerimp']);
    if ($texttobannerimp > 1){
        $s = "s";
    }

    if ($texttobannerimp <= $textcredits){
        if ($texttobannerimp>=2&&$texttobannerimp>""){
        $newcredits = $textcredits - $texttobannerimp;
        $newbannercredits = $texttobannerimp / 2;
        $totalbannercredits = $bannercredits + $newbannercredits;
        
        $updatebanner = mysql_query("UPDATE userstats SET textcredits='$newcredits', bannercredits='$totalbannercredits' WHERE username='$username'");
        
        $credits = $row['credits'];
        $bannercredits = $row['bannercredits'];
        $textcredits = $row['textcredits'];
        
        $convertedtextimp = "You converted ".$texttobannerimp." text ad impression".$s." into ".$newbannercredits." banner impressions";
        }
        else{
            $convertedtextimp = "You Hag";
        }
    }
    else{
    
    if ($textcredits>1){
    $mycredits = $textcredits - 1;}
    $errortextimp = number_format($mycredits, 0, '.', '');
    
    }
}


if (isset($bannertotext)){

$bannertotextimp = round($_POST['bannertotextimp']);
    if ($bannertotextimp > 1){
        $s = "s";
    }
    if ($bannertotextimp <= $bannercredits){
        $newcredits = $bannercredits - $bannertotextimp;
        $newtextcredits = $bannertotextimp * 2;
        $totaltextcredits = $textcredits + $newtextcredits;
        
        $updatebanner = mysql_query("UPDATE userstats SET bannercredits='$newcredits', textcredits='$totaltextcredits' WHERE username='$username'");
        
        $credits = $row['credits'];
        $bannercredits = $row['bannercredits'];
        $textcredits = $row['textcredits'];

        $convertedbannerimp = "You converted ".$bannertotextimp." banner impression".$s." into ".$newtextcredits." text impressions";
        
    }
    else{
    
    if ($bannercredits>1){
    $mycredits = $bannercredits - 1;}
    $errorbannerimp = number_format($mycredits, 0, '.', '');
    }
}



?>
<html>
<head>
<title>Convert Credits</title>
<script type="text/javascript" language="javascript">
function inputLimiter(e,allow) {
var AllowableCharacters = '';
if (allow == 'NumbersOnly'){AllowableCharacters='0123456789.';}

var k;
k=document.all?parseInt(e.keyCode): parseInt(e.which);
if (k!=13 && k!=8 && k!=0){
if ((e.ctrlKey==false) && (e.altKey==false)) {
return (AllowableCharacters.indexOf(String.fromCharCode(k))!=-1);
} else {
return true;
}
} else {
return true;
}
}

</script>
</head>
<body>
<h1>Convert Credits</h1><br />
Credits: <?php echo $credits; ?><br />
Banner Impressions: <?php echo $bannercredits; ?><br />
Text Ad Impressions: <?php echo $textcredits; ?><br />

<form action="convert.php" method="POST">
    <h3>Credits To Banner Impressions</h3>
    Convert <input type="text" name="bannerimp" id="NumbersOnly" onkeypress="return inputLimiter(event,'NumbersOnly')" value="<?php echo $errorbanner; ?>" onChange=""> credits into BLANK Banner Impressions! 
    <input type="submit" name="sitetobanner" value="Convert"><br />
    <?php echo $convertedbanner; ?>
</form>

<form action="convert.php" method="POST">
    <h3>Credits To Text Ad Impressions</h3>
    Convert <input type="text" name="textimp" id="NumbersOnly" onkeypress="return inputLimiter(event,'NumbersOnly')" value="<?php echo $errortext; ?>"> credits into BLANK Text Ad Impressions! 
    <input type="submit" name="sitetotext" value="Convert"><br />
    <?php echo $convertedtext; ?>
</form>

<form action="convert.php" method="POST">
    <h3>Text Ad To Banner Impressions</h3>
    Convert <input type="text" name="texttobannerimp" id="NumbersOnly" onkeypress="return inputLimiter(event,'NumbersOnly')" value="<?php echo $errortextimp; ?>"> Text Ad Impressions into BLANK Banner Impressions! 
    <input type="submit" name="texttobanner" value="Convert"><br />
    <?php echo $convertedtextimp; ?>
</form>

<form action="convert.php" method="POST">
    <h3>Banner To Text Ad Impressions</h3>
    Convert <input type="text" name="bannertotextimp" id="NumbersOnly" onkeypress="return inputLimiter(event,'NumbersOnly')" value="<?php echo $errorbannerimp; ?>"> Banner Impressions into BLANK Text Ad Impressions! 
    <input type="submit" name="bannertotext" value="Convert"><br />
    <?php echo $convertedbannerimp; ?>
</form>

</body>
</html>

I am looking for an input text that links to a iframe. . ?

To begin, we need some simple HTML elements:

A basic form;
An Input text that will contain the URLs we want to use;
An iFrame that will display the page we select from the input text.

Thanks in advance

Stickers

well title says it all

i have a search form, and the default value is "enter text here"

when the user click the submit button, i would like to check if the value of my text input is "enter text here" and if it is, then don't submit the form (popup a warning or something)

how can i do that?

thanks a lot!

Hi all,

Thanks for reading. I'm having an issue trying to accomplish the following -

I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after.

This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly?

Code:

<script language="javascript">

fields = 1;

function addMore() {

if (fields = 1) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";

fields = 2;

} else if (fields = 2) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;

} else {

document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;

}

}

</script>

Here is the code in my HTML -

Code:

<input type="text" name="field1" size="25" /> <span>Field 1.</span>
<div id="addedMore"></div>
<p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p>

Thank you very much.

I've got the following 2 fields in my form:

<input type="file" name="filename" id="filename" value="filename">
<input type="submit" name="submit" value="Upload Image" />

Now I want to hide both of them as soon as the submit button is pressed. Problem is that I'm a javascript noob and I can't find it with google :S

Can someone help me?

Hi,

I have a form that when you click submit gives a warning box asking if to continue code below

Now when I type in the text field and press enter it doesn't submit nor does it pop up the warning box, how would I do this


Code for submit button
Code:

<script LANGUAGE="JavaScript">
<!--
function submitMyForm()
{
var agree=confirm("ARE YOU SURE ?");
if (agree)
return true ;
else
return false ;
}
// -->
</script>

Code:

<form action="admin-delete.php" method="post" name="cp_delete" id="cp_delete">
<input type="text" name="cp_delete_bg" id="cp_delete_bg">
<input type="submit" name="submit" value="submit" onclick="return submitMyForm()"/>
</form>

I have a text field, call it income, that when the input is > 0 I need to dynamically show the next text box, and if it is blank hide the next text box. I would like to use onBlur but can't seem to get it to work.

Can I do this?

Help

Hi all

can someone guide me (total JS newbie) on this presumably pretty easy task?

I have a "parent" page with some text inputs in it (a form). This is what I am after:
-when the user clicks a link it pops open a new window via JS - "child" (this is working).
-in the "child" window there are also some text inputs (another form) (done).
-when the user changes the value for 'testChild_textInput_4' in the child window, then I want it to automatically set this same value, to effectively overwrite, what is currently in 'testParent_textInput_2' in the parent window.

Presumably this involves an onChange event, but it is also OK with me if the needful (the text input's value in the parent window being overwritten) happens upon the child window's form submit. If anyone can show me either trick, I would be thrilled!

I set up a test page to make this all easy to talk about:

http://www.yellow-turtle.com/testDumpMe_parent.html

Please let me know!
Thanks!
-John

I am thinking this should be fairly easy but yet I am not getting far. I want to have a form with a single text imput field for a zip code. Depending on which zip code the user enters will determine which url they will be sent to. If they enter a zip code which is not in the script, they would be sent to a default url.
I am also assuming this can be accomplished with javascript.

Any help is greatly appreciated.

Hello i am using a simple calendar date picker in which when u click a date is displayed in an input field.
Using a javascript i am trying to retrieve data from a second page using this value but probably i am doing something wrong.

1st page:
Code:

<script type="text/javascript">
 function showCustomer(str)
 {
 if (str=="")
   {
   document.getElementById("txtHint").innerHTML="";
   return;
   }
 if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("GET","check6.asp?q="+str,true);
 xmlhttp.send();
 }
 </script>
</head>
<body>
<form>
    Check in: 
    <input onchange="showCustomer(this.value)" size="22" id="f_date1" /><button id="f_btn1">...</button> 
    <script type="text/javascript">//<![CDATA[
      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "f_date1", "%Y-%m-%d");
    //]]></script>
</form>
 <br />
 <div id="txtHint">here...</div>
</body>
 </html>

and in second one i am trying to get date like this:


Code:

sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price,details FROM dbo.rooms, dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and '" & request.querystring("q") & "' not between checkin and checkout"

Hello all, i need a help that i have a submit form a iframe.

Normally the code process is :
Code:

<a href="submit_news7c98.html?iframe=true&amp;width=420&amp;height=560" name="submit_news" class='ie6fix' id='submit_news' rel="prettyPhoto">Submit Query</a>

Now iframe load and form process to form_process.php and then when i click submit the form process to form_process2.php now i will able to close the iframe after submit.

I have tried simple javascript solution like body onload function timer function but they only work with if the open the submit_news7c98.html page direct it is not working when i am opening it as iframe from my site.

so anybody can help me on this ?

Hello

Having problems with the following...a client needs me to replicate this contact page:

http://www.ravenrow.org/contact/

In particular he wants the subscribe/unsubscribe to appear only when one enters text into the text field (as it does here).

I have recently changed from using tables to div tags but this was the first website where I started to experiment with divs. Unfortunately therefore it is a mixture of tables and divs. But here is my page:

http://www.rowingpresents.com/contact.html

Can someone tell me what I need in my code to have to subscribe/unsubscribe appear and disappear as it does at ravenrow.org.

Many thanks

S

I'm new in web-development. I've searched it but it's not found. I make a input then how i get value of it for javascript value?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<script type="javascript/text">
			<!--
				function clearInputField( input, def )
					input = document.getElementById( input );
					if ( input.value == def ) {
						input.value = '';
					}
				
				}
			-->
		</script>
	</head>
	<body>
		<b>Testing Input</b>
		<input id="input" onclick="JavaScript: clearInputField('input', 'Enter Text');" type="text" size="31" value="Enter Text"  />
	<body>
</html>

This gives me a "Uncaught ReferenceError: clearInputField is not defined" error and I'm not sure why...?

Hi all,

I have an iframe on my page and I added the following code to detect the iframe file height to avoid scrolling which is working fine.

Code:

<script type="text/javascript">
		function setIframeHeight(iframeName) {
		  //var iframeWin = window.frames[iframeName];
		  var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
		  if (iframeEl) {
		  iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
		  //var docHt = getDocHeight(iframeWin.document);
		  // need to add to height to be sure it will all show
		  var h = alertSize();
		  var new_h = (h-148);
		  iframeEl.style.height = new_h + "px";
		  //alertSize();
		  }
		}

		function alertSize() {
		  var myHeight = 0;
		  if( typeof( window.innerWidth ) == 'number' ) {
		    //Non-IE
		    myHeight = window.innerHeight;
		  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		    //IE 6+ in 'standards compliant mode'
		    myHeight = document.documentElement.clientHeight;
		  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		    //IE 4 compatible
		    myHeight = document.body.clientHeight;
		  }
		  //window.alert( 'Height = ' + myHeight );
		  return myHeight;
		}
	</script>


<body onload="setIframeHeight('ifrm');">


<iframe name="ifrm" id="ifrm" src="http://thirdpartywebsite.com/search.htm" width="948" frameborder="no" scrolling="no" style="margin-top:45px; margin-left:10px; align="center">
</iframe>

There is a form in the iframe and it is coming from a third party web site which I have no access.

My problem is when a client submits the search form in the iframe search results page is higher than the search main page and half of search results page is not shown. Is there a way to sense that the page in the iframe is changed and resize the iframe height accordingly?

Thanks
Ceyhun