Is there a way of viewing wrapped page on its own?

[ondi]

I'm on the site: http://www.mutinydesign.co.uk/ and I believe that when you click on 'get a quote', the information that appears is wrapped? If this is right, how can i view the wrapped information on it's own?

 

I've tried viewing source but that didn't work either

Cheers

[rhodesa]

it's not wrapped with an iframe or anything. they just load the data in via AJAX

[ondi]

OK, well is there any way i can see it?

[rhodesa]

no...they do an AJAX call that returns a bunch of JSON data. then they use JavaScript to generate the HTML from that....the generated HTML looks like:

<form action="forms.php" method="post" name="scroll_form" id="scroll_form">
<div class="shadow_left">
	<div class="shadow_right">
		<div class="bottom">
			<div id="tips">
				<h1 style="color: rgb(221, 81, 74);" title="0">Company Details</h1>
				<div style="border-top: medium none; border-bottom: medium none; overflow: hidden; padding-top: 0px; padding-bottom: 0px;" class="description">
					<div class="content">Provide us with details about your company.</div>
				</div>
				<h1 title="1">Project Details</h1>
				<div style="border-top: medium none; border-bottom: medium none; overflow: hidden; padding-top: 0px; padding-bottom: 0px; height: 0px;" class="description">
					<div class="content">Provide us with details about your project.</div>
				</div>
			</div>
			<div style="overflow: hidden; position: relative; visibility: visible;" id="holder" class="scrollShow_holder">


			<div style="position: absolute; top: 0px; width: 1058px; left: 0px;"><div style="position: relative; width: 1058px;"><div style="position: absolute; top: 0px; left: 0px;" class="scroll_box">
					<label for="contact_name" class="blue">Contact Name</label>
					<input name="contact_name" id="contact_name" maxlength="192" type="text">
					<label for="company_name" class="blue">Company Name</label>
					<input name="company_name" id="company_name" maxlength="192" type="text">
					<label for="town">Town/City</label>
					<input name="town" id="town" maxlength="192" type="text">
					<label for="country">Country</label>
					<input name="country" id="country" maxlength="192" type="text">
					<label for="telephone" class="blue">Telephone</label>
					<input name="telephone" id="telephone" maxlength="192" type="text">
					<label for="email">Email</label>
					<input name="email" id="email" maxlength="192" type="text">
					<label for="website">Website</label>
					<input name="website" id="website" maxlength="192" type="text">
					<label for="business_type">Type of Business</label>
					<select name="business_type" id="business_type">
						<option value="Charity">Charity</option>
						<option value="Charity">Partnership</option>
						<option value="Private Limited">Private Limited</option>
						<option value="Public Limited">Public Limited</option>
						<option value="Sole Trader">Sole Trader</option>
					</select>
					<label for="employees">Number of Employees</label>
					<select name="employees" id="employees">
						<option value="1">1</option>
						<option value="2-5">2-5</option>
						<option value="6-10">6-10</option>
						<option value="11-25">11-25</option>
						<option value="26-100">26-100</option>
						<option value="101-250">101-250</option>
						<option value="251-1000">251-1000</option>
						<option value="More Than 1000">More Than 1000</option>
					</select>
				</div><div style="position: absolute; top: 0px; left: 529px;" class="scroll_box">
					<label for="web_design">Require Web Design</label>
					<select name="web_design" id="web_design">
						<option value="no">No</option>
						<option valuee="yes">Yes</option>
					</select>
					<label for="programming">Require Programing</label>
					<select name="programming" id="programming">
						<option value="no">No</option>
						<option value="yes, for web">Yes, For Web</option>
						<option value="yes, for intranet">Yes, For, Intranet</option>
					</select>
					<label for="seo">Require SEO</label>
					<select name="seo" id="seo">
						<option value="no">No</option>
						<option value="not sure">Not Sure</option>
						<option value="yes">Yes</option>
					</select>
					<label for="estimated_budget">Estimated Budget</label>
					<input name="estimated_budget" id="estimated_budget" maxlength="192">
					<label for="description" class="blue">What Do You You Require</label>
					<div class="clear"><!-- --></div>
					<textarea name="quote_description" id="description" rows="7"></textarea>
				</div></div></div></div>
			<div id="closeHolder">
				<div class="scroll_button">
					<div class="t">
						<div class="tl"><!-- --></div>
						<div class="tr"><!-- --></div>
					</div>
					<div class="m">
						<div class="mi">
							<div class="c"><button type="subbmit" id="scroller_close">close</button></div>
						</div>
					</div>
					<div class="b">
						<div class="bl"><!-- --></div>
						<div class="br"><!-- --></div>
					</div>
				</div>
			</div>
			<div id="buttonsHolder">
				<div id="scroller_submit" class="scroll_button right">
					<div class="t">
						<div class="tl"><!-- --></div>
						<div class="tr"><!-- --></div>
					</div>
					<div class="m">
						<div class="mi">
							<div class="c"><button type="submit">submit</button></div>
						</div>
					</div>
					<div class="b">
						<div class="bl"><!-- --></div>
						<div class="br"><!-- --></div>
					</div>
				</div>
				<div style="visibility: visible;" class="scroll_button scrollShow_scrollButton_right right">
					<div class="t">
						<div class="tl"><!-- --></div>
						<div class="tr"><!-- --></div>
					</div>
					<div class="m">
						<div class="mi">
							<div class="c">next »</div>
						</div>
					</div>
					<div class="b">
						<div class="bl"><!-- --></div>
						<div class="br"><!-- --></div>
					</div>
				</div>
				<div style="visibility: visible;" class="scroll_button left scrollShow_scrollButton_left scrollShow_scrollButton_left_disabled">
					<div class="t">
						<div class="tl"><!-- --></div>
						<div class="tr"><!-- --></div>
					</div>
					<div class="m">
						<div class="mi">
							<div class="c">« previous</div>
						</div>
					</div>
					<div class="b">
						<div class="bl"><!-- --></div>
						<div class="br"><!-- --></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</form>