JavaScript - Help With Javascript Function With Checkbox Var

For the sample code:

Code:

<form name=form>
<ul>
<li><input type="text" onkeyUp="calc1();" name=x ></li>
<li><input type="text" onkeyUp="calc2();" name=y ></li>
</ul>
</form>

<script>
function calc1() {
    document.form.y.value = (10 * document.form.x.value).toPrecision(5);
}
function calc2() {
    document.form.x.value = (0.1 * document.form.y.value).toPrecision(5);
}
</script>

How can I use a checkbox to :

(1) Upon check, change the current values to toExponential(5) format
(2) Use a different script and/or function that would then calculate with toExponential(5) [as opposed to the hard coded toPrecision(5) in the current functions.
(3) Upon unchecking, the result should should go back to Precision and change the function and/or script back to the original.

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

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.

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.

URL: https://medicard1.com/services.html
Site also employs CodeIgniter from original developer.

Code below sets up a table with a form and script in separate cells of the same row. Looks good and click on check box works ok, but script seems to only run when the page is initially loaded. Does not change variable 'c' and display the change. Am in a bind for this one. My developer is away for the holiday and CEO wants it done ASAP. Anyone have an idea?

<!-- Setup a table to hold the elements where I want them without conflicting with CodeIgniter - K.I.S.S.-->
<table style="border:0px;">
<tr>
<td style="width:600px; text-align:left;">
<!-- Un-submitted form with legend and checkbox input to acknowledge terms and display discount code -->
<form name="acknowledge" action="" method="">
<legend>I acknowledge that I have read and understand the content of this page
<!-- onClick should execute display_code() script -->
<input style="border:0px; width:40px;" type="checkbox" name="investor" onClick="display_code()"/>
</legend>
</form>
</td>
<td style="width:200px; text-align:right;">
<!-- Script should check checked state of checkbox investor and set c to appropriate value -->
<script type="text/javascript">
<!-- set c="" after get this working -->
var c="NOT SET";
function display_code()
{
if (document.acknowledge.investor.checked)
{
var c="INVESTOR";
}
else
{
<!-- set c="" after get this working -->
var c="NO CODE";
}
}
document.write('Your code is: ' + c);
</script>
</td>
</tr>
</table>

Im creating a portfolio site for myself that my have gotten a little too ambitious but I'd still like to make this work.

My main site loads a video demo reel using the new <video> tag and to make it look cooler has an "ambilight" television effect around it. For usability and for users that find it annoying or distracting I want a toggle to turn the effect off.

I have my checkbox created as well as all the effects working for it.

Here is a piece of the main code as well as a link to the ambilight.js file
Code:

            <label name="ambilightToggle">
			<input type="checkbox" name="toggle"/>
			<div class="toggle-switch">
				<div class="handle"></div>
				<div class="track">
					<span>OFF</span><span>ON</span>
				</div>
			</div>
			</label>
        
    	</div>
	</div>
    
    
	<div id="main" class="clearfix">
    
        <div id="video-edge">
                <img id="ribbon" width="112" height="112" alt="Demo Reel Ribbon" src="img/ribbon-demoreel.png">
                <div id="video-wrap" class="video-js-box moo-css">
                    <video id="example" class="video-js" width="720" height="405" controls preload poster="posters/poster_demoreel2010.png">
                      <source src="video/demoreel2010.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
                      <source src="video/demereel2010.webm" type='video/webm; codecs="vp8, vorbis"' />
                      <source src="video/demoreel2010.ogv" type='video/ogg; codecs="theora, vorbis"' />
                    </video>
                </div>
         </div>
         
         		<script type="text/javascript">
                    ambiLight.create(document.getElementById('example'))
                </script>

Portfolio Page

http://www.eschulist.com/test/js/ambilight.js



I was able to make the ambilight effect go away using this, but it only works for a second as the video continues to play and the new lights are redrawn.
Code:

<script type="text/javascript">
   $(document).ready(function(){
   $(this).click(function(){
       $('canvas.ambilight-left, canvas.ambilight-right').addClass('goAway');
   });
   });
</script>

Any other ideas on what to do? If the click function works I should be able to have it check the checkboxes state and have it persist. Maybe?

Guys,

For some reason my script only works when I have at lease two checkboxes.

To simulate the problem just run it once with two html input checkbox elements
-> check one checkbox and press submit -> it works
-> Now remove one input checkbox field and check the remaining checkbox & submit -> Bamm doesn't work...

What am I doing wrong ?

Code:

<html> 
<head> 
            <script> 
            function Check(chk) 
            { 
            for (i=0; i < chk.length; i++) chk[i].checked=document.ListActionForm.Check_ctr.checked ; 
            } 
        function desubmit() 
            { 
            if(get_args()==false) {alert("nothing_selected");return false;} 
            if(labelling(true)) return false; 
            } 
            function labelling(s) {return true;} 
        function get_args() 
            { 
            s=chkboxa2str(document.ListActionForm['listaction[]']); 
            if(s)alert(s); 
            if(s.length<8)return false; 
            else return s; 
            } 
            function chkboxa2str(chkbox_a) {  
            var list = "";  
                for(var i = 0; i < chkbox_a.length; i++){ if(chkbox_a[i].checked) { list += chkbox_a[i].value + " "; } } 
            return list;  
            } 
            </script> 
</head> 
<body> 
<form action="?h=1296078874" method="post" name="ListActionForm" onsubmit="return desubmit()"> 
<input type='checkbox' name='listaction[]' value='2010102909103530'> Testbox 1<br> 
<input type='checkbox' name='listaction[]' value='2010102909103532'> Testbox 2<br> 
<input type="Submit" name="Submit" value="Versturen" > 
</form> 
</body> 
</html>

Hi,

I am facing a problem in passing replace() function as an argument in user defined java function, can any one help me how to resolve it?

intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '\' to '\\'

I am posting my javascript function he

<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\\/g,"\\\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>


function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}

thank you,

Firstly, I'm a complete Javascript noob, so apologies if this is blindingly simple.


I'm trying to write a piece of javascript that will check a single checkbox depending on a dynamically-imported piece of information further up the page.

The page will look like this:

Code:

<div id="title">
        <p class="white">1</p>
    </div>
    <div id="question">
    	<p>Please indicate your area(s) of interest below:<br />
        <input type=checkbox value="1" />  Option 1<br />
        <input type=checkbox value="2" />  Option 2<br />
        <input type=checkbox value="3" />  Option 3<br />
        <input type=checkbox value="4" />  Option 4</p>
    </div>

The variable which indicates which checkbox should already be checked is in the div 'title' in the p class 'white'.
So in the case above, when the page loads the 'Option 1' checkbox should already be checked.

The javascript i have, rather poorly, cobbled together so far just doesn't work, and I was wondering if anyone could point me in the direction of some useful tutorials.
All the tutorials I have read so far deal with mass checking all the boxes with a button click.

Hello
I am new at Javascript.
Please help me this:
I have a form and a checkbox:

Code:

<input  name="pass" type="password" class="textfield" />
<input  type="checkbox" class="check"> Click here to show/hide password

If I the checkbox is checked, it will show the password in the form, it means
Code:

<input  name="pass" class="textfield" />

if not, the input form is:
Code:

<input  name="pass" type="password" class="textfield" />

Hi all,

I use a javascript to generate a checkbox list.
It works well but all the <input type="checkbox"> generated have the same id.

I would like to find a way to auto-implement the id (with a unique id). So if my javascript generates 10 checkboxes, I will get id from 1 to 10 or something similar.

Code:

// here I build the filter checkboxes based on all the class names
$.each(arrayUniqueClasses, function() {
$('<li><input class="styled" type="checkbox" checked="checked" name="1" value="'+this+'" id="1" />
<label class="check" for="1"></label>
<label class="info" for="filterID'+this+'">'+this+'<\/label><\/li>').appendTo('ul.filters');
});

so I tried something but it doesn't work at all (I'm a beginner as you can guess) :

Code:

var getUniqueId =
(function ()
{
var id=0;
return function()
{
if (arguments[0]==0) id=0;
return id++;
}
}
)();

Thanks for helping


here the full script if needed :
Code:

function unique(a) {
	tmp = new Array(0);
	for(i=0;i<a.length;i++){
		if(!contains(tmp, a[i])){
			tmp.length+=1;
			tmp[tmp.length-1]=a[i];
		}
	}
	return tmp;
}


function contains(a, e) {
	for(j=0;j<a.length;j++)if(a[j]==e)return true;
	return false;
}

function removeItems(array, item) {
	var i = 0;
	while (i < array.length) {
		if (array[i] == item) {
			array.splice(i, 1);
		} else {
			i++;
		}
	}
	return array;
}


$(document).ready(function () {
	
	
	if ($('.filterThis > li').length < 2) { return; }
	
	var stringOfClassNames = '';
	
	$('.filterThis > li').each( function (i) {
		var thisClassString = $(this).attr('class');
		stringOfClassNames = stringOfClassNames +' '+ thisClassString
	});

	stringOfClassNames = jQuery.trim(stringOfClassNames);

	var arrayClasses = stringOfClassNames.split(' ');
	
	var arrayClasses = arrayClasses.sort();
	totalNumberOfItemsToFilter = $('.filterThis > li').length;

	var result = new Object();
	for (var filterClass in arrayClasses) {
		if (result[arrayClasses[filterClass]] === undefined) {
			result[arrayClasses[filterClass]] = 1;
		} else {
			result[arrayClasses[filterClass]]++;
		}
	}
	var resultsToRemoveFromFilters = new Array();
	for (var item in result) {
		if (result[item] == totalNumberOfItemsToFilter) {
			resultsToRemoveFromFilters.push(item);
		}
	}

	arrayUniqueClasses = (unique(arrayClasses));

	if (arrayUniqueClasses.length > 1) {


		$('<ul class="filters"><\/ul>').insertAfter('h3');

		$.each(arrayUniqueClasses, function() {
			$('<li><input class="styled" type="checkbox" checked="checked" name="1" value="'+this+'" id="0" /><label class="check" for="0"></label><label class="info" for="filterID'+this+'">'+this+'<\/label><\/li>').appendTo('ul.filters');
		});

		var classesStringOfSin = new Array();
		classesStringOfSalvation = arrayUniqueClasses;

		$('.filterThis > li').addClass('filterTriggerShown');

		$('.filters input').click( function() {
			var value= $(this).val();
			stringValue = '.filterThis > li.'+value;

			if ($(this).is(':checked')) {

				classesStringOfSalvation.push(value);

				classesStringOfSin = removeItems(classesStringOfSin, value);

				$(stringValue).removeClass('filterTriggerHidden').addClass('filterTriggerShown').slideDown();

			} else {

				classesStringOfSin.push(value);
				classesStringOfSalvation = removeItems(classesStringOfSalvation, value);

				$(stringValue).removeClass('filterTriggerShown').addClass('filterTriggerHidden');
				$.each(classesStringOfSalvation, function() {
					var newStringValue = stringValue+'.'+this;
					$(newStringValue).removeClass('filterTriggerHidden').addClass('filterTriggerShown');
				});
				$('.filterTriggerHidden').slideUp();
			}

		});
	}
});

Guys Need Help here...

here i send attach my script.

i need combine 2 function script into . but i can figure it out.

can everyone helps me.


Code:

<?php

require_once('../Connections/koneksi.php');

?>

<!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>
<script>
 
function addRow(tableID) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var colCount = table.rows[0].cells.length;
    for(var i=0; i<colCount; i++) {
        var newcell = row.insertCell(i);
        newcell.innerHTML = table.rows[0].cells[i].innerHTML;

        switch(newcell.childNodes[0].type) {
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                    case "checkbox":
                            newcell.childNodes[0].checked = false;
                            break;
                    case "select-one":
                            newcell.childNodes[0].selectedIndex = 0;
                            break;
                }

    }
}

function deleteRow(tableID) {
    try {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    for(var i=0; i<rowCount; i++) {
        var row = table.rows[i];
        var chkbox = row.cells[0].childNodes[0];
        if(null != chkbox && true == chkbox.checked) {
            if(rowCount <= 1) {
                alert("Cant delete all rows");
                break;
            }
            table.deleteRow(i);
            rowCount--;
            i--;
        }
    }
    }catch(e) {
        alert(e);
    }
}

function selectnama()
	{
		var i = 0;
		i = document.form1.txtcustomer.value;
		i= i.replace(/^[\s]+/,'').replace(/[\s]+$/,'').replace(/[\s]{2,}/,' ');
		//alert(cust[i]);
		document.form1.select2.value = i;
	}
	
function change2()
{
	document.form1.txtcustomer.value = document.form1.select2.value;
		
}	


function enable_text(status)
{
status=!status;
document.form1.qty_material.disabled = status;
}
 
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form name="form1" method="post" >
<table id="dataTable" width="auto" style="margin:-4px 0 0 0;" cellspacing="6">
                        <tr>
                            <td style="width:20px;"><INPUT type="checkbox" name="chk" /></td>
                            
                            <td> <input type="text" name="txttipe[]"  placeholder="Tipe"  id="txttipe" size="40"/> /
                            
                            <input name="txtcustomer" type="text" id="txtcustomer" onkeyup="selectnama()" size="10" maxlength="10"/>
                         <select name="select2" style="color:blue;" onchange="change2()" >
                         <option></option>
                      <?php
                        $query = mysql_query("select right(KUNNR,6), NAME1 from kna1 order by NAME1") or die(mysql_error());
                        $query3 = mysql_query("select * from spg_kna1_exception order by NAME1") or die(mysql_error());
                        while($row = mysql_fetch_array($query))
                        {
                            echo "<option value=".$row[0].">$row[1] - $row[0]</option>";
                        }
                        while($row3 = mysql_fetch_array($query3))
                        {
                            echo "<option value=".$row3[0].">$row3[1] - $row3[0]</option>";
                        }
                        
                      ?>
                      </select>;
                          
                          	  <input type="checkbox" name="qty_matnr" onClick="enable_text(this.checked)" > Qty <input type="text" name="qty_material">
                                    
                          </td>                           
                        </tr>
                        </table>
                        <INPUT type="button" value="Add Model" onclick="addRow('dataTable')" />
                        <INPUT type="button" value="Delete Model" onclick="deleteRow('dataTable')" />
                        </form>
</body>
</html>

How can I call a PHP Function inside a Javascript Function? This is what I have so far, but I don't think I'm doing it the right way.
Any suggestions?

PHP Code:
<?php
function phpQuery(){

     $query = mysql_query("INSERT INTO mytable VALUES('','name','email')");

}
?>
<script type="text/javascript">
function delayQueries()
{
  timeoutID = window.setTimeout(doQueries, 2000);
}

function doQueries()
{
  var runQuery = "<?php phpQuery(); ?>";    
}
</script>

I made a mouseover event of a caption on a picture, when I hover the opacity of the background color of the hover and the text goes down. What I want is that when I hover over the image which the caption is floating on, the onmouseover event gets activite. For an imaginary example:
Code:

function unhighlight(x) {
x.style.backgroundColor="transparent"
}

Function ActivationFuction()
{
activate.function="unhighlight"
}

thanks