|
JavaScript - Ie 7.0, Funcionality Of Js Moves To Another Checkbox ...
Open this in FF.
http://agrozoo.net/jsp/statistics_ag...on=11000,11100 Note check box in left vertical column, at top, encapsuled between a and b, click, click, click. That is what it should do. Open in IE, clicking same thing, nothing happens. The recipe for anything to happen is: 1. refresh 2. check the check box encapsuled between a and b 3. Click first checkbox to the right Getting nowhere here, as far as I see IE reports no js errors. ? EDIT: I susspect that onchange is somehow different in IE and FF. Similar TutorialsSo here's what i want to do: i have 2 checkboxes, when Checkbox A is checked, i want to automatically check the checkbox B. When A is unchecked, then uncheck B how can i do that? thanks a lot ! Howdy. Have an asp.net form where the textboxes have had the onblur attribute added. Though VS2008 still barks it's an invalid attribute... However, my problem is primarily w/the txtFICODate field. When testing using 10/10/2009 in this field, the code displays the appropriate msg based on format param. However, on exiting the isValidDate function in debug mode, I see that the code does not stop at the txtFICODate html but moves to the txtDOBB isValidDate function. Here the param is MM/DD/YYYY and it loops back into the function but now displays a different format message. Previous code (ValidateFICODate(obj)) below also caused the same looping error. Debugging the same code with the txtDOBB field (10/10/56), I see it enter the function, display the appropriate message and exit. However, in debug, the code comes back to the function and then selects the field contents. Appreciate any suggestions/comments on how to fix problem so code stops at the txtFICODate field . Using xp Pro SP3, visual studio 2008 (c#). in the process of writing this, I searched other post here related to onblur + loop. So changed the event to onchange...and while the looping does not now occur, the focus just moves to the next field. Huh? Thanks, Rey Code: On page load code(if (!isPostBack)):
txtFICODate.Attributes.Add("onblur", "isValidDate(this, 'MM/DD/YY');");
txtDOBB.Attributes.Add("onblur", "isValidDate(this, 'MM/DD/YYYY');");
txtDOBC.Attributes.Add("onblur", "isValidDate(this, 'MM/DD/YYYY');");
Code: <asp:TextBox ID="txtDOBB" runat="server" Font-Bold="true"
Text="" Columns="10" TextMode="SingleLine" AutoPostBack="false"
onblur="return isValidDate(this, 'MM/DD/YYYY');"
Width="120px"></asp:TextBox>
<asp:TextBox ID="txtDOBC" runat="server" Font-Bold="true"
Text="" Columns="10" TextMode="SingleLine" AutoPostBack="false"
onblur="return isValidDate(this, 'MM/DD/YYYY');"
Width="120px"></asp:TextBox>
<asp:TextBox ID="txtFICODate" runat="server" Font-Bold="true" AutoPostBack="false"
onblur="return isValidDate(this, 'MM/DD/YY');"
Text="" Columns="6" TextMode="SingleLine"
Width="120px" ></asp:TextBox>
Code:
function isValidDate(ctrl, fmt)
{
// retrieved 9/11/09
// from http://www.dotnetspider.com/resources/20790-Validatin-date-MM-DD-YY-Format-using-javascript.aspx
// modified to pass in format (mm/dd/yy, mm/dd/yyyy so msg is appropriate if incorrect
// also removed - option for dates, i.e. 09-11
var dateStr = ctrl.value;
var datePat;
//var datePat = /^(\d{1,2})(\/)(\d{1,2})\2(\d{2}|\d{4})$/;
if (fmt.toString().toUpperCase() == 'MM/DD/YY')
{
datePat = /^(\d{2})(\/)(\d{2})\2(\d{2})$/;
}
if (fmt.toString().toUpperCase() == 'MM/DD/YYYY')
{
datePat = /^(\d{2})(\/)(\d{2})\2(\d{4})$/;
}
var matchArray = dateStr.match(datePat); // is the format ok?
if (matchArray == null)
{
if (fmt.toString().toUpperCase() == 'MM/DD/YY')
{
alert("Invalid date format.\n"
+ "Please enter the date in the MM/DD/YY format (example: 1/15/08).")
ctrl.focus();
ctrl.select();
return false;
}
if (fmt.toString().toUpperCase() == 'MM/DD/YYYY')
{
alert("Invalid date format.\n"
+ "Please enter the date in the MM/DD/YYYY format (example: 1/15/2008).")
ctrl.focus();
ctrl.select();
return false;
}
}
// match breaks date down
month = matchArray[1]; // parse date into variables
day = matchArray[3];
year = matchArray[4];
if (month < 1 || month > 12)
{
// check month range
alert("Month must be between 1 and 12.");
return false;
}
if (day < 1 || day > 31)
{
alert("Day must be between 1 and 31.");
return false;
}
if ((month == 4 || month == 6 || month == 9 || month == 11) && day == 31)
{
alert("Month " + month + " doesn't have 31 days!")
return false
}
if (month == 2)
{
// check for february 29th
var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
if (day > 29 || (day == 29 && !isleap))
{
alert("February " + year + " doesn't have " + day + " days!");
return false;
}
}
return true; // date is valid
}
// ****************************************************
function ValidateFICODate(obj)
{
var dateFormat = 'MM/DD/YY';
var isSuccess = false;
var objID = obj.id;
var hidFICODate = document.getElementById('hidFICODate').value;
if (obj.value == '')
{
alert('Please enter FICO date.' + '\n'
+ 'Required field.');
//document.frmCustInfo + '.' + obj.id + '.' + focus();
obj.focus();
obj.select();
return false;
}
// now check if valid date
isSuccess = isValidDate(obj, dateFormat);
if (!isSuccess)
{
obj.focus();
obj.select();
return false;
}
if (isSuccess)
{
if (obj.value != hidFICODate)
{
document.getElementById('hidFICODate_Updated').value = 'UPDATED';
document.getElementById('hidFICODate').value = obj.value;
}
}
return isSuccess;
}
Hi, I have a problem with a small div of mine, namely: Code: <div id="mui" class="disk" onmousedown="mouse_down(event, 'mui');" onMouseUp="mouse_up()"> <div id="mui_image"></div> <div>MUI</div> </div> I am using some javascript to move it and the first time I press down the mousebutton on it and move around, it works fine! Usually if I release the mouse button and then hold it down again on the same div to continue moving.. Then instead I select the div with id="mui_image" instead, so that one gets dragged away just as if you select some text and drag it. My div just stay put then. If I instead were to move it once, then click outside the div, and then try to move the div again, everything works like a charm. How to solve this problem? Oh yeah, only try it in FF, works even worse in Safari. Code: <html>
<head>
<script src="geut.js">
</script>
<style type="text/css">
body
{
margin: 0px;
margin-top: 13px;
padding: 0;
font-family: georgia, times, "times new roman", serif;
font-size: 12;
color: #000;
background-color: #959595;
overflow: hidden;
}
p
{
margin: 0;
padding: 0;
}
img
{
margin: 0;
padding: 0;
display: inline;
}
#mui
{
position: absolute;
left: 850px;
top: 110px;
}
#mui_image
{
width: 43px;
height: 23px;
background-image:url(disk_up.png);
background-repeat: no-repeat;
background-position: relative;
}
.disk
{
text-align: center;
height: 63;
width: 50;
}
</style>
</head>
<body onload="resizeMainWindow()" onmousemove="mousemove(event)">
X: <span id="X-coord"></span><br>
Y: <span id="Y-coord"></span><br>
Message : <span id="message"></span><br>
Diverse: <span id="diverse"></span>
<div id="mui" class="disk" onmousedown="mouse_down(event, 'mui');" onMouseUp="mouse_up()">
<div id="mui_image"></div>
<div>MUI</div>
</div>
</body>
</html>
Code: var x;
var y;
var xcor=0;
var ycor=0;
var xcor_old=0;
var ycor_old=0;
var being_dragged = false;
var element;
function mousemove(event) {
if(event.offsetX || event.offsetY) { //For Internet Explorer
x=event.offsetX +xcor;
y=event.offsetY +ycor;
}
else { //For FireFox
x=event.pageX +xcor;
y=event.pageY +ycor;
}
document.getElementById('X-coord').innerHTML = x +'px';
document.getElementById('Y-coord').innerHTML = y +'px';
if(being_dragged == true) { //
if((y > 14)) {
document.getElementById(element).style.top = y +'px'; //
} else {
document.getElementById(element).style.top = 14;
}
document.getElementById(element).style.left = x +'px'; //
} //
}
function mouse_down(event, ele_name) {
if(being_dragged)
return;
being_dragged = true;
element = ele_name;
if((document.getElementById(ele_name).offsetLeft - x) != 0) {
document.getElementById('message').innerHTML = "ms !=0)" +document.getElementById(element).offsetLeft + "||" +(document.getElementById(element).offsetLeft - x);
xcor = document.getElementById(element).offsetLeft - x;
ycor = document.getElementById(element).offsetTop - y;
} else {
xcor = xcor_old;
ycor = ycor_old;
}
document.getElementById(element).style.cursor = 'move';
document.getElementById('X-coord').innerHTML = x +'px' + xcor;
document.getElementById('Y-coord').innerHTML = y +'px' + ycor;
x=event.pageX +xcor;
y=event.pageY +ycor;
}
function mouse_up() {
if(being_dragged) {
being_dragged = false;
document.getElementById(element).style.cursor = 'auto';
document.getElementById(element).style.top = y +'px';
document.getElementById(element).style.left = x +'px';
xcor_old = xcor;
ycor_old = ycor;
xcor = 0;
ycor = 0;
}
}
Hey everyone, I'm working on a website, and I have one page that uses a forum that is supplied by tal.ki. The forum works fine, but the .js file that the forum uses is grabbing the image that I am using as my header on the page (not in the header of the html, just on top of the page) and moves it down and right from where it is supposed to be. My apologizes for the file being so long, but I have no idea which line it is that makes the image move. If needed, I have pictures of how it looks in the program that I use, vs. how it looks when viewed in a browser. Thanks so much (in advance) for any help. Code: if (!window.chatter) {
window.chatter = function() { return this; }();
}
if (!window.chatter.embeds) {
window.chatter.embeds = {};
}
window.chatter.embed = function(host, args) {
var host = host;
var cid = Math.floor((Math.random())*1000000000).toString();
var default_height = 1600;
var embed_url = window.location.href.split('#')[0];
var current_path = window.location.hash.substr(1);
var disable_path = current_path && current_path[0] != "/";
disable_path |= (window != top);
if (!current_path || disable_path) {
if (!current_path && !disable_path) {
location.href = embed_url + "#/";
}
current_path = "/";
}
if (window.gadgets)
embed_url = ''; // Don't let the site change the hash
window.chatter.embeds[cid] = this;
handleCommand = function (cmd) {
if (cmd[0] == 'ch_resize') {
resizeFrame(cmd[1]);
} else if (cmd[0] == 'ch_load') {
if (disable_path)
current_path = cmd[1];
else {
current_path = window.location.hash.substr(1);
if (current_path != cmd[1]) {
current_path = cmd[1];
location.href = embed_url + "#" + current_path;
}
}
} else if (cmd[0] == 'ch_unload') {
if (window.attachEvent || findPosScroll('chatterframe'+cid) < 0)
document.getElementById('chatterframe'+cid).scrollIntoView(true);
// resizeFrame(default_height);
} else if (cmd[0] == 'ch_scrollto') {
window.scrollTo(0, findPos('chatterframe'+cid)+parseInt(cmd[1], 10));
} else if (cmd[0] == 'ch_delfoot'){
var a = document.getElementById(cmd[1]);
a.parentNode.removeChild(a);
}
}
if (window.postMessage) {
function onMessage(e) {
var cmd = e.data.split(':');
var frame = document.getElementById('chatterframe'+cid);
if (frame.contentWindow != e.source)
return;
handleCommand(cmd);
}
if (window.addEventListener)
window.addEventListener("message", onMessage, false);
else
window.attachEvent("onmessage", onMessage);
} else {
/* Fall back for browsers that don't support HTML5's postMessage */
var msg_seq = null;
function checkMessages() {
var chatter_frame = window.frames['chatterframe'+cid];
if (!chatter_frame)
return;
try {
var bus = chatter_frame.frames.msg_frame;
var hash = bus.location.hash.substr(10);
} catch(e) {
return;
}
var cmd = hash.split(':');
var seq = cmd[0];
if (msg_seq == seq)
return;
msg_seq = seq;
cmd.splice(0, 1);
handleCommand(cmd);
}
setInterval(checkMessages, 300);
}
function checkHash() {
var path = window.location.hash.substr(1);
if (!path)
path = "/";
if (path != current_path) {
current_path = path;
window.frames['chatterframe'+cid].location.replace(buildURL(path));
}
}
if (!window.gadgets) {
if (!disable_path) {
if ("onhashchange" in window) {
if (window.addEventListener)
window.addEventListener("hashchange", checkHash, false);
else
window.attachEvent("onhashchange", checkHash);
} else {
setInterval(checkHash, 300);
}
}
}
function buildURL(path) {
return 'http://' + host + path + "?" + args + "&cid=" + cid + "&eh=" + encodeURIComponent(embed_url);
}
function resizeFrame(height) {
var el = document.getElementById('chatterframe'+cid);
el.style['height'] = height + "px";
if (window.gadgets) {
gadgets.window.adjustHeight();
}
}
function findPosScroll(id) {
var node = document.getElementById(id);
var curtop = 0;
var curtopscroll = 0;
if (node.offsetParent) {
do {
curtop += node.offsetTop;
curtopscroll += node.offsetParent ? node.offsetParent.scrollTop : 0;
} while (node = node.offsetParent);
return curtop - curtopscroll;
}
return -1;
}
function findPos(id) {
var node = document.getElementById(id);
var curtop = 0;
if (node.offsetParent) {
do {
curtop += node.offsetTop;
} while (node = node.offsetParent);
return curtop;
}
return -1;
}
//--Auto Theming:
try{
var theme_args = '';
if (window.chatter_options) {
if ('css_append' in window.chatter_options) {
theme_args = '&cssa='+encodeURIComponent(window.chatter_options['css_append']);
} else if ('css_replace' in window.chatter_options) {
theme_args = '&cssr='+encodeURIComponent(window.chatter_options['css_replace']);
}
}
if (theme_args === '') {
document.write("<span id='probe"+cid+"'></span>");
var op = document.getElementById('probe'+cid);
var p = op;
var i = 0;
var color = null;
var font = null;
while (i < 1000){
p = p.parentNode;
if (window.getComputedStyle) {
var style = window.getComputedStyle(p, null);
color = style.getPropertyValue('background-color');
} else {
color = p.currentStyle.backgroundColor;
}
if(color != 'transparent' && color != '' && color != 'rgba(0, 0, 0, 0)') {
break;
}
color = null;
i++;
}
if (window.getComputedStyle) {
var style = window.getComputedStyle(op, null);
font = style.getPropertyValue('font-family');
} else {
font = op.currentStyle.fontFamily;
}
//ie8 no like this
//delete op.parentNode.removeChild(op);
if (font)
font = font.replace(/['"]/g,'');
theme_args = '&f='+encodeURIComponent(font) +'&t='+encodeURIComponent(color)+'&nocss=1';
}
} catch(e) { }
var forum_code = "<iframe id='chatterframe"+cid+"' name='chatterframe"+cid+"' src='" + buildURL(current_path) + theme_args + "' style='width:100%; height:" + default_height + "px; border:0;' scrolling='no' frameborder='0' border='0' width='100%' height='" + default_height + "'></iframe>";
document.write(forum_code);
return this;
};
try {
if (window.location.hash.substr(0, 9) != "#msgframe")
window.chatter.embed('qcx1quj3rz.embed.tal.ki', '');
} catch(e) {
document.write("<div style='background-color:white; color:black';>Forum failed to load: " + e + "</div>");
}
Hi, If I have two check-boxes and one is already checked and then the is checked, how would I get it to uncheck the first one using JavaScript. Thanks, Cs1h Hi, I am still designing the website and want some flexibility. I am capturing the mouse clicks fine on top of an image, but the coordinates are absolute and not relative to the image. How can I capture mouse clicks relative to the image so that I can move the image anywhere in my website? Thanks! I am making a google CSE for a client site and I need to concatenate checkbox values together on the end of another form value. So I have a text box and the checkboxes: Code: <input name="q" cid="q" size="25" maxlength="50" value"off road tires"> <input type="checkbox" name="q" id="q" value="cooper|hankook" /> <input type="checkbox" name="q" id="q" value="Mickey Thompson|Bfgoodrich|GBC" /> <input type="checkbox" name="q" id="q" value="Hoosier|Nitto" /> For Google the URL string needs to be like this: Code: results.html?q=off road tires AND inurl:cooper|hankook|Mickey Thompson|Bfgoodrich|GBC this string says the person did not check the last box. I am having a hard time trying to do this. If you guys know a better way to accomplish the same thing I am all ears but I thought I would bring it to the experts and see what they had to say. Thanks for the help! I was trying to get total amount from these all checkbox, when I submit, but I don't know somewhere wrong. Please help me out. Here is my code: <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> Form </title> <script language = "JavaScript"> // The event handler functions for the check boxes function appleHandler() { var number = document.orderForm.apples.value; total = total + number * 0.59; } function orangeHandler() { var number = document.orderForm.oranges.value; total = total + number * 0.49; } function bananaHandler() { var number = document.orderForm.bananas.value; total = total + number * 0.39; } // The event handler function to produce the total cost message // when "submit" is clicked function finish() { total = total * 1.05; alert("Thank you for your order \n" + "Your total cost is: $" + total + "\n"); } </script> </head> <body> <h3> Order Form </h3> <form name = "orderForm" onSubmit = "finish()"> <p> <input type = "checkbox" name = "apples" size = "3" onClick = "appleHandler()" /> Apples </p><p> <input type = "checkbox" name = "oranges" size = "3" onClick = "orangeHandler()" /> Oranges </p><p> <input type = "checkbox" name = "bananas" size = "3" onClick = "bananaHandler()" /> Bananas </p><p> <input type = "reset" name = "reset" /> <input type = "submit" name = "submit" /> </p> </form> </body> </html> Hi, I have a checkbox and when I "check" I want to add a <p> inside of an <div> and when I "uncheck" I want to remove the <p> from <div>. I've tried this but it's not working Code: $('#checkbox').change(function(){
$('div').html('<p>Some Text</p>');
}, function() {
$('div').remove('<p>Some Text</p>');
});
I hope you can help.. Regards Looking for a simple method to Toggle textbox yes/no using CheckBox This example does not work! But I hope this will help explain what I am trying to do Code: <SCRIPT LANGUAGE="JavaScript">
function YesOrNo() {
if(document.formname.checkboxname.checked)
{
document.formname.textname.disabled='Yes';
}
else
{
document.formname.textname.disabled='No';
}}
</SCRIPT>
<form name="formname">
<input type="text" size="10" name="textname">
<input type="checkbox" onclick="YesOrNo()" name="checkboxname" value="Yes">
</form>
Hello all, I usually try and solve my problems by reading all post but i i'm having problem trying to find a solution my problem. I have a simple form in html which presents to the user 2 checkbox's named cash or cheque depending on which answer he gives will present to him 2 different textbox. My problem is i only want the user to be able to select one of the two checkboxes and also i would like the resulting checkbox selected to be placed on the same row. Hope this makes sense!!! I'm only a beginner in javascript and i've found some of the following code on the net but i don't know how to ammend it so that it does what i need it to do. Here is the code: Code: <HTML>
<HEAD>
<TITLE>Document Title</TITLE>
<script>
<!--
function c(){}
function getresultPay(){
if(document["schDetails"]["chkCash"].checked){
document.getElementById("shwCash").style.visibility="visible"
}
else{
document.getElementById("shwCash").style.visibility="hidden"
}
}
function d(){}
function getresultChex(){
if(document["schDetails"]["chkcheque"].checked){
document.getElementById("shwcheque").style.visibility="visible"
}
else{
document.getElementById("shwcheque").style.visibility="hidden"
}
}
//-->
</script>
</HEAD>
<BODY>
<FORM NAME="schDetails">
<table border="1" width="457">
<tr>
<td width="447" align="left" colspan="5" height="12"></td>
</tr>
<tr>
<td width="187" align="left" height="22">Amount to Pay</td>
<td width="26" align="center" height="22">:</td>
<td width="221" height="22" colspan="3">
<input type = text name ="txtPurCode" tabindex= 25 size="20"></td>
</tr>
<tr>
<td width="187" align="left" height="20">How would you like to pay</td>
<td width="26" height="20" align="center"><input type="checkbox" name="chkCash" value="ON" onclick = "c() ; getresultPay()"></td></td>
<td width="66" height="20" align="center">Cash</td>
<td width="35" height="20" align="center"><input type="checkbox" name="chkcheque" value="ON" onclick = "d() ; getresultChex()"></td></td>
<td width="108" height="20" align="center">Cheque</td>
</tr>
<tr id="shwCash" style="visibility:hidden">
<td width="187">Cash to Pay</td>
<td width="26" align="center" height="22">:</td>
<td width="221" colspan="3">
<input type = text name ='txtGRTNo' tabindex = 19 size="20"></td>
</tr>
<tr id="shwcheque" style="visibility:hidden">
<td width="187">Cheque to Pay</td>
<td width="26" align="center" height="22">:</td>
<td width="221" colspan="3">
<input type = text name ='txtGRTNo' tabindex = 19 size="20"></td>
</tr>
<tr>
<td width="447" align="left" colspan="5" height="12"></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
I would really appricate if someone could solve this for me. Regards Hi. I have a list of checkboxes with Ids that go something like; chk_AGE=16 chk_AGE=17 chk_AGE=18 chk_GENDER=MALE chk_GENDER=FEMALE chk_RANK=OFFICER chk_RANKE=OTHER When a user checks/unchecks '16' (for example), I want javascript to look up how many checkboxes in my form have an Id that begins with "chk_AGE" and return the number in an alert box ("3" in this case). If my user had checked/unchecked "Officer" an alert box would return "2" as there are 2 checkboxes that begin "chk_RANK". Can someone please help with this? I am a complete javascript beginner. i have a checkbox: Code: <input type="checkbox" id="my_checkbox" name="option2" value="Check" checked>Check i want to add an event to it so that i do something to a dom element when it is checked and when it is not checked.What is the event and how can i get its status? Hi everyone; I have created a JavaScript function to show either a enabled or a disabled text input field depending on whether a checkbox has been clicked or not. It works great for that purpose. However, when I use it for more than one text input field and I submit the form, it goes back to its disabled form. This is a problem if you by mistake submit the form without filling all the fields. As I said, the submit button makes the form go disabled. Is there a way to either not have the form go disabled after submission or to have a "Oncheck" function so I can use $_SESSION to keep the checked attribute? Thanks in advance for all your help Code: <html>
<head>
<style type="text/css">
#Active {
display:none;
}
</style>
<script type="text/javascript">
function toggle() {
if (document.getElementById) {
if (document.getElementById("checkbox").checked == true) {
document.getElementById("Active").style.display = "block";
document.getElementById("Inactive").style.display = "none";
} else {
document.getElementById("Inactive").style.display = "block";
document.getElementById("Active").style.display = "none";
}
}
}
</script>
</head>
<body>
<?php
echo "Add Field";
echo "<input type=\"checkbox\" name=\"check\" id=\"checkbox\" onClick=\"toggle();\" value=\"v\"/>";
echo "<form method=\"post\">";
echo "<div id=Active>";
if(isset($_SESSION['test']) && $_SESSION['test']!="")
{
echo "<input name=\"test\" value=\"". $_SESSION['test']."\" type=\"text\" />";
}
elseif(isset($_POST['test']) && $_POST['test']!="")
{
echo "<input name=\"test\" value=\"". $_POST['test']."\" type=\"text\"/>";
}
else
{
echo "<input name=\"test\" type=\"text\"/>";
}
echo "<input type=\"text\" name=\"test2\" >";
echo "</div>";
echo "<div id=Inactive>";
echo "<input type=\"text\" disabled>";
echo "<input type=\"text\" disabled>";
echo "</div>";
echo "<input type=\"submit\">";
echo "</form>";
$test = $_POST['test'];
$_SESSION = $_POST['test'];
$test2 = $_POST['test2'];
$_SESSION = $_POST['test2'];
echo $test;
?>
</body>
</html>
hi i was wondering if there was anyway i can check a check box with the help of javascript and have it add text from a database record to a text box without submitting the page with the help from php? i have the php coding done to get the info and edit it but cant have no idea how to do the javascript code thanks. PHP code: PHP 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>Untitled Document</title> </head> <body> <div id="user_pm"> <?php $sql="SELECT * FROM list WHERE username='usernamehere'"; $result=mysql_query($sql); $count=mysql_num_rows($result); ?> <table width="496" border="0" cellspacing="1" cellpadding="0"> <tr> <td><form name="form1" method="post" action=""> <table width="495" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000"> <tr> <td align="left" bgcolor="#3576B4" width="26"><font color="#FFFFFF" size="2"><strong></strong></td> <td align="left" bgcolor="#3576B4" width="95"><font color="#FFFFFF" size="2"><strong>From:</strong></font></td> <td align="left" bgcolor="#3576B4" width="52"><font color="#FFFFFF" size="2"><strong>To:</strong></font></td> <td align="left" bgcolor="#3576B4" width="161"><font color="#FFFFFF" size="2"><strong>Message:</strong></font></td> </tr> <?php while($rows=mysql_fetch_array($result)){ ?> <tr> <td align="center" bgcolor="#f8f8f8" width="26"> <input name="checkbox[]" type="checkbox" id="checkbox[]" value="<?php echo $rows['id']; ?>" style="float: left"></td> <td bgcolor="#f8f8f8" width="95"><font size="2"><?php echo $rows['from']; ?></font></td> <td bgcolor="#f8f8f8" width="52"><font size="2"><?php echo $rows['to']; ?></font></td> <td bgcolor="#f8f8f8" width="161"><font size="2"><?php echo $rows['message']; ?></font></td> </tr> <?php } ?> <tr> <td colspan="6" align="center" bgcolor="#f8f8f8"> <input name="edit" type="submit" id="edit" value="Edit" style="float: left"></td> </tr> <?php $message = stripslashes($post['message']); $message = $_POST['message']; $checkbox = $_POST['checkbox']; $edit = $_POST['edit']; if($edit){ for($i=0;$i<$count;$i++){ $edit_id = $checkbox[$i]; mysql_query("UPDATE list SET message='$message' WHERE id='$edit_id' And username='usernamehere'"); } if($result){ echo "<meta http-equiv=\"refresh\" content=\"0;url=index.php\">\n"; } } mysql_close(); ?> </table> </form> </td> </tr> </table> </div> </body> </html> I am trying to make a checkbox on the screen so that when I check or uncheck it a word will print on the screen. Unfortunately it is not working. The checkbox shows up but nothing happens when I check/uncheck it. Also, even though that part of the code isn't working everything that comes after it that is suppose to print onto the screen is also not printing. I am assuming it is because there is an error and cannot reach that part of the code. I am used to programming in Java and using eclipse which has a debugger in it and was wondering if there is a nice editor/debugger like eclipse I can use for JavaScript. Thanks. Code: <html>
<title>Welcome :D</title>
<head>
<style type="text/css">
body {
background-color:F0F0F0;
}
</style>
</head>
<body>
CheckBox1 <input type="checkbox" id="tandc" onClick="validate()" />
<script type="text/javascript">
fuction validate(){
if(cb1.onClick){
document.write("Print something");
}else{
document.write("Now print something?");
}
}
document.write("</br></br></br></br>");
document.write("Hello, thank you for visiting my webpage I hope you like it.");
</script>
</body>
</html>
Hello I have a site of classifieds ads.... user is choosing what he want to see/search and then a table is printed on the screen(with all the requested results) My question is... Is there a way to add a "CHECK BOX" to each of the ads and the user is checking what he wants to see later on. after he will have a button "see my checked ads" and a page will open with ONLY the ads that he checked before Any suggestions? Thanks a lot Danny Firebug returns an error saying msg.elements is undefined. I'm trying to make a function that will enabled a delete button if any of the check boxes in a list are checked. Code: function selectone () {
var msg = document.getElementsByName('pm');
var i = 0;
for(i; i < msg.elements.length; i++)
{
if(msg.elements[i].checked == true)
{
document.getElementById('multiple_action').disabled = false;
document.getElementById('drop_button').setAttribute("class", "drop_button");
}
else
{
document.getElementById('multiple_action').disabled = true;
document.getElementById('drop_button').setAttribute("class", "drop_button disabled");
}
}
}
|
|||||||