http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FForm_Control%2FForm_Layout
JavaScript DHTML/Form Control/Form Layout - История изменений
2026-04-04T15:15:48Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/Form_Layout&diff=2518&oldid=prev
в 09:59, 26 мая 2010
2010-05-26T09:59:59Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:59, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/Form_Layout&diff=2519&oldid=prev
Admin: 1 версия
2010-05-26T07:21:54Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Hidden form section (toggle)==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <br />
"http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<!-- <br />
Example File From "JavaScript and DHTML Cookbook"<br />
Published by O"Reilly & Associates<br />
Copyright 2003 Danny Goodman<br />
--><br />
<html><br />
<head><br />
<title>Recipe 8.10</title><br />
<style rel="stylesheet" id="mainStyle" type="text/css"><br />
html {background-color:#cccccc}<br />
body {background-color:#eeeeee; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px;<br />
margin-left:15%; margin-right:15%; border:3px groove darkred; padding:15px}<br />
h1 {text-align:right; font-size:1.5em; font-weight:bold}<br />
h2 {text-align:left; font-size:1.1em; font-weight:bold; text-decoration:underline}<br />
.buttons {margin-top:10px}<br />
</style><br />
<script type="text/javascript"><br />
function togglePurDec(evt) {<br />
evt = (evt) ? evt : event;<br />
var target = (evt.target) ? evt.target : evt.srcElement;<br />
var block = document.getElementById("purchaseDecisionData");<br />
if (target.id == "purDecFlag1") {<br />
block.style.display = "block";<br />
} else {<br />
block.style.display = "none"; <br />
}<br />
}<br />
</script><br />
</head><br />
<body><br />
<h1>Hidden Form Sections</h1><br />
<hr /> <br />
<form name="survey" ...><br />
...<br />
<p>3. Do you make purchase decisions for your company?<br><br />
<input type="radio" id="purDecFlag0" name="purchaseDecision" <br />
onclick="togglePurDec(event)">No <br />
<input type="radio" id="purDecFlag1" name="purchaseDecision" <br />
onclick="togglePurDec(event)">Yes <br />
<div id="purchaseDecisionData" style="display:none; margin-left:20px"><br />
<p><br />
3a. What is your purchase budget for the current fiscal year?<br />
<select name="PurBudget"><br />
<option value="">Choose One:</option><br />
<option value="1">Less than $50,000</option><br />
<option value="2">$50,000-100,000</option><br />
<option value="3">$100,000-500,000</option><br />
<option value="4">$500,000+</option><br />
</select><br />
</p><br />
<p><br />
3b. What role do you play in purchase decisions? (check all that apply)<br><br />
<input type="checkbox" name="purRole1">Research<br><br />
<input type="checkbox" name="purRole2">Recommend<br><br />
<input type="checkbox" name="purRole3">Review Recommendations of Others<br><br />
<input type="checkbox" name="purRole4">Sign Purchase Orders<br><br />
<input type="checkbox" name="purRole5">None of the above<br><br />
</p><br />
</div><br />
</p><br />
<p>4. How long have you been at your current employment position?<br />
<select name="emplLen"><br />
<option value="">Choose One:</option><br />
<option value="1">Less than 6 months</option><br />
<option value="2">6-12 months</option><br />
<option value="3">1-2 years</option><br />
<option value="4">2+ years</option><br />
</select><br />
</p><br />
...<br />
</form><br />
</body><br />
</html><br />
<br />
<br />
</source></div>
Admin