اذا كنت تعمل على ال asp.net فيمكنك انشاءه بالاجاكس اما عن انشاءه بكود جافا سكربت فيمكنك الحصول عليه من شيفرة الصفحة
وهذا هو الكود
كود PHP:
<div id="middle-b">
<div class="col1" >
<div id="section-header" class="print_hide">
<a href="/" title="صمم اعلانك">صمم اعلانك</a>
</div>
<div id="tabs1" class="tabs1">
<ul class="taps_ul">
<li><a href="/ads_box">الإعلانات المبوبة</a></li>
<li><a href="/ads_box/steps"> طريقة الإعلان</a></li>
<li><a href="/ads_box/add_ci2.php"> صمم إعلانك بنفسك</a></li>
<li><a href="/ads_box/faq"> اسئلة واجوبة</a></li>
<li><a href="/ads_box/options"> خيارات الإعلان</a></li>
<li><a href="/ads_box/terms"> الشروط</a></li>
</ul>
</div>
<div class="box-main">
<div class="top"></div>
<div class="body">
<div id="article-view" style="font:bold 16px Arial, Helvetica, sans-serif;">
<script>
function fakecounter(div_id){
if(div_id=='t2'){
//text = f1.text2.value;
text = $F('text2')
if($F('text2')==''){
document.getElementById(div_id).style.display='none';
}else{
document.getElementById(div_id).style.display='';
}
}else if(div_id=='t1'){
//text = f1.text1.value;
text = $F('text1')
if($F('text1')==''){
document.getElementById(div_id).style.display='none';
}else{
document.getElementById(div_id).style.display='';}
}else if(div_id=='t3'){
//text = f1.text3.value;
text = $F('text3')
if($F('text3')==''){
document.getElementById(div_id).style.display='none';
}else{
document.getElementById(div_id).style.display='';}
}else if(div_id=='t0'){
//text = f1.text.value
text = $F('text')
if($F('text')==''){
document.getElementById(div_id).style.display='none';
}else{
document.getElementById(div_id).style.display='';}
}
text = text.replace(/\n/g, '<br />');
text = text.replace(/ /g, ' ');
document.getElementById(div_id).innerHTML = text;
}
function addtext(text,fnama){
if(fnama=='text2'){
//f1.text2.value = text; f1.text2.focus(); fakecounter('t2');
//alert(text)
//$('text2').value = text
$('text2').value = text; $('text2').focus(); fakecounter('t2');
}else if (fnama=='text1'){
//f1.text1.value=text; f1.text1.focus(); fakecounter('t1');
$('text1').value = text; $('text1').focus(); fakecounter('t1');
}else if (fnama=='text3'){
//f1.text3.value=f1.text3.value+text; f1.text3.focus(); fakecounter('t3');
$('text3').value = $F('text3') + text; $('text3').focus(); fakecounter('t3');
}}
function chech_text(){
$long_text = $('t1').getHeight() + $('t2').getHeight() + $('t3').getHeight();
if($long_text > 124 || $F('text3').length > 100){
$('long_text').innerHTML = 'عفوا، تجاوزت الحد المسموح في كتابة الإعلان';
$('check').value = 1;
}else{
$('long_text').innerHTML= '';
$('check').value = 0;
}}
function check_onsubmit(){
if( $('mobile').value=='ادخل رقم الجوال' || $('mobile').value=='' ) {
alert('الرجاء إدال رقم الجوال');
return false;
}else if( $F('mobile').length < 12 ) {
alert('عفواً رقم الجوال غير صحيح');
return false;
}else if ($F('check')==1){
alert('عفوا، تجاوزت الحد المسموح في كتابة الإعلان');
return false;
}}
function check_fild(){
$('mobile').value = $F('mobile').replace(/[a-zA-Zا-ي ]/g, '');
}
</script>
<style type="text/css" media="all">
h1,h2,h3,h3,h5{ font-family:Arial, Helvetica, sans-serif; margin:5px;}
td,th,tr,tabel { border:none;}
</style>
<style type="text/css" media="print">
#t { border: solid 1px #a9c6f7;}
.t { border: solid 1px #a9c6f7;}
.but { font-weight:normal;}
</style>
<form name="f1" method="POST" onsubmit="return check_onsubmit();">
<span style="display:none"><input type="text" value="Riyadh2" name="city" /></span>
<input type=hidden name=user value=>
<input type="hidden" id="check" />
<table width="100%" border="0">
<tr><td colspan="2">
<h2 align="right"> صمم إعلانك بنفسك </h2>
<div align="justify" style=" padding:0 10px;">
من خلال هذه الصفحة يمكنك تصميم إعلانك ومعاينته قبل النشر النهائي، بعد انتهائك من التصميم والضغط على زر (إرسال) بعد إدخال رقم جوالك سيصلك (كود) مكون من خمس أرقام، عليك إرساله إلى الرقم إلى رقم الخدمة : (88581) لمشتركي الاتصالات السعودية والرقم (606655) لمشتركي موبايلي والرقم (707777) لمشتركي زين
وبعدها يتم اعتماده بشكل نهائي (علما أن قيمة الإعلان 20 ريال فقط)
</div>
<hr />
<tr>
<td valign="top">
<table border="0">
<tr >
<td>
<div ><br /></div>
<tr >
<td><h3> رأس الإعلان </h3>
<span class="but" onclick="addtext(' للـبـيـــــــــــــع ','text2');"> للبيع </span>
<span class="but" onclick="addtext(' للـتـقـبـيـــــــــــل ','text2');"> للتقبيل </span>
<span class="but" onclick="addtext(' مطلـــوب ','text2');"> مطلوب </span>
<span class="but" onclick="addtext(' فــرصــة ثمـينة ','text2');"> فرصة </span>
<span class="but" onclick="addtext('','text2');"> مسح </span>
<br>
<textarea style="width:280px;" name="text2" id="text2"
onFocus="fakecounter('t2');chech_text()"
onChange="fakecounter('t2');chech_text()"
onkeydown="fakecounter('t2');chech_text()"
onkeyup="fakecounter('t2');chech_text()"
onkeypress="fakecounter('t2');chech_text()"
onblur="fakecounter('t2');chech_text()" rows=2 cols=50 class="edit"></textarea>
<tr >
<td> <h3> نص الإعلان </h3>
<span class="but" onclick="addtext(' للـبـيـــــــــــــع ','text1');"> للبيع </span>
<span class="but" onclick="addtext(' للـتـقـبـيـــــــــــل ','text1');"> للتقبيل </span>
<span class="but" onclick="addtext(' مطلـــوب ','text1');"> مطلوب </span>
<span class="but" onclick="addtext(' فــرصــة ثمـينة ','text1');"> فرصة </span>
<span class="but" onclick="addtext('','text1');"> مسح </span>
<br>
<textarea style="width:280px;" name="text1" id="text1" onKeyUp="fakecounter('t1');chech_text()" onChange="fakecounter('t1');chech_text()" onkeydown="fakecounter('t1');chech_text()" onblur="fakecounter('t1');chech_text()" onkeydown="chech_text()" rows=2 cols=50 class="edit"></textarea>
<tr >
<td> <h3> تفاصيل الإعلان </h3>
<span class="but" onclick="addtext(' للإستفسار : ','text3');"> للاستفسار </span>
<span class="but" onclick="addtext(' للتواصل : ','text3');"> للتواصل </span>
<span class="but"onclick="addtext(' جوال : ','text3');"> جوال </span>
<span class="but"onclick="addtext(' فاكس : ','text3');"> فاكس </span>
<br>
<textarea style="width:280px;" name="text3" id="text3" onKeyUp="fakecounter('t3');chech_text()" onChange="fakecounter('t3');chech_text()" onkeydown="fakecounter('t3');chech_text()" onblur="fakecounter('t3');chech_text()" onkeydown="chech_text();chech_text()" rows=3 cols=50 class="edit"></textarea>
<tr style="display:none;">
<td> تاريخ النشر
<tr style="display:none;">
<td> وقت النشر
</table>
<br />
<ul class="list">
<li> تخضع <a href="/ads_box/terms" style="text-decoration:underline;">لضوابط الإعلان </a>في جريدة الرياض </a></li>
<li> يتم نشر الإعلان بعد ارسال كود التفعيل إلى <br />
الرقم (88581) لمشتركي الإتصالات <br />
الرقم (606655) لمشتركي موبايلي<br />
الرقم (707777) لمشتركي زين</li>
<li> يتم عرض الإعلان على لجنة للمراجعة </li>
<li> يجب إدخال رقم جوالك بشكل صحيح ليتسنى لنا إشعارك عند نشر إعلانك </li>
</ul>
<div class="mobile" >
<input type="text" maxlength="12" id="mobile" name="mobile" value="ادخل رقم الجوال" onclick="if(this.value=='ادخل رقم الجوال'){this.value=''};check_fild()" onkeydown="check_fild()" onblur="if(this.value==''){this.value='ادخل رقم الجوال'}" /><br />
<span style="direction:rtl; text-align:right; color:#FF0000;">* مثال : 9665XXXXXXXXX</span>
<br /><br />
</div>
<input type="submit" value=" اصادق على هذا الإعلان " style="width:170px; height:30px; font:bold 16px Arial;">
<td valign="top" width="220">
<br />
<br />
<br />
<h3> صيغة الإعلان </h3>
<div class="t">
<div class="t0"> </div>
<div class="t2">رأس الإعلان</div>
<div class="t1">نص الإعلان</div>
<div class="t3">تفاصيل الإعلان</div>
</div>
<h3> شاهد إعلانك </h3>
<div id="t">
<div id="t0"></div>
<div id="t2"></div>
<div id="t1"></div>
<div id="t3"></div>
</div>
<span onclick="chech_text()" id="long_text" style="color:#FF0000; font:bold 12px tahoma;"></span>
</table>
</form>
<script language="javascript">
function fakecounterall(){
fakecounter('t1');
fakecounter('t2');
fakecounter('t3');
}
window.onload = fakecounterall();
fakecounterall();
</script>
<br clear="all" />
</div><!-- article-view -->
</div><!-- body -->
</div><!-- box-main -->
</div><!-- col1 -->
<div class="col2">
<div class="box-black-213">
<h3>إعلانات</h3>
<div class="body" align="center">
قم بالتعديل عليه حسب حاجتك