New Topic/Question
Reply
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
Fly Info
</title>
<link rel="stylesheet" href="css/flyStockInfoPanel.css" type="text/css" />
<!--Scripts-->
<script type="text/javascript">
<!--
function edit(){
toggleFormInputStates();
}
function saveChanges(){
toggleFormInputStates();
}
function cancelChanges(){
toggleFormInputStates();
}
function toggleFormInputStates(){
var frm=document.forms['flyInfo'].elements;
for(var i=0; i<frm.length; i++){
frm[i].disabled = !frm[i].disabled;
}
}
function moveToFlyStock(var1){
var url=document.location.href;
var indexOfID=url.search("stockID");
if(indexOfID < 0){
alert("You haven't searched for a stock yet!");
}else{
var indexOfstrnShrtHnd=url.search("&strnShrtHnd");
var mainURL=url.substring(0, indexOfID);
var index=url.substring(indexOfID, indexOfstrnShrtHnd);
var newIndex=(index + var1);
if(newIndex < 1){
alert("This is the first stock!");
}else{
var newURL=mainURL.concat(newIndex);
document.location.href=newURL;
}
}
}
//-->
</script>
</head>
<body>
<div id="content">
<div id="infoTable">
<div id="flyStockInfoPanel">
<form action="lookUpFlyStock.php" method="get" name="flyInfo">
<!--group 1-->
<div id="idInfo">
<span class="padding">
<label for="stockID">
Stock ID:
</label>
<input type="text" name="stockID" disabled />
</span>
<span class="padding">
<label for="strnShrtHnd">
Strain Shorthand
</label>
<input type="text" name="strnShrtHnd" size="50" disabled />
</span>
<span class="padding">
<input type="checkbox" name="dcsd" disabled />
<label for="dcsd">
Deceased
</label>
</span>
</div>
<br />
<!--end group 1-->
<!--group 2-->
<div id="chromosomes">
<div id="aChromosomes">
<span class="padding">
<label for="chrm1a">
Chromosome 1a:
</label>
<input type="text" name="chrm1a" disabled />
</span>
<span class="padding">
<label for="chrm2a">
Chromosome 2a:
</label>
<input type="text" name="chrm2a" disabled />
</span>
<span class="padding">
<label for="chrm3a">
Chromosome 3a:
</label>
<input type="text" name="chrm3a" disabled />
</span>
</div>
<br />
<div id="bChromosomes">
<span class="padding">
<label for="chrm1b">
Chromosome 1b:
</label>
<input type="text" name="chrm1b" disabled />
</span>
<span class="padding">
<label for="chrm2b">
Chromosome 2b:
</label>
<input type="text" name="chrm2b" disabled />
</span>
<span class="padding">
<label for="chrm3b">
Chromosome 3b:
</label>
<input type="text" name="chrm3b" disabled />
</span>
</div>
<br />
</div>
<!--end group 2-->
<!--group 3-->
<div id="notes">
<span class="padding">
<label for="notes">
Notes:
</label>
<textarea name="notes" rows="4" disabled="disabled"></textarea>
</span>
<span class="padding">
<label for="keywords">
Keywords:
</label>
<textarea name="keywords" rows="4" disabled="disabled"></textarea>
</span>
<br />
</div>
<!--end of group 3-->
<!--group 4-->
<div id="extraFlyStockInfo">
<span class="padding">
<label for="stckSrc">
Source:
</label>
<input type="text" name="stckSrc" disabled />
</span>
<span class="padding">
<label for="dtEntrd">
Date Entered:
</label>
<input type="text" name="dtEntrd" disabled />
</span>
<span class="padding">
<label for="entrdBy">
Entered By:
</label>
<select name="entrdBy" disabled>
<option value="-">----------</option>
<option value="Bob">Bob</option>
<option value="Judy">Judy</option>
<option value="Nancy">Nancy</option>
<option value="Fred">Fred</option>
</select>
</span>
<br />
</div>
<!--end of group 4-->
<!--group 5-->
<div id="flyLookupButtons">
<span class="padding">
<input type="button" value="Previous" name="previous" onclick="moveToFlyStock(-1)"/>
</span>
<span class="padding">
<input type="button" value="Next" name="next" onclick="moveToFlyStock(1)"/>
</span>
<br />
<span class="padding">
<input type="button" value="Edit" name="editButton" onclick="edit()"/>
</span>
<span class="padding">
<input type="button" value="Save Changes" name="saveChanges" onclick="saveChanges()" disabled />
</span>
<span class="padding">
<input type="button" value="Cancel Changes" name="cancelChanges" onclick="cancelChanges()" disabled/>
</span>
</div>
<!--end of group 5-->
</form>
</div>
</div>
</div>
</body>
</html>
EDIT: I added alerts to the saveChanges and cancelChanges methods and they're not being reached. Would it be possible that even though clicking on the edit button sets their disable=false, javascript still thinks that they are disabled and so even though their view is enabled (gui change) their onclick is still disabled?
This post has been edited by mufasa: 20 January 2011 - 10:40 AM
MultiQuote
| 