|
JavaScript - Display Data Through Else Statement
Hello i have done this so far, i dont really know how to assign the else statement in queris,
and i am not sure for js as well. Those are the files and what i have done. any idea? thanks main page: Code: <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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 type="text/javascript">
function showUser()
{
var t=document.getElementById("type");
var t_val = q.options[q.selectedIndex].value;
var c=document.getElementById("checkin");
var c_val = c.options[q.selectedIndex].value;
var r=document.getElementById("checkout");
var r_val = r.options[q.selectedIndex].value;
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()
{
var q=document.getElementById("type");
var q_val = q.options[q.selectedIndex].value;
var c=document.getElementById("checkin");
var c_val = c.options[c.selectedIndex].value;
var r=document.getElementById("checkout");
var r_val = r.options[r.selectedIndex].value;
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","check10.asp?q=" + q_val + "&c=" + c_val+"&r=" +r_val, true);
xmlhttp.send();
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form>
<select id="type" name="type" onchange="showuser()">
<option value="">types</option>
<option value="single">single</option>
<option value="double ">double</option>
<option value="suite">suits</option>
</select>
<input id="checkin" onchange="showCustomer(this.value)" size="22"/>
<input id="checkout" onchange="showCustomer(this.value)" size="22"/>
</form>
<br />
<div id="txtHint">Customer info will be listed here...</div>
</body>
</html>
The page with data: Code: <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="Connections/sqlconn.asp" -->
<%
Dim sql
Dim sql_cmd
Dim sql_numRows
------if(t and c and r){
sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and type='" & request.querystring("t") & "' and checkin>'" & request.querystring("c") & "' and checkout>'" & request.querystring("r") & "' and status='active'"
}
else if (c and r) {
sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and checkin>'" & request.querystring("c") & "' and checkout>'" & request.querystring("r") & "' and status='active'"
else if (t) {
sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and type='" & request.querystring("t") & "' and status='active'"
}
else if ("") {
"SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and status='active'"
}
sql_cmd.Prepared = true
Set sql = sql_cmd.Execute
sql_numRows = 0
%>
<%
Dim Repeat1__numRows
Dim Repeat1__index
Repeat1__numRows = -1
Repeat1__index = 0
sql_numRows = sql_numRows + Repeat1__numRows
%>
<!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>
<table border="1" cellpadding="1" cellspacing="1">
<tr>
<td>id</td>
<td>type</td>
<td>image</td>
<td>price</td>
<td>details</td>
</tr>
<% While ((Repeat1__numRows <> 0) AND (NOT sql.EOF)) %>
<tr>
<td><%=(sql.Fields.Item("id").Value)%></td>
<td><%=(sql.Fields.Item("type").Value)%></td>
<td><%=(sql.Fields.Item("image").Value)%></td>
<td><%=(sql.Fields.Item("price").Value)%></td>
<td><%=(sql.Fields.Item("details").Value)%></td>
</tr>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
sql.MoveNext()
Wend
%>
</table>
</body>
</html>
<%
sql.Close()
Set sql = Nothing
%>
Similar TutorialsI am working on my form. Once user put data in the form, I want to save it as cookie and display it in another page as form processor. In my html file therefore, I have Code: <form id="frmBuyer" method="get" action="FormProcessor_Cookies.html"
enctype="application/x-www-form-urlencoded"
onsubmit="return validate();" onreset="location.reload();">
which is basically validate all the data and once it meets the requirement, it goes to FormProcessor_Cookies.html. So, i put a function in my js file to get all the data as cookie as following. Code:
function createCookie(){
document.cookie = first + "=" + encodeURIComponent(document.forms[0].FirstName.value);
document.cookie = last + "=" + encodeURIComponent(document.forms[0].LastName.value);
document.cookie = phone1 + "=" + encodeURIComponent(document.forms[0].PhoneA.value);
document.cookie = phone2 + "=" + encodeURIComponent(document.forms[0].PhoneB.value);
document.cookie = phone3 + "=" + encodeURIComponent(document.forms[0].PhoneC.value);
document.cookie = email + "=" + encodeURIComponent(document.forms[0].Email.value);
location.href = "cookie.html";
}
and I called this function after it validates. Code: function validate(){
var blnError = false;
var zip = document.getElementById("Zip").value;
var textBoxthree = document.getElementById("third");
var textLengththree = textBoxthree.value.length;
var textBoxtwo = document.getElementById("second");
var textLengthtwo = textBoxtwo.value.length;
var textBoxone = document.getElementById("first");
var textLengthone = textBoxone.value.length;
var patternZip = new RegExp("^([0-9]){5}(([ ]|[-])?([0-9]){4})?$");
if (document.forms[0].Zip.value == ""||!patternZip.test(document.forms[0].Zip.value)){
document.getElementById('E_Zip').style.display="inline";
document.forms[0].Zip.focus();
document.forms[0].Zip.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_Zip').style.display="none";
document.forms[0].Zip.style.backgroundColor="white"
}
var patternCity = new RegExp("^(?:[a-zA-Z]+(?:[.'\-,])?\s?)+$");
if (document.forms[0].City.value == ""||!patternCity.test(document.forms[0].City.value)){
document.getElementById('E_City').style.display="inline";
document.forms[0].City.focus();
document.forms[0].City.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_City').style.display="none";
document.forms[0].City.style.backgroundColor="white"
}
var patternAddress = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
if (document.forms[0].Address1.value == ""||!patternAddress.test(document.forms[0].Address1.value)){
document.getElementById('E_Address1').style.display="inline";
document.forms[0].Address1.focus();
document.forms[0].Address1.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_Address1').style.display="none";
document.forms[0].Address1.style.backgroundColor="white"
}
var patternConfirm = new RegExp("^[_a-zA-Z0-9\\-]+(\.[_a-zA-Z0-9\\-]+)*@[a-zA-Z0-9\\-]+(\.[a-aZ-Z0-9\\-]+)*(\.[a-z]{2,3})$");
if (document.forms[0].ConfirmEmail.value == ""
||!patternConfirm.test(document.forms[0].ConfirmEmail.value)
||document.forms[0].ConfirmEmail.value != document.forms[0].Email.value){
document.getElementById('E_ConfirmEmail').style.display="inline";
document.forms[0].ConfirmEmail.focus();
document.forms[0].ConfirmEmail.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_ConfirmEmail').style.display="none";
document.forms[0].ConfirmEmail.style.backgroundColor="white"
}
var patternEmail = new RegExp("^[_a-zA-Z0-9\\-]+(\.[_a-zA-Z0-9\\-]+)*@[a-zA-Z0-9\\-]+(\.[a-aZ-Z0-9\\-]+)*(\.[a-z]{2,3})$");
if (document.forms[0].Email.value == ""||!patternEmail.test(document.forms[0].Email.value)){
document.getElementById('E_Email').style.display="inline";
document.forms[0].Email.focus();
document.forms[0].Email.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_Email').style.display="none";
document.forms[0].Email.style.backgroundColor="white"
}
var patternPhoneA = new RegExp("^\\d{3}$");
var patternPhoneB = new RegExp("^\\d{3}$");
var patternPhoneC = new RegExp("^\\d{4}$");
if(patternPhoneC.test(document.forms[0].PhoneC.value)
&&patternPhoneB.test(document.forms[0].PhoneB.value)
&&patternPhoneA.test(document.forms[0].PhoneA.value)){
document.getElementById('E_Phone').style.display="none";
}
if(patternPhoneC.test(document.forms[0].PhoneC.value)){
document.forms[0].PhoneC.style.backgroundColor="white"}
if(patternPhoneB.test(document.forms[0].PhoneB.value)){
document.forms[0].PhoneB.style.backgroundColor="white"}
if(patternPhoneA.test(document.forms[0].PhoneA.value)){
document.forms[0].PhoneA.style.backgroundColor="white"}
if (!patternPhoneC.test(document.forms[0].PhoneC.value)){
document.getElementById('E_Phone').style.display="inline";
document.forms[0].PhoneC.focus();
document.forms[0].PhoneC.style.backgroundColor="lemonchiffon"
}
if (!patternPhoneB.test(document.forms[0].PhoneB.value)){
document.getElementById('E_Phone').style.display="inline";
document.forms[0].PhoneB.focus();
document.forms[0].PhoneB.style.backgroundColor="lemonchiffon"
}
if (!patternPhoneA.test(document.forms[0].PhoneA.value)){
document.getElementById('E_Phone').style.display="inline";
document.forms[0].PhoneA.focus();
document.forms[0].PhoneA.style.backgroundColor="lemonchiffon"
}
var patternLast = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
if (document.forms[0].LastName.value == ""||!patternLast.test(document.forms[0].LastName.value)){
document.getElementById('E_LastName').style.display="inline";
document.forms[0].LastName.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_LastName').style.display="none";
document.forms[0].LastName.style.backgroundColor="white"
}
var patternFirst = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
if (document.forms[0].FirstName.value == ""||!patternFirst.test(document.forms[0].FirstName.value)){
document.getElementById('E_FirstName').style.display="inline";
document.forms[0].FirstName.style.backgroundColor="lemonchiffon"
blnError = true;
}
else{
document.getElementById('E_FirstName').style.display="none";
document.forms[0].FirstName.style.backgroundColor="white"
}
if (blnError == true){
document.getElementById('E_Alert').style.display="inline";
return false;
}
else {
document.getElementById('E_Alert').style.display="none";
createCookie();
return true;
}
}
Lastly, I tried to display all the cookies in my "FormProcessor_Cookies.html" page Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="author" content="" />
<meta name="description" content="Home" />
<meta name="keywords" content="Client Side Programming, JavaScript, CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<link rel="stylesheet" href="javascript.css"/>
<script type="text/javascript" src="shopping.js"></script>
<title>Homepage::Seunghun Jun</title>
</head>
<body>
<div id="container">
<!-- Begin web page -->
<div id="header"><!-- Header and Navigation -->
<!-- Page Heading --><!-- Navigation -->
<script type="text/javascript">
displayHeader();
</script> <br/><br/><br/><br/>
</div>
<div id="content">
<!-- Main Content --><div id="submited">
<script type="text/javascript">
/* <![CDATA[ */
document.write(documetn.cookie;);
/* ]]> */
</script></div>
</div><br/><br/><br/><br/>
<div id="footer">
<!-- Footer -->
<!-- Begin Footer Div-->
<script type="text/javascript">displayFooter();</script>
<!-- End Footer Div -->
</div>
<!--End web page -->
</div>
</body>
</html>
And its not showing any messages...I know I am asking to much...but could any expert can help me what is wrong and how I can fix this? I am trying to have the user input data into a box on a form and when they press an "Add" button, what they typed in the input field should appear in a box below. I can get it to to work....slightly. What they typed pops up where it should be, but then it disappears. Any idea as to stop that? Here is the javascript code and the form code: Code: <script type="text/javascript">
var array = new Array();
function insert(val){
array[array.length]=val;
}
function show() {
var string="";
for(i = 0; i < array.length; i++) {
string =string+array[i]+"<br>";
}
if(array.length > 0)
document.getElementById('quickSearchIngList').innerHTML = string;
}
</script>
Code: <form> <table> <th>Recipe Quick Search</th> <tr> <td class="quickSearchHeader">Ingredient:</td> </tr> <tr> <td><input type="text" name="quicksearch" size="18" id="quickSearchInput"/></td> </tr> <tr> <td class="quickSearchAddButton" id="quickSearchAddButton"><input type='image' src='images/quickAddButton.png' name='quicksearchadd' alt='Add' onclick='insert(this.form.quicksearch.value),show();'/></td> </tr> </table> </form> <div class="quickSearchIngList" id="quickSearchIngList"> </div> How would I use JavaScript to pull numbers (information such as Clan Members # Count) from this page (http://services.runescape.com/m=clan...me=Void+Nation), and then write them to a page on my site?
Hello Everybody, I have a scenario where in i have 2 divisions, TOP and BOTTOM. In the BOTTOM Division i have a list box and Submit button in a form. User can select an item from the list box and click on the submit button. After user clicks the submit button i want to display some data/graph in the bottom division. However with my current code i see that on clicking the submit button , the data is displayed on a fresh page. Please guide me if this is possible or should i use a different logic. The code goes here. Code: <html>
<head>
<TITLE> Display Graph </TITLE>
<script type="text/javascript">
function processData(form)
{
var BoardNumber = document.forms[0].elements[0].value;
var BoardIndex = document.forms[0].elements[0].selectedIndex;
alert("Selected board is :" + BoardNumber + ":Selected Index is :" + BoardIndex);
document.write("Trying to print some data : ");
document.write("<br>");
document.write("The board number is " + BoardNumber);
}
</script>
<style type="text/css">
body {
background-color : #fefefe;
font-family:arial , verdana, sans-serif;
text-align : center;
}
.page {
margin-bottom : 10px ;
text-align : left;
font-size: 12px;
background-color : 00ff00;
background-repeat:repeat-y;
border:1px solid #666666;
height : auto;
}
.Down {
margin-top : 10px ;
text-align : left;
font-size: 12px;
background-color : ff0000;
background-repeat:repeat-y;
border:1px solid #666666;
height : auto;
}
.header{ padding : 3px;
background-color:#f3f3f3; }
.content {padding : 10px;
margin-left : 100px;
}
</style>
</haed>
<body>
<div class = "page">
<div class = "header"><h1> My Company Name </h1> </div>
<div class = "content">
<!-- The main Page Goes here -->
<h2> Top DIVISION </h2>
<p>
This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page. This is test page.
</p>
</div>
</div>
<div class = "Down" name="Down">
<h2> BOTTOM DIVISION </h2>
<p>
Down : I NEED TO DISPLAY DATA/GRAPH in the same division. Not in a fresh page????
<BR>
<B>
SELECT THE BOARD NUMBER and PRESS THE BUTTON "Process Request"
</B>
<form name = "SelectColor">
<select name = "boardnum">
<option selected = "selected " value = " " > select board </option>
<option value = "Board_7125">7125</option>
<option value = "Board_7325">7325</option>
<option value = "Board_7335">7335</option>
<option value = "Board_7340">7340</option>
<option value = "Board_7342">7342</option>
<option value = "Board_7400">7400</option>
<option value = "Board_7401">7401</option>
<option value = "Board_7405">7405</option>
<option value = "Board_7420">7420</option>
<option value = "Board_7550">7550</option>
</select>
<input type="button" name="process" id="process"
value="Process Request..." onclick="processData(this.form)" /></p>
</form>
</p>
</div>
</body>
</html>
Hi and thanks in advance! Someone on this site made a form for me that hides and displays fields, depending on which variable is chosen from a given array. They did a very good job with it with one exception. It seems the code that is used to hide certain fields also hides the form data rather than posting it when the form is submitted. Here is the code for both the java (listed first) and the form itself. Code: // Funtion
// Description: show or hide element in the form according to selected element
//
function show_hide(){
if (!document.getElementById) return false;
fila = document.getElementById('tr_firstname');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_firstname_data');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_email');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_email_data');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_email');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_email_data');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_receipt_invoice');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_receipt_invoice_data');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_url');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_url_data');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_description_comments');
fila.style.display = "none"; //hide
fila = document.getElementById('tr_description_comments_data');
fila.style.display = "none"; //hide
var strtext ;
var nuoption= document.frmbodydata.csreason.length;
var nuindice = document.frmbodydata.csreason.selectedIndex;
var nuvalueSelect = document.frmbodydata.csreason.options[nuindice].value;
var strtextSelect = document.frmbodydata.csreason.options[nuindice].text;
if (nuvalueSelect==0 )
{
return;
}
fila = document.getElementById('tr_description_comments');
fila.style.display = ""; //show
fila = document.getElementById('tr_description_comments_data');
fila.style.display = ""; //show
if (nuvalueSelect==1 || nuvalueSelect==3 || nuvalueSelect==4 || nuvalueSelect==5 )
{
fila = document.getElementById('tr_firstname');
fila.style.display = ""; //show
fila = document.getElementById('tr_firstname_data');
fila.style.display = ""; //show
fila = document.getElementById('tr_email');
fila.style.display = ""; //show
fila = document.getElementById('tr_email_data');
fila.style.display = ""; //show
}
if (nuvalueSelect==2 || nuvalueSelect==3 || nuvalueSelect==4 || nuvalueSelect==5 )
{
fila = document.getElementById('tr_url');
fila.style.display = ""; //show
fila = document.getElementById('tr_url_data');
fila.style.display = ""; //show
}
if (nuvalueSelect==4 )
{
fila = document.getElementById('tr_receipt_invoice');
fila.style.display = ""; //show
fila = document.getElementById('tr_receipt_invoice_data');
fila.style.display = ""; //show
}
}
//
// Function
// Description: Validate the form for submit
//
function ValidateForm( form ) {
var nuindice = form.csreason.selectedIndex;
var nuvalueSelect = form.csreason.options[nuindice].value;
if (nuvalueSelect==0 )
{
return false;
}
valor = form.receipt_invoice.value;
if (!freturn(valor)) return false;
valor = form.description_comments.value;
if (!freturn(valor)) return false;
if (nuvalueSelect==1 || nuvalueSelect==3 || nuvalueSelect==4 || nuvalueSelect==5 )
{
valor = form.firstname.value;
if (!freturn(valor)) return false;
}
valor = form.lastname.value;
if (!freturn(valor)) return false;
valor = form.email.value;
if (!freturn(valor)) return false;
if (nuvalueSelect==2 || nuvalueSelect==3 || nuvalueSelect==4 || nuvalueSelect==4 )
{
valor = form.url.value;
if (!freturn(valor)) return false;
}
alert ("Thank you for your comment.")
return true
}
//
// Function
// Description: Function to return TRUE or FALSE for inclomplete data
//
/*function freturn(pbolvalue)
{
if( pbolvalue == null || pbolvalue.length == 0 || /^\s+$/.test(pbolvalue) )
{
alert ("Incomplete Data, check please.");
return false;
}else{
return true;
}
}
*/
function ReloadCaptchaImage(captchaImageId)
{
var obj = document.getElementById(captchaImageId);
var src = obj.src;
var date = new Date();
var pos = src.indexOf('&rad=');
if (pos >= 0) { src = src.substr(0, pos); }
obj.src = src + '&rad=' + date.getTime();
return false;
}
Code: <center> <form id="frmbodydata" name="frmbodydata" onsubmit="return ValidateForm(this);" action="http://www.SnapHost.com/captcha/WebFormSubmit.aspx" method="post"> <input id="SnapHostID" name="SnapHostID" value="2FMYX5LLTQZQ" type="hidden" />
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>Reason for contact</td>
</tr>
<tr>
<td><select id="csreason" name="csreason" onchange="show_hide();" align="left"> <option value="0">Please Select One</option> <option value="1">Contact</option> <option value="2">Report Bad Link</option> <option value="3">Gallery Submission</option> <option value="4">Preferred Partner Submission</option> <option value="5">Link Exchange</option> </select></td>
</tr>
<tr id="tr_firstname" style="display:none;">
<td>First name/Last name</td>
</tr>
<tr id="tr_firstname_data" style="display:none;">
<td><input id="firstname" /><input id="lastname" align="left" type="text" /></td>
</tr>
<tr id="tr_email" style="display:none;">
<td>Email</td>
</tr>
<tr id="tr_email_data" style="display:none;">
<td><input id="email" size="30" maxlength="30" align="left" type="text" /></td>
</tr>
<tr id="tr_receipt_invoice" style="display:none;">
<td>Receipt/Invoice</td>
</tr>
<tr id="tr_receipt_invoice_data" style="display:none;">
<td><input id="receipt_invoice" name="receipt_invoice" size="15" maxlength="15" align="left" type="text" /></td>
</tr>
<tr id="tr_url" style="display:none;">
<td>URL</td>
</tr>
<tr id="tr_url_data" style="display:none;">
<td><input id="url" size="80" maxlength="80" align="left" type="text" /></td>
</tr>
<tr id="tr_description_comments" style="display:none;">
<td>Description/Comments</td>
</tr>
<tr id="tr_description_comments_data" style="display:none;">
<td><textarea id="description_comments" rows="10" cols="50" align="left"> </textarea></td>
</tr>
<tr>
<td><i>Enter security code</i></td>
<td>SECURITY CODE</td>
</tr>
<tr>
<td><input name="CaptchaCode" class="txtFields" maxlength="6" style="width:130px; height:28px; font-size:24px; text-align:center;" type="text" /></td>
<td><a href="http://www.SnapHost.com/captcha/ProCaptchaOverview.aspx"><img id="CaptchaImage" alt="Web Form Code" style="margin-left:20px; border:1px
solid #999999;" src="http://www.SnapHost.com/captcha/WebForm.aspx?id=2FMYX5LLTQZQ&ImgType=2" /></a> <br /> <a href="#" onclick="return ReloadCaptchaImage('CaptchaImage');"><span style="font-size:12px;">reload image</span></a></td>
</tr>
<tr>
<td align="center"><input src="http://www.theopenpussy.com/1/images/submit.gif" alt="Submit button" type="image" /></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</form> </center>
Sorry for all the code! Is there anything I can do to maintain the hide and seek nature of the forms and show the data that is submitted, or am I stuck displaying all fields all the time? Hey guys, I'm hoping this is possible or that there is an easier way to do this. I'm having an issue with displaying data from one array that contains information about users in a table that is controlled by a different array. Is it possible to do this or is this use of arrays to display the data the wrong approach? The table is located on one webpage, I simply want to extract one piece of information that I have placed in the initial array as part of the login script that contains user information (for validation for login etc) and display it in a table on the new webpage that is opened as a result of successful validation of the user details. I'm completely stumped and after many attempts I just can't seem to get it to work. Hello everyone, I am using javascript and I have a radio button that the user selects and I have a function to see which button was selected, but i'm trying to use the return of that if statement in another statement. Basically another part of the function is dependent on what the user selects in the radio button. Here is what I have so far (I have some things in there that might not work because i'm trying to figure out what works): Code: <script type="text/javascript">
function getSelectedRadio() {
len = document.dates.dep.length
// returns the array number of the selected radio button or -1 if no button is selected
if (document.dates.dep[0]) { // if the button group is an array (one button is not an array)
for (var i=0; i<len; i++) {
if (document.dates.dep[i].checked) {
return i
}
}
} else {
if (document.dates.dep.checked) { return 0; } // if the one button is checked, return zero
}
// if we get to this point, no radio button is selected
return -1;
}
function Calculate() {
var i = getSelectedRadio();
if (i == -1) {
alert("Please select if Marine entered Delayed Entry Program");
} else {
if (document.dates.dep[i]) {
return document.dates.dep[i].value; }
else {
return document.dates.dep.value; }
}
if (document.dates.yearDEAF.value < 1985 && document.dates.monthDEAF.value < 01 &&
document.dates.dayDEAF.value < 01 && first return from above ) {
document.dates.yearDEP.value = (document.dates.yearDEAF.value);
document.dates.monthDEP.value = (document.dates.monthDEAF.value);
document.dates.dayDEP.value = (document.dates.dayDEAF.value);
document.dates.yearPEBD.value = (document.dates.yearDEAF.value);
document.dates.monthPEBD.value = (document.dates.monthDEAF.value);
document.dates.dayPEBD.value = (document.dates.dayDEAF.value);
}
else if (document.dates.yearDEAF.value < 1985 && document.dates.monthDEAF.value < 01 &&
document.dates.dayDEAF.value < 01 && second return from above ) {
document.dates.yearPEBD.value = (document.dates.yearAFADBD.value);
document.dates.monthPEBD.value = (document.dates.monthAFADBD.value);
document.dates.dayPEBD.value = (document.dates.dayAFADBD.value);
document.dates.yearDEP.value = "N/A";
document.dates.monthDEP.value = "N/A";
document.dates.dayDEP.value = "N/A";
}
}
</script>
I color coded in red the returns i'm trying to reference and where they need to be. Is this possible, and if so how can I do it? I haven't been able to find anything on the internet so far. Any help is greatly appreciated! Hello, I have just started studying JS and don't know a whole lot about it. One exercise I have been given is to use the while statement to ask the user to guess a number between one and ten. this is the code I have attempted so far but it does not work. Simple for any one who is good at this. Impossible to me. Any takershttp://www.codingforums.com/images/smilies/confused.gif <!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>While Test</title> <script type="text/javascript"> <!-- function whileTest(){ var number = 4; var answer = 0; while(number != answer ){ answer=prompt("Guesss a number between 1 and ten",""); } alert("4 is the correct answer") //--> </script> </head> <body onLoad="whileTest();"> </body> </html> No matter what first name and last name I enter I get "Wrong!" I get wrong if I enter john smith or bill shaw Code: <html>
<head>
</head>
<body>
<script type="text/javascript">
var input;
var first;
var last;
input = window.prompt("Please Enter First and Last Name (e.g. Joe Smith)");
if ((first == "John" || first == "john") && (last == "Smith"|| last == "smith")){
document.write ("Welcome John Smith");
}
if ((first == "Bill" || first == "bill") && (last == "Shaw"|| last == "Shaw")){
document.write ("Welcome Bill Shaw");
}
else {
document.write("Wrong!");
}
</script>
<body>
</html>
I am relatively new to JavaScript coding, and I a having some problems with an IF statement. I want the IF statement to tell me when the number is below the minimum. Code: function main (txtpamphletMin,txtpamphletMax,optQuality,selIncrement,txtResults)
{
var txtpamphletMin,txtpamphletMax,optQuality,selIncrement;
var amount = 100;
var errorMsg = "";
var results = "";
pamphletMin = pamphletMin.value; //Make sure that the minimum number of pamphlets required is entered
if (pamphletMin == "pamphletMin<100")
{
errorMsg = "Number of pamphlets must be above 100";
}
else
{
pamphletMin = txtpamphletMin.value; //get the number of pamphlets from the text box
errorMsg = validatepamphletMin(Minimum Pamphlets);
}
I know that this is no the entire statement but I am just having problems with this one. Can anyone help? I've got this code below to change an images source url based on the clicks from a dropdown menu. Is it possible to shorten this with some sort of if/or statement instead of all the else if's? something that says "if crenate or serrate or this or that, do this" here's the function: Code: function change3(picName,choice)
{
var url = (document[picName].src);
if (/crenate\D{1}/.test(url)) {
url = url.replace(/crenate/, choice)
document[picName].src=(url);
}
else if (/margin_finelyserrate\D{1}/.test(url)) {
url = url.replace(/margin_finelyserrate/, choice)
document[picName].src=(url);
}
else if (/margin_lobed\D{1}/.test(url)) {
url = url.replace(/margin_lobed/, choice)
document[picName].src=(url);
}
else if (/margin_undulate\D{1}/.test(url)) {
url = url.replace(/margin_undulate/, choice)
document[picName].src=(url);
}
else if (/doubleserrate\D{1}/.test(url)) {
url = url.replace(/doubleserrate/, choice)
document[picName].src=(url);
}
else if (/leaf_shapes\D{1}/.test(url)) {
url = url.replace(/leaf_shapes/,"leaf_shapes/" + choice)
document[picName].src=(url);
}
}
The dropdown menu just has options written like this: Code:
<li id="margin1"><a href="javascript:passit4('entire')" onMouseover="change1('pic8','image34')" onclick="ShowContent('uniquename3'); change3('pic2','entire');" onMouseout="change1('pic8','image_off');">sample link (entire)</a></li>
Hi! I am a total newbie I'm afraid but I really enjoy learning javascript. Today I'm trying to write an if statement. I want the image1 on a web page to change when it's clicked to image2. Then I want the if statement to see if the source of the image is the changed image2.jpg (or still the original image1.jpg) and if it is the changed one I want another click to change it to image3. Here's my code, but the change to image 3 is not working: /* image change start */ var imgchanger = document.getElementById("changingimage"); imgchanger.onclick = function() { imgchanger.src = "image2.jpg"; }; /* image change 2 start */ if (imgchanger.src == "image2.jpg") { imgchanger.onclick = function() { imgchanger.src = "image3.jpg"; }; } Code: <script type="text/javascript">
var clicks=0;
function linkClick(){
document.getElementById('clicked').value = ++clicks;
if (clicks>2) {
var answer = confirm ("What choice would you like?")
if (answer)
window.open("choiceA.html",'','scrollbars=no,menubar=no,height=600,width=800,resizable=no,toolbar=no,location=no,status=no')
else (answer)
window.open("choiceB.html",'','scrollbars=no,menubar=no,height=450,width=450,resizable=no,toolbar=no,location=no,status=no')
}
}
</script>
OR Code: <script type="text/javascript">
var clicks=0;
function linkClick(){
document.getElementById('clicked').value = ++clicks;
if (clicks>2) {
var answer = confirm ("What choice would you like?")
if (answer){
window.open("choiceA.html",'','scrollbars=no,menubar=no,height=600,width=800,resizable=no,toolbar=no,location=no,status=no')
}
else (answer)
window.open("choiceB.html",'','scrollbars=no,menubar=no,height=450,width=450,resizable=no,toolbar=no,location=no,status=no')
}
}
</script>
OK, so now I'm trying so open a specific page depending on the users answer. I am aware that my code should look like this: Code: if (condition)
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}
However because of my click counter I have been unable to do this. My code itself does kinda work BUT choiceA open both choiceA and choiceB's pages :-( choiceB is fine and opens choiceB's page. I know that it's probably a small syntax error but I just can't see where. Thank-you in advance for your assistance. I want to know how I can update my power_points field if a select option is chosen. For example: if animal guardian is chosen Power_points - (attribute_level * 1) if combined attacks is chosen power_points - (attribute_level * 1) if elemental control is chosen power_points - (attribute_level * 3) etc... Here is my current script: Code: <?php
session_start();
?>
<form>
<table cellpadding="3" cellspacing="3">
<tr>
<th>Attribute</th>
<th>Level</th>
<th>Power Points:</th>
<th>Character Points:</th>
</tr>
<tr>
<td><input type="text" readonly="readonly" value="Scout/Knight Powers" size="19" name="attribute1" /></td>
<td><select name="level" onclick="power(), remain()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select></td>
<td align="center"><input type="text" name="power_points" id="power_points" size="1" readonly="readonly"/></td>
<td align="center"><input type="text" name="cp_remain" id="cp_remain" size="1" readonly="readonly" /></td>
</tr>
</table>
</form>
<form method="POST" action="test_batosai.php">
<table><tr><td>
<div id="dynamicInput1">
<table cellpadding="3" cellspacing="3">
<thead>
<tr>
<th>Sub-Attribute</th>
<th>Level</th>
<th>Notes <i>(optional)</i></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="attribute[]" size="1">
<option value="1">Animal Guardian</option>
<option value="2">Combined Attacks</option>
<option value="3">Elemental Control</option>
<option value="4">Emotional Control</option>
<option value="5">Item Of Power</option>
<option value="6">Knight Attack</option>
<option value="7">Rejuvenation</option>
<option value="8">Sailor Scout Attack</option>
</select></td>
<td>
<select name="attribute_level[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select></td>
<td><textarea name="sub_notes[]" rows="1" cols="30">
</textarea></td>
</tr>
</tbody>
</table>
</div>
<div id="cloneDiv1">
</div>
</td>
<td>
<div id="dynamicInput2">
<table cellpadding="3" cellspacing="3">
<thead>
<tr>
<th>Neutral Attribute</th>
<th>Level</th>
<th>Notes <i>(optional)</i></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="attribute2[]" size="1">
<option value="1">Acrobatics</option>
<option value="2">Appearance</option>
<option value="3">Art Of Distraction</option>
<option value="4">Combat Mastery</option>
<option value="5">Damn Healthy!</option>
<option value="6">Divine Relationship</option>
<option value="7">Energy Bonus</option>
<option value="8">Extra Attacks</option>
<option value="9">Focused Combat</option>
<option value="10">Fortified Body</option>
<option value="11">Heightened Negaverse Power</option>
<option value="12">Heightened Senses</option>
<option value="13">Heightened Scout Powers</option>
<option value="14">Massive Damage</option>
<option value="15">Powerful Mind</option>
<option value="16">Special Attack/Defense</option>
<option value="17">Speed</option>
<option value="18">Strong Soul</option>
<option value="19">Supernatural Training</option>
<option value="20">Unique Character Attribute</option>
</select></td>
<td>
<select name="attribute_level2[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select></td>
<td><textarea name="neutral_notes[]" rows="1" cols="30">
</textarea></td>
</tr>
</tbody>
</table>
</div>
<div id="cloneDiv2">
</div>
</td></tr></table>
<input type="button" value="Add another Sub-Attribute" onClick="addInput('dynamicInput1','cloneDiv1');">
<input type="button" value="Add another Neutral Attribute" onClick="addInput('dynamicInput2','cloneDiv2');">
<input type="submit" /><input type="reset" />
</form>
<script type="text/javascript">
var counter = 1;
var limit = 10000000;// Set a limit if you want to
function addInput(divFrom,divTo){
if (counter == limit) {
alert("You have reached the limit of adding " + counter + " inputs");
}
else {
var newdiv = document.createElement('div');
newdiv.innerHTML = document.getElementById(divFrom).innerHTML;
document.getElementById(divTo).appendChild(newdiv);
counter++;
}
}
//function for Power Points
function power()
{
var first,res1;
//Take the value of first textbox and convert it to float
first=parseFloat(document.forms[0].level.value);
res1=(first)*10;
//show the result in the result textbox
document.forms[0].power_points.value=res1;
}
//end function for Power Points
//function for Character Points remaining
function remain()
{
var first,res2;
//Take the value of first textbox and convert it to float
first=parseFloat(document.forms[0].level.value);
res2=10-((first)*4);
//show the result in the result textbox
document.forms[0].cp_remain.value=res2;
}
//end function for Character Points
</script>
Can anyone help? Code: function showResults( results )
{
if ( results.length == 0 )
{
msg = "no projects found";
}
else {msg = results [0];
}
document.getElementById("RESULTS").innerHTML = msg;
//= results.join( "<br/>" );
cannot get it to show "no projects found" for 0 results and also to show all multiple results if multiple are found. works right now for 1 result but not multiple. the =results.join( "<br/>" ); works if multiple but then it will not say no projects found for 0 results. Hello CF im wondering how could i use an if statement to have something pop up when visitors visit my site that allows them two choices. it would say something like this. Would you Like to always see the navigation Bar? then they have two options. Yes and No. then depending on what they choose it will either have the code use the absolute or the fixed positioning attribute for the whole code. Or is this just not possible? If you want me to explain it more just ask. can someone help me with this pls: Code: function anything()
{
var tegenover = document.getElementById("minlas");
var septo = document.getElementById("combo_2"); //prijs verbinder per meter
var serr = document.getElementById("comba_2"); //prijs verbinder per meter
var seprr = document.getElementById("combb_2"); //prijs verbinder per meter
var septrr = document.getElementById("combc_2"); //prijs verbinder per meter
var nocho = document.getElementById("wide"); //breedte band in mm
document.getElementById("totprijslas").value = Math.round(100*((parseFloat(septo.value) + parseFloat(serr.value) + parseFloat(seprr.value) + parseFloat(septrr.value)) * parseFloat(nocho.value))/1000)/100;
}
the value returned of totprijslas can be anything between 0 and 1000,but i want the value of "totprijslas" to be a minimum of "50",so for example if result is 30 then i need it to show 50.can someone help me with an if statement for this.thx I'm not very familiar with java script at all, but could someone please explain how to make an if else else statement that follows these guidelines? 1. If the income is $70,000 or above the tax rate starts at 70% (the % sign will not show) 2. If the income is $20,000 or below the tax rate starts at 10% (the % sign will not show) 3. Otherwise the tax rate starts at 25% Thank you SO much! ok i have a little problem. for class i have to make this website and i'm going into it deeper than everyone else in my class. so here's what i need the function to do. its javascript code and it is attached to a textfield form. when the form is submitted it goes to java to see what it should do. java see's if it is one of two things in the if else statement. 1. If (search == "Justin Pernell") then it would go to link a 2. else then it goes to link b P.S. i have justin pernell up there because if the user searches for anything that isn't my name then they go to an error page. now i have all the above code written the only thing i need help with is telling java to go to link a or b. i cant find the code to forward to a url anywhere. and the other thing is it has to open a local file, like ex:"C:/whatever/site.html" can anyone help me out here? |
|||||||