JavaScript - Auto Increment Id For A Javascript Generated Checkbox List (input)

Hello,

I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible.

I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading:

Code:

<td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td>

The Javascirpt is the Facebook Share button that basically allows users that have Facebook to share the page there currently on in their Facebook status by pressing the button, but if there not logged in it shows the login page, not a problem just continue the script.

The current button i which is what i want to load automatically in the PHP file is located here, to test the functionalilty just click "Share" button in blue..

http://watch-movies-online.anyfilman...-Movie-17.html

To summarise, i would like the above Javascript code to execute automatically upon pageload of this PHP file.. http://www.watch-movies-online.anyfi...p://google.com.

If that could be done, and if this also is possible.. i would like for the "Share" button on the external page that is loaded from the Javascript code above to be clicked automatically so in effect when ever someone visits the PHP page after clicking "Click Here to Watch/Stream 2012 Online For Free" on this page it will automatically load the Facebook Share box, and automatically click the "Share" Button and then close the page if possible, but not required.

Please feel free to ask any questions, i'll be happy to answer.

Thanks in advance.

Best Regards,
Jonathan.

I'm new here and this is my first post, I hope I can find help here.

How can i dynamically generate this type of form element in javascript, including the table rows and columns enclosing the form elements and whenever that 'Add More' button is clicked, a new instant of the same form will generated and select drop down list populated.

I have try to google for solution, but without success.

I code in PHP, but i need it to integrate in my code.


Thanks for your help.

Does anyone know how to go about getting a function a bit like fckeditor / ckeditor where when you type a full URL into the 'link to' box it automatically removes the 'http://' part on the fly (i.e. as soon as another character after the initial 'http://' is typed), just leaving the user with www.etc.... in the input?

I am trying to build something similar, and am a bit lost going through the fckeditor code!

Thanks,
Neil

Hi all,

I am trying to find out if it's possible to auto populate a text input based on the value of another.

e.g. there is an input called name.. the user completes this and enters something like John, then in the same form there is another input called username. Once the person enters John in the name field, the username automatically displays John.

I'm not sure how doable this is, I'm not very familar with Javascript, so any advice would be greatly appreciated.

Many thanks,

Greens85

print "<Font face=\"calibri, Arial\"><table id=\"rnatable\" border=2px width=100%>";
print "<th></th>";
print "<th>a</th>";
print "<th>b</th>";
print "<th>c</th>";
print "<th>d</th>";
print "<th>e</th>";
print "<th>f</th>";
print "<th>g</th>";

while($array = mysql_fetch_array($sql_query))
{
$id=$array['a'];
print "<tr id=\"newtr\">";
print "<td><input id=\"check\" type=\"checkbox\" name=\"keyword[]\" value=\"$id\" ></td>";
print "<td>".$array['a']."</td>";
print "<td>".$array['b']."</td>";
print "<td>".$array['c']."</td>";
print "<td>".$array['d']."</td>";
print "<td>".$array['e']."</td>";
print "<td>".$array['f']."</td>";

print "<td>
<a href=\"http://localhost/rnasearch/retrieve.php?a=$id\">bla</a>
</td></tr></font>";

}

print "</table>";
}

this is part of a php searchengine script that i wrote to retrieve data from a database and as you can see the last column that is g contains a link which when clicked takes the user to the second php script which retrieves additional information of that entry, but this is done for only single entries so as you can see i introduced checkboxes so that the user can check any number of checkboxes and retrieve information as per their wish

now to do this i created a <input type=text where i want the value of these checkboxes i.e. $id to be posted in a delimited format so that the user can then click the corresponding button and retrieve the information this is the code

<div id="floatMenu">
<ul class="menu1">
<center><li><form name="senddata" method="POST" action="http://localhost/retrieve.php" style="display:inline;"><input id="fasta" type="text" class="multitext"><input name="Fasta" type="Submit" value="Retrieve Fasta"></form>

this is a css floating menu....so far so good....everything went fine....
after this i had to write a javascript to do this and i've been stuck there searching forums for the last 4 days!

this is the javascript i found from somewhere which came close to doing wht i wanted it to do

window.onload = function () {
var cb = document.getElementById('check');
var fasta = document.getElementById('fasta');
cb.onclick = function () {fasta.value = cb.value + ",";
};};

this script only sends the value of the first checkbox in the table, the others are not found by it, mind you its not the first checkbox selected its the first checkbox that is present in the table

how can i resolve this problem so that even if i have n number of checkboxes in my table, if the user chooses to do so they can retrieve n number of information....please help i've almost lost hope in this!

Hi..

I have forms and I only need to input is the Demanded Qty, and from Demanded Qty that I input it will compute the demanded qty for each Item Code.

Now my problem is I don't know on how can it possible that while i input the quantity it will also autodisplay the demanded qty for each materials.

Noted: the Demanded Qty that will auto display is display only on the Demanded Qty you input per Items.
For Example:

On Item = P28 i input demanded qty, only on the ItemCode will display the output.

and when i input on P30 the computation will display on the ItemCode for P30.

here is my code:

PHP Code:
<?php                                                                          
   error_reporting(0);
   date_default_timezone_set("Asia/Singapore"); //set the time zone  
$con = mysql_connect('localhost', 'root','');

if (!$con) {
    echo 'failed';
    die();
}

mysql_select_db("mes", $con);
?>
<html>
<title>Stock Requisition</title>
<head>
<link rel="stylesheet" type="text/css" href="kanban.css">

<script type="text/javascript">
function compute_quantity(){
    var DemandedQty = document.getElementById('DemandedQty').value;
    var Quantity = document.getElementById('Quantity').value;
    
    var SubQty = (DemandedQty * Quantity);
}
</script>
</head>
<body>
<form name="stock_requisition" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
 <div>
<table>
<thead>
<th>Items</th>
<th>Sub Items</th>
<th>Item Code</th>
<th>Demanded Qty</th>
<th>UoM</th>
<th>Class</th>
<th>Description</th>
<th>BIN Location</th>
</thead>
<?php

$DemandedQty = $_POST['DemandedQty'];

$sql = "SELECT DISTINCT Items FROM bom_subitems ORDER BY Items";
$res_bom = mysql_query($sql, $con);

while($row = mysql_fetch_assoc($res_bom)){
    
    $Items = $row['Items'];
    $Items_ = substr($Items, 12, 3);
    
echo "<tr>
        <td style='border: none;font-weight: bold;'>&nbsp;<input type='name' value='$Items_' name='Items_[]' id='Items' readonly = 'readonly' style = 'border:none;width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border:none;'>&nbsp;</td>
        <td style='border:none;'>&nbsp;</td> 
        <td style='border: none;'><center><input type='text' name='DemandedQty[]' id='DemandedQty' value='' size='12' onkeypress = compute_quantity()></center></td>     
        </tr>"; 
             
$sql = "SELECT Items, SubItems, ItemCode, UoM, Class, Description, BINLocation, Quantity FROM bom_subitems WHERE Items = '$Items' ORDER BY Items"or die(mysql_error());

$res_sub = mysql_query($sql, $con);  
 
 while($row_sub = mysql_fetch_assoc($res_sub)){

     $Items1 = $row_sub['Items'];
     $SubItems = $row_sub['SubItems'];
     $ItemCode = $row_sub['ItemCode'];
     $UoM = $row_sub['UoM'];
     $Class = $row_sub['Class'];
     $Description = $row_sub['Description'];
     $BINLocation = $row_sub['BINLocation'];
     $Quantity = $row_sub['Quantity']; 
   
    echo "<input type='hidden' name='Quantity' id='Quantity' value='$Quantity'>";
    echo "<tr>
        <td style='border: none;'>&nbsp;<input type='hidden' value='$Items1' id='Items1' name='Items1[]'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='SubItems[]' value='$SubItems' id='SubItems' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='ItemCode[]' value='$ItemCode' id='ItemCode' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border: none;'><center><input type='text' name='SubQty[]' id='SubQty' value='' size='12' style></center></td>
        <td style='border: none;' size='3'>&nbsp;<input type='text' name='UoM[]' value='$UoM' id='UoM' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;' size='3'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='Class[]' value='$Class' id='Class' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='Description[]' value='$Description' id='Description' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;' size= '30'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='BINLocation[]' value='$BINLocation' id='BINLocation' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>     
        </tr>";    
        
}
}               
?>
</table>
</div>

</form>
</body>
</html>

Thank you so much

Hello,
I am not a coder and this has been giving me grief for days

My form is located here on page three of the multi form:
http://www.rocpinions.com/main-form.html

I have been working on this for days and can't figure it out.
I have four check boxes. Dog, Cat, Other, and None of These. If Dog Cat and Other (or any combination of) are checked that is fine but if the check box "None of These" is checked I need it to remove the checks from All other boxes.

This is an example of exactly what I need my form to do jsfiddle.net/srEuM/

Does anyone know how I can accomplish this with RS Form Pro?

Here is the code I am using:

Code:

<script type="text/javascript">
function checkI()
{
 var checkL = document.getElementsByName('form[PetsInHouse][]');
   for (var i=0;i<checkL.length-1;i++)
     if(document.getElementById('PetsInHouse3').checked){
      document.getElementById('PetsInHouse'+i).disabled = true;
      document.getElementById('PetsInHouse'+i).checked = false;
     }
     else {
      document.getElementById('PetsInHouse'+i).disabled = false;
     }
}
</script>

This is how I am calling it in the additional attributes in RS Form Pro

Code:

onclick="checkI();"

I am currently using this code above and it only disables all checkboxes when "None of These" is checked but if I check any of the other boxes I can still check "None of These" and that is not the correct functionality.
This is exactly what I need to do but in the same format I have above.
http://jsfiddle.net/srEuM/

Any help would be greatly appreciated.
Thank you
Deziner

Hello,

i want to build a tax calculator's form,
i want use a checkbox, so when the checkbox "checked" then the total tax will add the "luxury goods tax" on total tax.

this is my code:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KasKusbay Order Calculator</title>
</head>
<SCRIPT language = "javascript">

var currency_rates = new Array();
 currency_rates["GBP"]=0.62;
 currency_rates["CAD"]=0.99;
 currency_rates["EUR"]=0.75;
 currency_rates["AUD"]=0.96;

function getCurrencyRates()
{
    var currencyRates=0;
    
    var theForm = document.forms["myform"];
    
     var selectedCurrency = theForm.elements["currency"];
	      
    currencyRates = currency_rates[selectedCurrency.value];
	
    return currencyRates;
}

function addPbm()
{
    var PbmService=0;
    
    var theForm = document.forms["myform"];
    
    var pbm = theForm.elements["pbm"];

    
    if(pbm.checked==true)
    {
        pbmService = [J];
    }
    
    return pbmService;
}

function addPbm()
{
    var PbmService=0;
    
    var theForm = document.forms["myform"];
    
    var pbm = theForm.elements["pbm"];

    
    if(pbm.checked==true)
    {
        pbmService = [J];
    }
    
    return pbmService;
}

function ceiling( num, at )
{
    var temp =  num / at; // 523/50 ==>> 10.46
    return Math.ceil(temp) * at; // ceil(10.46 ==>> 11, 11 * 50 ==>> 550
}

function calculateTotal() 
{
	var X;
    var form = document.myform;
	var A = form.price.value.replace(/[^\d\.]/g, "");
    form.price.value = A;
	var B = form.shipping_cost.value.replace(/[^\d\.]/g, "");
    form.shipping_cost.value = B;
	
	var F = (parseFloat(A) + parseFloat(B)) * getCurrencyRates();
	var C = Number(F) * parseFloat("0.1");
	form.total.value = C.toFixed(2);
	
	var G = Number(F) + Number(C);
	
	var H = Number(G) * parseFloat("0.05")
	form.p2.value = H.toFixed(2);
	
	var I = Number(G) * parseFloat("0.03")
	form.p3.value = I.toFixed(2);
	
	var J = Number(G) * parseFloat("0.2")
	form.p4.value = J.toFixed(2);

	X = Number(C) + Number(H) + Number(I) + addPbm();
    form.total_IDR.value = X.toFixed(2);



//exp: ceiling: document.jslearnform.total_USD.value = Math.ceil(X);
//or decimal: document.jslearnform.total_USD.value = X.toFixed(2);
//or even document.jslearnform.total_USD.value = Math.ceil(X).toFixed(2);
 
}

</SCRIPT>
<body>
<form name="myform" method="post" action="">
  <table width="93%" border="0" id="form_table2">
    <tr>
    <th width="24%"><p>Price ›</p></th>
    <td width="37%"><p> $
        <input type="text" size="7" id="price" name="price" />
        <select id="currency" name="currency" onchange="calculateTotal()">
          <option value"gbp">GBP</option>
          <option value"cad">CAD</option>
          <option value"eur">EUR</option>
          <option value"aud">AUD</option>
        </select>
        <br />
      Input Price and Currency</p></td>
    <td width="39%" rowspan="3"><p align="right">Duty
      <input type="text" style="background-color: #DCDDDD;" size="12" id="total" readonly name="total" value="" />
    </p>
      <p align="right">Sales Tax
        <input type="text" style="background-color: #DCDDDD;" size="12" id="p2" readonly="readonly" name="p2" value="" />
      </p>
      <p align="right">Income Tax
        <input type="text" style="background-color: #DCDDDD;" size="12" id="p3" readonly="readonly" name="p3" value="" />
      </p>
      <p align="right">Luxury Goods Tax
        <input type="text" style="background-color: #DCDDDD;" size="12" id="p4" readonly="readonly" name="p4" value="" />
      </p></td>
  </tr>
  <tr>
    <th>Shipping Cost ›</th>
    <td> $
      
      <input type="text" size="7" id="shipping_cost" name="shipping_cost" />
      <br /></td>
  </tr>
  <tr>
    <th>Kind ›</th>
    <td><select id="currency3" name="currency2" onchange="calculateTotal()">
      <option value="value""EL">Electronic</option>
      <option value="value""NL">Apparel</option>
    </select>
      <br />
      <input type="checkbox" id="pbm" name="pbm" />
      Luxury Item</td>
  </tr>
  <tr>
    <th>Tax ›</th>
    <td><div align="center">
      <input type="text" style="background-color: #DCDDDD;" size="14" id="total_IDR" readonly name="total_IDR" value="" />
    </div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th> </th>
    <td><div align="center">
      <input type="button" value="Calculate" onclick = "javascript:calculateTotal()" />
      <input type="reset" value="Reset" />
    </div></td>
    <td><div align="center"></div></td>
  </tr>
</table>
</form>
</body>
</html>

But i have problem with the function command, the total tax doesn't appear, seems i made wrong function code on function adPbm().

Code:

function addPbm()
{
    var PbmService=0;
    
    var theForm = document.forms["myform"];
    
    var pbm = theForm.elements["pbm"];

    
    if(pbm.checked==true)
    {
        pbmService = [J]; =====> anyone can help me correct this coding?
    }
    
    return pbmService;
}

Thank you for anyone could help.

Hello,

I'm new to Javascript, but have been programming in PHP and other web codes for 4 years now.

I was wondering how you would check if a checkbox was ticked, upon its selection and then unhide HTML content, and then hide such content when deselected..

So far I have this:

Code:

<script type="text/javascript">
	function Agree() {
		document.getElementById("stepTwo").className = "";
	}
</script>

Which is called by onclick="Agree()" on the select box itself..

I understand an if statement is needed, but how would one go about doing this as my if statements do not appear to be working.

sir i have a problem in is page. i want to have a javascript function that call on checkbox on click event.

if checked firstly a 125 x125 sized checkbox then i want to restrict that all checkbox that i checked later must 125 x 125 sized if i checked 250 x250 sized checkbox then create a alert message pleas select 125 x 125 sized ,
i also have function plz check it

function validate(f) {
var array = new Array();
for(var i = 0; i < document.delet.checkbox.length; i++){
var ele = document.delet.checkbox;

if( ele[i].checked){

var size = document.getElementById(f).value;
array[i]=size;
alert(array[0]);


/*if(array[0] == array[i]){
alert("size is equal");
}else if(){

alert("size is not equal");
}*/

}//end if
}//end for
//if(first_size != second_size){alert(second_size); return false;}
}//end function


this is a one row and repeated in while loop php script,
row code is below.

Code:

<tr bgcolor="<?php echo $color;?>">
        <td align="center">
		<input name="checkbox[]" type="checkbox" id="checkbox" value="<?php echo $aaa['id']; ?>" onclick=" return validate('<?php echo $id; ?>');" /></td>
        
        <td align="center"><?php echo $aaa['imgSize'];?><input type="hidden" id="<?php echo $id; ?>" name="size" value="<?php echo $aaa['imgSize'];?>" /></td>
        
      </tr>
      <?php
}//end while
?>

this is a online page plz check it
http://hkcsy.com/ads

Hi everyone.
I need a Javascript code for the following: i have a checkbox on my page. when this checkbox got checked, an alert like "Are u sure?" must ask if OK or Cancel. if i click OK the checkbox becomes checked, it runs a javascript function (chkIt() )and refreshes the page. if i click Cancel the checkbox should not became checked and my function will not run.

Thanks a lot.

Hello!

I have modified the create_account.php page of an osCommerce store, and I added 4 checkboxes for the 4 terms that the customers must agree to. If not checked, the error message should come up (same for each - doesn't matter)>

ok nevermind it's actually working now.

I am fairly new to javascript and am attempting to create a function that will clear one checkbox when another is checked. I have multiple forms with dynamically generated names on the page.
Here is what I have:

<script type="text/javascript">
function undo_Complete(myForm)
{
var formName = myForm.name;
if(document.formName.getElementsByName("Needs_Change").checked==true)
{
document.formName.getElementsByName("Complete").checked=false;
}
}
</script>

The two checkbox fields involved:
<input name="Complete" value="Yes" <?php echo($Complete=="Yes") ? "checked" : ""; ?> size="4" type="checkbox">
<input name="Needs_Change" value="Yes" <?php echo($Needs_Change=="Yes") ? "checked" : ""; ?> size="4" type="checkbox" onClick="undo_Complete(this.form)">

Could someone please tell me what I am doing wrong?

Thank you!
Lisa

I want to have another go at Javascript. I have several books on the subject but I find that my eyesight is a major problem. Therefore I want to try an on-line solution, preferably free.

I have Googled, but there are so many that I am almost dizzy with the choices.

Perhaps someone could recommend one. Not too fussy visually. My knowledge is VERY basic.

Frank

Hi all,

I am newbie to JS. I have the below task. Please advise.

I have a result set of a query being displayed on a page. (5000+ rows).

I have to provide a search capability, a search box which will enable to enter a position ID number and the entered position ID by the user should be selected from the results in a different color.

Can you please help me with the above. Thanks in advance