Beispiel eines Sourcecodes zum Einbinden des Eingabefeldes für den WEBCODE auf die eigenen Webseite

<!-- Code für Fancybox -->
<script type="text/javascript">	
$(document).ready(function() {
	$(".various").fancybox({
		maxWidth	: 1400,
		maxHeight	: 1400,
		fitToView	: false,
		width		: '95%',
		height		: '95%',
		autoSize	: true,
		autoHeight	: true,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
});	
</script>

<!-- Code für WEB-Code Formular -->
<script type="text/javascript">	
function openWindowWebcode()
{
	var webcode = document.getElementById('webcode').value;
	var linkArticle = "http://meinereisedaten.de/"+webcode;
	var hl = document.getElementById('hl')
		hl.className = "various cr_button";
		hl.setAttribute('data-fancybox-type', "iframe");
		hl.setAttribute('href', linkArticle);
		hl.target="_blank";
}
</script>

<!-- weiterer eigener Code -->

<div class="box_dynamic_content_hotline blue">
	<div class="daydeal_box">
		<h1>Reiseangebot darstellen?</h1>
		<p>Bitte geben Sie die Nummer für das Angebot ein, welches Sie einsehen möchten.</p>
		<form id="form" enctype="application/x-www-form-urlencoded" action="" method="">
			<p><input name="bookingnumber" type="text" id="webcode" value="Nummer eingeben" onblur="if(this.value == '') { this.value='Nummer eingeben'}" onfocus="if (this.value == 'Nummer eingeben') {this.value=''}" size="30" maxlength="30" style="font-family:Arial,sans-serif; color:#8D8D8D; font-size:12px; border: 1px solid #CCC; background-color:#FFF; height:20px; width:250px; padding:3px;"></p>
			<br>
			<button class="various cr_button" onclick="openWindowWebcode()" id="hl">senden</button>
		</form>
	</div>
</div>
		 
<!-- weiterer eigener Code -->