مشکل ساخت کد آنلاین بنر

<div dir="rtl" style="font-family:Tahoma;font-size:11px;">

<script type="text/javascript">

function ali() {

var adres=document.getElementById('adres').value;

var pic=document.getElementById('pic').value;

var top=document.getElementById('top').value;

var left=document.getElementById('left').value;

var width=document.getElementById('width').value;

var height=document.getElementById('height').value;

var abzar1='\n<style type="text/css">كد بنر{position:';

var abzar2='<a href="';

var abzar3='"><img class="كد بنر" src="';

var abzar4='<div style="display:none"><h1><a href=></a></h1></div>\n';

if(document.getElementById('mod1').checked==true){var abzar='fixed';}

if(document.getElementById('mod2').checked==true){var abzar='absolute';}

if(document.getElementById('mod3').checked==true){var abzar='relative';}

document.getElementById('htmlcode').value=abzar1+abzar+';top:'+top+';left:'+left+';width:'+width+';height:'+height+'"></'+'style>'+abzar2+adres+abzar3+pic+'"></a>'+abzar4;

}

function showcode() {document.getElementById('bsdisplay').style.display='block';}

function prvcode() {var testwin=document.getElementById('htmlcode').value;al=window.open('','','toolbar=no,width=500,height=400,directories=no,menubar=no,scrollbars=no');al.document.write(testwin); }

</script>

<div>انتخاب موقعیت درج تصویر</div>

<input type="radio" id="mod1"  name="bsversion" checked /><label for="mod1">فاصله های مشخص شده مطابق با صفحه در حال دیدن باشد. (به صورت fixed)</label><br>

<input type="radio" id="mod2"  name="bsversion" /><label for="mod2">فاصله های مشخص شده مطابق با صفحه با اسکرول باشد. (به صورت absolute)</label><br>

<input type="radio" id="mod3"  name="bsversion" /><label for="mod3">فاصله های مشخص شده مطابق با مکان اصلی کد در صفحه باشد. (به صورت relative)</label>

<br><br>

<div>تنظیمات نمایش تصویر ثابت</div>

آدرس تصویر مورد نظر شما :

<input type="text" id="pic" name="nom" style="color:#aeaeae" value="http://www.axgig.jpg" size="50" onBlur="if(this.value=='') this.value='http://www.axgig.jpg';" onFocus="if(this.value=='http://www.axgig.jpg') this.value='';this.style.color='#333333';" /><br>

آدرس لـینـک تـصـویـر شمـا :

<input type="text" id="adres" name="nom" style="color:#aeaeae" value="http://www.perspolis.com" size="50" onBlur="if(this.value=='') this.value='http://www.perspolis.com';" onFocus="if(this.value=='http://www.perspolis.com') this.value='';this.style.color='#333333';" /><br>

<br>فاصــلــه تــا بالا:  

<input type="text" id="top" name="nom" value="" size="5" /><br>

<br>فاصلــه تــا چپ:  

<input type="text" id="left" name="nom" value="" size="5" /><br>

<br>اندازه عرض تصویر:  

<input type="text" id="width" name="nom" value="" size="5" /><br>

<br>اندازه ارتفاع تصویر:  

<input type="text" id="height" name="nom" value="" size="5" /><br>

<br><br>

<center>

<a style="font-size:15px;" href="#" onclick="ali();showcode();">ساخت کد </a>  

<a style="font-size:15px;" href="#" onclick="ali();prvcode();">پیش نمایش کد</a></center>

<div id="bsdisplay" style="display:none;text-align:center;direction:ltr;">

<textarea id="htmlcode" name="htmlcode" style="height:100px" cols="50" class="gen-txt" readonly="readonly" onfocus="javascript:this.select();" onclick="javascript:this.select();"></textarea></div>

<br />

<div>

<div>نکات قابل توجه درباره این ابزار</div>

<span style="color:red">» </span>در صورت عدم نیاز به باز شدن صفحه در صورت کلیک روی

تصویر، در محل درج آدرس لینک، عبارت  

<font color="#800000"><b> #1  </b></font> را بگذارید.

<span style="color:red"><br>» </span>شما می توانید کد ها را با واحد های اندازه

گیری  px  em  cm  mm  ex  pt  pc  %  

in  درست کنین ، یعنی این که بعد از فاصله ها و اندازه ها می توانید از

واحد های اندازه گیری گفته شده استفاده کنید.</div>

</div>

</span>

<script>

$(document).ready(function () { $('#hide3110').click(function () {$('#display3110').slideToggle();});});

</script>