Hey all,
I have created a conditional form using AJAX. Pretty much what it does is when you select a device it shows the form for adding that device to my inventory. The ajax part works great! thanks greyhead for that(i read it in one of your posts in the how to). Now im having a problem, when i submit the form it either does nothing, or goes to a blank white screen. any ideas? Ill include my code its very long though.
I have created a conditional form using AJAX. Pretty much what it does is when you select a device it shows the form for adding that device to my inventory. The ajax part works great! thanks greyhead for that(i read it in one of your posts in the how to). Now im having a problem, when i submit the form it either does nothing, or goes to a blank white screen. any ideas? Ill include my code its very long though.
<?php
$script = "
window.addEvent('domready', function() {
var selectDiv = function() {
if( $('type').value == '' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'computer' ) {
$('computer').setStyle('display', 'block');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'printer' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'block');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'printserv' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'block');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'fax' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'block');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'scanner' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','block');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'wap' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'block');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'network' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'block');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'phone' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'block');
$('monitor').setStyle('display', 'none');
}
if( $('type').value == 'monitor' ) {
$('computer').setStyle('display', 'none');
$('printer').setStyle('display', 'none');
$('printserv').setStyle('display', 'none');
$('fax').setStyle('display', 'none');
$('scanner').setStyle('display','none');
$('wap').setStyle('display', 'none');
$('network').setStyle('display', 'none');
$('phone').setStyle('display', 'none');
$('monitor').setStyle('display', 'block');
}
};
$('type').addEvent('change', selectDiv);
});
";
$doc =& JFactory::getDocument();
$doc->addScriptDeclaration($script);
?>
<div class="form_item">
<div class="form_element cf_dropdown">
<div class="float_left">
<label class="cf_label" style="width: 150px;">Device Type:</label>
<select class="cf_inputbox" name="type" id="type">
<option value="">Chose Device Type</option>
<option value="computer">Computer</option>
<option value="printer">Printer</option>
<option value="printserv">Print Server</option>
<option value="fax">Fax</option>
<option value="scanner">Scanner</option>
<option value="wap">WAP</option>
<option value="network">Network Device</option>
<option value="phone">Phone</option>
<option value="monitor">Monitor</option>
</select>
</div>
</div>
</div>
<div id="computer" name="computer" style="display: none;">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">PC/Monitor:</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">User:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_6" name="user" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text">Make/Model:</span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Make:</label>
<select class="cf_inputbox validate-selection" id="select_3" size="1" title="*" name="pc.make">
<option value="">Choose Option</option>
<option value="Antec">Antec</option>
<option value="Dell">Dell</option>
<option value="Compaq">Compaq</option>
<option value="HP">HP</option>
<option value="Acer">Acer</option>
<option value="Gateway">Gateway</option>
<option value="IBM">IBM</option>
<option value="Elite PC">Elite PC</option>
<option value="SUN">SUN</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Model:</label>
<select class="cf_inputbox validate-selection" id="select_4" size="1" title="*" name="pc.model">
<option value="">Choose Option</option>
<option value="Dimension">Dimension</option>
<option value="Precision">Precision</option>
<option value="Latitude">Latitude</option>
<option value="Optiplex">Optiplex</option>
<option value="Other">Other</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Model Number:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_5" name="pc.modelnum" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_22" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Service Tag/Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_7" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Warranty Length(in years):</label>
<select class="cf_inputbox validate-selection" id="select_22" size="1" title="*" name="pc.warranty">
<option value="">Choose Option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_23" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Operating System:</label>
<select class="cf_inputbox" id="select_9" size="1" title="" name="pc.os">
<option value="">Choose Option</option>
<option value="XP 64bit">XP 64bit</option>
<option value="XP 32bit">XP 32bit</option>
<option value="Vista 64bit">Vista 64bit</option>
<option value="Vista 32bit">Vista 32bit</option>
<option value="Windows 7 64bit">Windows 7 64bit</option>
<option value="Windows 7 32bit">Windows 7 32bit</option>
<option value="Solaris">Solaris</option>
<option value="Server 2000">Server 2000</option>
<option value="Server 2003">Server 2003</option>
<option value="Server 2008">Server 2008</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Processor Speed:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_10" name="ps.proc" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Memory:</label>
<select class="cf_inputbox validate-selection" id="select_13" size="1" title="*" name="pc.memory">
<option value="">Choose Option</option>
<option value="512mb">512mb</option>
<option value="1gb">1gb</option>
<option value="1.5gb">1.5gb</option>
<option value="2gb">2gb</option>
<option value="2.5gb">2.5gb</option>
<option value="3gb">3gb</option>
<option value="3.5gb">3.5gb</option>
<option value="4gb">4gb</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">HD:</label>
<input class="cf_inputbox required validate-number" maxlength="150" size="30" title="*" id="text_14" name="pc.hd" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<h1>Monitor?</h1>Yes<input type='radio' name='mon1' onclick="showstuff('mon1');"/>No<input type='radio' name='mon1' onclick="hidestuff('mon1');"/>
<div id='mon1'>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Monitor Model:</label>
<input class="cf_inputbox" maxlength="150" size="30" title="*" id="text_15" name="pc.mon1model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox validate-number" maxlength="4" size="4" title="" id="text_16" name="pc.mon1asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="text_17" name="pc.mon1serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox validate-number" maxlength="4" size="4" title="" id="text_18" name="pc.mon1year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
</div>
<h1>2nd Monitor?</h1>Yes<input type='radio' name='mon2' onclick="showstuff('mon2');"/>No<input type='radio' name='mon2' onclick="hidestuff('mon2');"/>
<div id='mon2'>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Monitor Model:</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="text_19" name="pc.mon2model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox validate-number" maxlength="4" size="4" title="" id="text_20" name="pc.mon2asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="text_21" name="pc.mon2serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox validate-number" maxlength="4" size="4" title="" id="text_22" name="pc.mon2year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="printer" name="printer" style="display: none;">
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text"> <h1 class="cf_text">Add Printer</h1></span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text">Make/Model:</span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Make:</label>
<select class="cf_inputbox validate-selection" id="select_13" size="1" title="*" name="pr.brand">
<option value="">Choose Brand</option>
<option value="HP">HP</option>
<option value="Cannon">Cannon</option>
<option value="Datamax">Datamax</option>
<option value="Tec">Tec</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Model:</label>
<select class="cf_inputbox validate-selection" id="select_14" size="1" title="*" name="pr.model">
<option value="">Choose Option</option>
<option value="LabelPrinter">LabelPrinter</option>
<option value="DeskJet">DeskJet</option>
<option value="LaserJet">LaserJet</option>
<option value="ColorLaserJet">ColorLaserJet</option>
<option value="OfficeJet">OfficeJet</option>
<option value="IR">IR</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Model Number:</label>
<input class="cf_inputbox required validate-number validate-alphanum" maxlength="10" size="10" title="*" id="text_15" name="pr.modelnum" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_2" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_3" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">IP:</label>
<input class="cf_inputbox required" maxlength="15" size="15" title="*" id="text_4" name="pr.ip" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_5" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Ink:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_12" name="pr.ink" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_8" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="printserv" name="printserv" style="display: none">
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text"><h1 class="cf_text">Add Print Server</h1></span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Make/Model:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_1" name="ps.makemodel" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_2" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_3" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">IP:</label>
<input class="cf_inputbox required" maxlength="15" size="15" title="*" id="text_4" name="ps.ip" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_5" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Port Config:</label>
<input class="cf_inputbox required validate-number" maxlength="2" size="2" title="*" id="text_6" name="ps.ports" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_7" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="fax" name="fax" style="display: none">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">Add Fax</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text">Make/Model:</span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Make:</label>
<select class="cf_inputbox" id="select_3" size="1" title="*" name="fx.brand">
<option value="">Choose Option</option>
<option value="Brother">Brother</option>
<option value="Cannon">Cannon</option>
<option value="HP">HP</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Model:</label>
<select class="cf_inputbox" id="select_5" size="1" title="*" name="fx.model">
<option value="">Choose Option</option>
<option value="IC">IC</option>
<option value="IR">IR</option>
<option value="Laser">Laser</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_6" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_7" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_8" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Cartridge:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_9" name="fx.cartridge" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_11" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Extension:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_12" name="fx.extension" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="scanner" name="scanner" style="display: none;">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">Add Scanner</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text">Make/Model:</span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Make:</label>
<select class="cf_inputbox validate-selection" id="select_2" size="1" title="*" name="sc.make">
<option value="">Choose Option</option>
<option value="Symbol">Symbol</option>
<option value="Other">Other</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Model:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_3" name="sc.model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_4" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_5" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_6" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_7" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Mac:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_8" name="sc.mac" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="wap" name="wap" style="display: none">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">Add WAP</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text">Make/Model:</span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Make:</label>
<select class="cf_inputbox validate-selection" id="select_2" size="1" title="*" name="wp.make">
<option value="">Choose Option</option>
<option value="Linksys">Linksys</option>
<option value="Other">Other</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Model:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_3" name="wp.model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_4" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_5" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_6" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_7" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">IP:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_8" name="wp.ip" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="network" name="network" style="display: none;">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">Add Network Device</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_text"> <span class="cf_text">Make/Model:</span> </div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Make:</label>
<select class="cf_inputbox validate-selection" id="select_3" size="1" title="*" name="nd.make">
<option value="">Choose Option</option>
<option value="Cisco">Cisco</option>
<option value="Netgear">Netgear</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Model:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_4" name="nd.model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_5" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Speed:</label>
<select class="cf_inputbox validate-selection" id="select_7" size="1" title="*" name="nd.speed">
<option value="">Choose Option</option>
<option value="10/100">10/100</option>
<option value="10/100/1000">10/100/1000</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Number of Ports:</label>
<input class="cf_inputbox required validate-number" maxlength="2" size="2" title="*" id="text_8" name="nd.ports" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_radiobutton">
<label class="cf_label" style="width: 150px;">POE?</label>
<div class="float_left">
<input value="Yes" title="*" class="radio validate-one-required" id="radio00" name="nd.poe" type="radio" />
<label for="radio00" class="radio_label">Yes</label>
<br />
<input value="No" title="*" class="radio validate-one-required" id="radio01" name="nd.poe" type="radio" />
<label for="radio01" class="radio_label">No</label>
<br />
</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_10" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_11" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_12" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="phone" name="phone" style="display: none">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">Add Phone</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Model:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_1" name="ph.model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_2" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">User:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_3" name="user" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Ext1:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_4" name="ph.ext1" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<h2>2nd extension?</h2>Yes<input type='radio' name='ext' id='ext' onclick="showstuff('ext2');"/> No<input type='radio' name='ext' id='ext' onclick="hidestuff('ext2');"/>
<div id='ext2' style="display: none">
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Ext2:</label>
<input class="cf_inputbox validate-number" maxlength="4" size="4" title="*" id="text_5" name="ph.ext2" type="text" />
</div>
<div class="cfclear"> </div>
</div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Add" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
<div id="monitor" name="monitor" style="display: none">
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">Add Monitor</h1>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Monitor Model:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_1" name="mon.model" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Asset:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_2" name="asset" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Location:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_5" name="location" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Serial:</label>
<input class="cf_inputbox required" maxlength="150" size="30" title="*" id="text_3" name="serial" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Year:</label>
<input class="cf_inputbox required validate-number" maxlength="4" size="4" title="*" id="text_4" name="year" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Submit" name="button_0" type="submit" /><input type="reset" name="reset" value="Reset"/>
</div>
<div class="cfclear"> </div>
</div>
</div>
Hi Kixsian,
The sun is shining here and I've been out in the garden, I've seen your post and I'll get to it. Do you want to send me a form backup instead of expecting me to recreate for form by cut and paste?
Bob
The sun is shining here and I've been out in the garden, I've seen your post and I'll get to it. Do you want to send me a form backup instead of expecting me to recreate for form by cut and paste?
Bob
Grats on the weather, its raining here in the southease(georgia) and flooding so i am extremely jealous. I have no problem sending you a back up just let me know how to do it
Hi Kixsian,
Make the name of the submit button 'submit', that seems to do the trick. (I also moved it out the divs so that is is always displayed.)
Bob
Make the name of the submit button 'submit', that seems to do the trick. (I also moved it out the divs so that is is always displayed.)
Bob
Ill give that a try, i did it that way(out of the divs) first but ill try changing the name.
No dice, let me know how to make a back up and ill post that. if that is ok.
This topic is locked and no more replies can be posted.
