دهلران پی سی
سایت جامع علمی ,آموزشی,فرهنگی و تفریحی

URL- چیست ؟

قدرت واقعی وب در توانایی آن در ایجاد ابر متن هایی است که وابسته به اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و ... انیمیشن در یک کامپیوتر راه دور قرار داده شده است www پهناور از یک آدرس شناخته شده بنام URL که مخفف Uniform Resource Location است برای مشخص کردن موقعیت مکان خود استفاده می کند.
این اتصالات ابرمتن معمولا با خطی در زیر آن مشخص شده اند.
a ) اتصال به یک فایل محلی

اهداف این درس

1- ایجاد یک اتصال در یک سند HTML در همان شاخه ای که سند شما قرار دارد.
2- ایجاد یک اتصال برای نمایش یک فایل گرافیکی
3- ایجاد یک اتصال در شاخه ای به جز شاخه ای که سند در آن قرار دارد.
4- سازماندهی مجدد ساختار وب شما

شروع درس

در مرحله اول شما a برای اتصال به صفحه دوم یک ابر متن ایجاد کنید این اتصال محلی نامیده می شود زیرا هر دو یک کامپیوتر مستقر هستند.

اتصال به فایلهای محلی

ساده ترین روش اتصال این است که فایل HTML دیگری که در همان شاخه سند ما قرار دارد ایجاد گردد و در صفحه وب به نمایش در آید .تگ HTML آن بصورت زیر است :

متن اتصال شونده<"a href = "filename.html>

برای لنگرگاه لینک استفاده می شود و href برای ارجاع دادن ابرمتن مطلب یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از بسته شدن اولین تگ و قبل از شروع < a / > قرار می گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر آنها مشخص می شوند .
حال مراحل زیر را برای ساختن یک اتصال دنبال کنید:
1- ابتدا فایل Lesson1.html را باز کنید .
2- در زیر لغت آموزش از راه دور متن زیر را وارد کنید .
"در اینجا ما سعی می کنیم شما را با بزرگترین سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را ترجمه و برای استفاده شما در سایت بکار ببریم" .
3- حال عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را مطالعه خواهید کرد

در اینجا به آموزش اچ تی ام ال می پردازیم<"a href ="lesson2.html>

جمله آموزش HTML را می توانید در یک سند HTML ثانوی با نام Lesson2.html ذخیره شده ببینید که در مراحل 5 و 6 آن را دنبال می کنیم .
4- سند خود را ذخیره کنید .
5- حال بوسیله ویرایشگر متنی یک ویرایشگر جدید باز کنید.
6- متون زیر را وارد کنید .

آموزش<title></p> <p><head/></p> <p><body></p> <p><h1/>آموزش روی وب<h1></p> <p><body/></p> <p><html/></p> <p><b>اتصال به یک تصویر : </b><br /> <br /> در درس 7 توضیح دادیم که چگونه یک عکس خطی را در صفحه وب نمایش دهیم . با تگ anchor شما می توانید یک اتصال برای نمایش فایل گرافیکی ایجاد کنید . هنگامی که این اتصال انتخاب شود فایل گرافیکی برای نمایش فایل گرافیکی به کامپیوتر شما آورده می شود . ساده ترین روش آن است که تصویر و سند شما در یک شاخه باشند . با یک اتصال ساده بر روی یک متن فایل گرافیکی به نمایش در آید.</p> <p>در اینجا بر عناوین آموزش HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :</p> <p><a/>متن اتصال<<a href="filename.gif></p> <p>حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :<br /> 1- یک عکس در کامپیوتر خود قرار دهید .<br /> 2- فایل Lesson2.html را باز کنید .<br /> متن زیر را به آن اضافه کنید :<br /> برای آوموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن</p> <p><a/>تصاویر<"a href="name.jpg></p> <p>آموزش مفیدتر خواهد بود.<br /> 3- ذخیره مراحل انجام شده<br /> 4- کلیک بر روی اتصال که در مرحله 3 ایجاد شد.<br /> 5- تصویر نمایش داده می شود .<br /> <br /> <b>اتصال به شاخه های دیگر </b><br /> <br /> نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .<br /> مراحل زیر را انجام دهید :<br /> 1- در کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .<br /> 2- فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید .<br /> 3- فایل Lesson2.html را در ویرایشگر خود باز کنید .<br /> 4- تگ زیر را به سند خود اضافه کنید :</p> <p><a/>تصاویر<"a href="picture/lesson2.gif></p> <p>5- سند خود را ذخیره کنید و دوباره بارگذاری کنید .<br /> <br /> <b>اتصال در شاخه های تودرتو </b><br /> <br /> ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :<br /> < a href ="…/…/home.html" >back to home< /a > <br /> هر کدام از این مسیرها که با / جدا شده اند یک URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .<br /> 1- ابتدا یک فولدر با نام آموزش ایجاد کنید .<br /> 2- دو فایل HTML شناخته شده خود را به این فولدر انتقال دهید .<br /> 3- تصاویر خود به نامهای Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.<br /> 4- فایل Lesson1.html را باز کنید .<br /> 5- به اتصال درون این فایل توجه کنید.</p> <p><a/>آموزشhtml<"a href="work/picture/lesson2.gif></p> <p>6- تگ < Img > را ویرایش کنید .<br /> 7- اعمال خود را ذخیره کنید .<br /> <br /> <b>یک تغییر کوچک </b><br /> <br /> روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.<br /> <br /> <b>چرا باید چنین کنید ؟ </b><br /> <br /> فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید. URL سایت شما www.biqu.edu می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : www.biqu.com /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :<br /> <a href="../../www.biqu.edu/courses/science/geology/lesson1.html">http://www.biqu.edu/courses/science/geology/lesson1.html</a> بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود index.html است .<br /> <br /> <b>مروری بر مطالب </b><br /> <br /> 1- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟<br /> 2- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.<br /> 3- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟<br /> 4- اهمیت نامگذاری index.html در چیست ؟</p> <p><b>توضیحات اضافی </b><br /> <br /> شما می توانید از این روش برای Down load کردن نرم افزارهای مختلف نیز استفاده کنید . روش انجام آن بصورت زیر است :</p> <p> </p> <p><a/>دانلود<"a href="name.zip></p> <p><br /> در صفحه وب خود از اتصالات فایلهای محلی استفاده کنید.</p><br><br><br><br> <span style="font-size: 8pt"><div class=tagX><div class=dateX>تاریخ: یکشنبه 01 اردیبهشت 1392</span></font></div></div> </div> <div class=bpost> <div class=date><div>ارسال توسط dlp</div></div> <div class=nz><a href="#" class="open-comment-modal" data-comment-modal data-post-id="332"> ارسال نظر(0) </a></div></div> <p align="center"><font face="Tahoma" size="2"> </font></p> <div id="postz"> <div class=tpost-x >آخرین مطالب</div> <div class=xpost><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/مقایسه-windows-با-red-hat" title="جمعه 05 تیر 1405">مقایسه Windows با Red Hat</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/انواع-جداول-در-mysql" title="جمعه 05 تیر 1405">انواع جداول در MySQL</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/آسيبپذيرترين-نرمافزارهاي-سال-2009" title="جمعه 05 تیر 1405">آسيب‌پذيرترين نرم‌افزارهاي سال 2009</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/مبانی-امنيت-اطلاعات-1" title="جمعه 05 تیر 1405">مبانی امنيت اطلاعات</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/انواع-حملات-در-شبکه-های-کامپيوتری--بخش-اول" title="جمعه 05 تیر 1405">انواع حملات در شبکه های کامپيوتری ( بخش اول )</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/انواع-حملات-در-شبکه-های-کامپيوتری--بخش-دوم" title="جمعه 05 تیر 1405">انواع حملات در شبکه های کامپيوتری ( بخش دوم )</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/کارت-شناسائی-بيومتريک" title="جمعه 05 تیر 1405">کارت شناسائی بيومتريک</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/نقش-عوامل-انسانی-در-امنيت-شبکه-های-کامپيوتری" title="جمعه 05 تیر 1405">نقش عوامل انسانی در امنيت شبکه های کامپيوتری</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/امنيت-نامه-های-الکترونيکی--بخش-اول" title="جمعه 05 تیر 1405">امنيت نامه های الکترونيکی ( بخش اول )</a></div><!items="10"> <div class=xpost2> <a href="https://dlp.loxblog.com/امنيت-نامه-های-الکترونيکی--بخش-دوم" title="جمعه 05 تیر 1405">امنيت نامه های الکترونيکی ( بخش دوم)</a></div> </div><div class=bpost-x></div></div> <div style="width:100%"> <p align="center"><font face="Tahoma" size="2"> </font></p> </div> </div> <div class=mainl > <div style="float:left;direction:rtl;text-align:right;width:216;overflow:hidden" > <div class="tmenu b3"><div class=tmenu2>آرشیو مطالب</div></div> <div class=xmenu> <div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=7&pyear=2015">تیر 1394</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=2&pyear=2014">بهمن 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=1&pyear=2014">دی 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=9&pyear=2013">شهریور 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=8&pyear=2013">مرداد 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=7&pyear=2013">تیر 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=6&pyear=2013">خرداد 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=5&pyear=2013">اردیبهشت 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=4&pyear=2013">فروردین 1392</a></div><div class=xmenu1> <a href="https://dlp.loxblog.com/posts/archive.php?pmonth=3&pyear=2013">اسفند 1391</a></div></div> <div class=bmenu></div> <!------------block -----------------------> <div class="tmenu b2"><div class=tmenu2>امکانات جانبی</div></div> <div class=xmenu><div class=xmenu2> </div></div><div class=bmenu></div> <!------------block -----------------------> </div> </div> </div> <div class=footer> <div class=right> <div class=left id="linkz"> <div class=linkz> <div class=zz> </div> </div> <div class=rss><br> <a href="<-BlogXmlLink->" title="RSS"> <img border="0" src="https://mahtarin.com/weblog/images/x.gif" width="80" height="70"></a></div> <div class=down><div class=ft> تمام حقوق اين وبلاگ و مطالب آن متعلق به <a href="/">دهلران پی سی</a> آن مي باشد.</div> </div></div> </div> </div></div></div></div><script type="text/javascript" language="javascript" src="/js/rating.js?v=2"></script><script>(function () { if (window.RateFx) return; var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches; function mode(el) { return (getComputedStyle(el).getPropertyValue('--rate-anim') || '').trim(); } function play(el, cls, delay) { el.classList.remove(cls); void el.offsetWidth; el.style.animationDelay = delay ? delay + 'ms' : ''; el.classList.add(cls); setTimeout(function () { el.classList.remove(cls); el.style.animationDelay = ''; }, 900 + (delay || 0)); } function btn(el) { var m = mode(el); if (reduce || !m || m === 'none') return; play(el, 'fx-' + m); } function star(el, delay) { var m = mode(el); if (reduce || !m || m === 'none') return; play(el, 'fx-star-' + m, delay); } function stars(container, upto) { var n = 0; container.querySelectorAll('.star.full,.star.half').forEach(function (s) { if (upto && parseInt(s.dataset.value, 10) > upto) return; star(s, n++ * 60); }); } function observe(root) { new MutationObserver(function (list) { list.forEach(function (m) { var t = m.target, was = (m.oldValue || '').split(/\s+/); if (t.matches('.like-btn,.dislike-btn') && t.classList.contains('active') && was.indexOf('active') < 0) btn(t); }); }).observe(root, { subtree: true, attributes: true, attributeFilter: ['class'], attributeOldValue: true }); } function init() { document.querySelectorAll('.vote').forEach(observe); } window.RateFx = { observe: observe, btn: btn, stars: stars }; if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init(); })();</script><script>(function () { if (window.RateFx) return; var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches; function mode(el) { return (getComputedStyle(el).getPropertyValue('--rate-anim') || '').trim(); } function play(el, cls, delay) { el.classList.remove(cls); void el.offsetWidth; el.style.animationDelay = delay ? delay + 'ms' : ''; el.classList.add(cls); setTimeout(function () { el.classList.remove(cls); el.style.animationDelay = ''; }, 900 + (delay || 0)); } function btn(el) { var m = mode(el); if (reduce || !m || m === 'none') return; play(el, 'fx-' + m); } function star(el, delay) { var m = mode(el); if (reduce || !m || m === 'none') return; play(el, 'fx-star-' + m, delay); } function stars(container, upto) { var n = 0; container.querySelectorAll('.star.full,.star.half').forEach(function (s) { if (upto && parseInt(s.dataset.value, 10) > upto) return; star(s, n++ * 60); }); } function observe(root) { new MutationObserver(function (list) { list.forEach(function (m) { var t = m.target, was = (m.oldValue || '').split(/\s+/); if (t.matches('.like-btn,.dislike-btn') && t.classList.contains('active') && was.indexOf('active') < 0) btn(t); }); }).observe(root, { subtree: true, attributes: true, attributeFilter: ['class'], attributeOldValue: true }); } function init() { document.querySelectorAll('.vote').forEach(observe); } window.RateFx = { observe: observe, btn: btn, stars: stars }; if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init(); })();</script><link rel="stylesheet" href="https://loxup.ir/theme/modals/login/01/style.css?v=1"> <div class="comment-modal" id="fastloginModal"> <div class="lxm-box"> <div class="lxm-head"> <button type="button" class="lxm-close" aria-label="بستن" onclick="lx_close_modal('fastloginModal')">✕</button> <div class="lxm-ico"> <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><path d="M10 17l5-5-5-5"/><path d="M15 12H3"/></svg> </div> <h3 class="lxm-title">ورود کاربران</h3> <p class="lxm-sub">خوش آمدید! لطفا وارد حساب خود شوید</p> </div> <div class="lxm-body"> <form class="loxajax captcha-form lxm-form" method="post" name="$form" data-form="$form" data-target=".fast_login-respond" action="/core/ajax.php?action=userlogin" rel="nofollow"> <div class="lxm-field"> <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/></svg> <input class="comment-input" type="text" name="username" dir="ltr" maxlength="40" placeholder="نام کاربری" autocomplete="username"> </div> <div class="lxm-field has-eye"> <svg viewBox="0 0 24 24"><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> <input class="comment-input" type="password" name="password" dir="ltr" maxlength="40" placeholder="پسورد" autocomplete="current-password"> <button type="button" class="lxm-eye" aria-label="نمایش پسورد" onclick="lxmTogglePassL(this)">👁</button> </div> <a href="#" class="lxm-forgot" onclick="lx_open_modal('fastforgotModal');return false;">رمز عبور را فراموش کرده‌اید؟</a> <div class="x-captcha"> <div class="captcha-widget" data-form="loxfastlogin"> <input type="hidden" name="form" value="loxfastlogin"> <input type="hidden" name="captcha_token" value="43747246a1a6814d66f5e89b7d02a387"> <div class="captcha-box" data-mode="ocr"> <div class="ocr-captcha"> <img class="captcha-img" style="width:100px;" src="/captcha/image_ocr.php?form=loxfastlogin&t=1792179400712"> <img class="lx_ref_captcha_img refresh" src="/images/refresh2.svg" style="cursor:pointer;width:30px;"> <input name="captcha" id="loxocr" class="comment-input" placeholder="کد را وارد کنید"> <input type="hidden" name="form" value="loxfastlogin"> <input type="hidden" name="mode" value="ocr"> </div> </div> <div class="captcha-message"></div> </div> </div> <div class="lxm-actions"> <button type="submit" class="send-btn lxm-submit">ورود</button> <div class="lxm-divider">حساب کاربری ندارید؟</div> <button type="button" class="send-btn lxm-register" onclick="lx_open_modal('fastregisterModal');return false;">فرم ثبت نام</button> </div> </form> <div id="respond" class="fast_login-respond"></div> </div> </div> </div> <script> function lxmTogglePassL(btn){ var i = btn.parentNode.querySelector('input'); var show = i.type === 'password'; i.type = show ? 'text' : 'password'; btn.textContent = show ? '🙈' : '👁'; } </script> <div class="comment-modal" id="fastforgotModal"> <div class="lxm-box"> <div class="lxm-head"> <button type="button" class="lxm-close" aria-label="بستن" onclick="lx_close_modal('fastforgotModal')">✕</button> <div class="lxm-ico"> <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="15" r="4"/><path d="M10.8 12.2 21 2M16 7l3 3"/></svg> </div> <h3 class="lxm-title">فراموشی رمز عبور</h3> <p class="lxm-sub">نام کاربری یا ایمیل خود را وارد کنید</p> </div> <div class="lxm-body"> <div class="lxm-step lxm-step-1"> <form class="loxajax lxm-form" method="post" name="$form" data-form="$form" data-target=".fast_forgot-respond" action="/core/ajax.php?action=userforgot" rel="nofollow"> <div class="lxm-field"> <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/></svg> <input class="comment-input" type="text" name="login" dir="ltr" maxlength="190" placeholder="نام کاربری یا ایمیل" autocomplete="username"> </div> <div class="lxm-actions"> <button type="submit" class="send-btn lxm-submit">ارسال کد</button> <div class="lxm-divider">یا</div> <button type="button" class="send-btn lxm-register" onclick="lx_open_modal('fastloginModal');return false;">بازگشت به ورود</button> </div> </form> <div class="fast_forgot-respond"></div> </div> <div class="lxm-step lxm-step-2" hidden> <p class="lxm-hint">کد ۶ رقمی ارسال‌شده به ایمیل و رمز عبور جدید را وارد کنید.</p> <form class="loxajax lxm-form" method="post" name="$form" data-form="$form" data-target=".fast_forgot2-respond" action="/core/ajax.php?action=userresetpass" rel="nofollow"> <input type="hidden" name="login" value=""> <div class="lxm-field"> <svg viewBox="0 0 24 24"><circle cx="8" cy="15" r="4"/><path d="M10.8 12.2 21 2M16 7l3 3"/></svg> <input class="comment-input" type="text" name="code" dir="ltr" inputmode="numeric" maxlength="6" placeholder="کد ۶ رقمی ایمیل‌شده" autocomplete="one-time-code"> </div> <div class="lxm-field has-eye"> <svg viewBox="0 0 24 24"><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> <input class="comment-input" type="password" name="password" dir="ltr" maxlength="72" placeholder="رمز عبور جدید" autocomplete="new-password"> <button type="button" class="lxm-eye" aria-label="نمایش پسورد" onclick="lxmTogglePassF(this)">👁</button> </div> <div class="lxm-actions"> <button type="submit" class="send-btn lxm-submit">تغییر رمز عبور</button> <div class="lxm-divider">یا</div> <button type="button" class="send-btn lxm-register lxm-resend">ارسال مجدد کد</button> </div> </form> <div class="fast_forgot2-respond"></div> </div> </div> </div> </div> <script> function lxmTogglePassF(btn){var i=btn.parentNode.querySelector('input');var s=i.type==='password';i.type=s?'text':'password';btn.textContent=s?'🙈':'👁';} (function(){ var m=document.getElementById('fastforgotModal');if(!m){return;} var s1=m.querySelector('.lxm-step-1'),s2=m.querySelector('.lxm-step-2'); var r1=m.querySelector('.fast_forgot-respond'),r2=m.querySelector('.fast_forgot2-respond'); var i1=s1.querySelector('input[name="login"]'),i2=s2.querySelector('input[name="login"]'); function watch(box,fn){if(!window.MutationObserver){return;}new MutationObserver(function(){if(box.querySelector('.msuccess')){fn();}}).observe(box,{childList:true,subtree:true});} watch(r1,function(){if(s2.hidden){i2.value=i1.value;s1.hidden=true;s2.hidden=false;var c=s2.querySelector('input[name="code"]');if(c){c.focus();}}}); watch(r2,function(){setTimeout(function(){if(typeof lx_open_modal==='function'){lx_open_modal('fastloginModal');}},1800);}); var back=m.querySelector('.lxm-resend'); if(back){back.addEventListener('click',function(){s2.hidden=true;s1.hidden=false;r1.innerHTML='';r2.innerHTML='';});} })(); </script><div class="comment-modal" id="fastregisterModal"> <div class="lxm-box"> <div class="lxm-head"> <button type="button" class="lxm-close" aria-label="بستن" onclick="lx_close_modal('fastregisterModal')">✕</button> <div class="lxm-ico"> <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M19 8v6M22 11h-6"/></svg> </div> <h3 class="lxm-title">ثبت نام کاربران</h3> <p class="lxm-sub">در چند ثانیه حساب کاربری خود را بسازید</p> </div> <div class="lxm-body"> <form class="loxajax captcha-form lxm-form" method="post" name="loxfastregister" data-form="loxfastregister" data-target=".fast_register-respond" action="/core/ajax.php?action=userregister" rel="nofollow"> <div class="lxm-field"> <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/></svg> <input class="comment-input" type="text" name="username" dir="ltr" maxlength="40" placeholder="نام کاربری" autocomplete="username"> </div> <div class="lxm-field has-eye"> <svg viewBox="0 0 24 24"><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> <input class="comment-input" type="password" name="password" dir="ltr" maxlength="40" placeholder="پسورد" autocomplete="new-password"> <button type="button" class="lxm-eye" aria-label="نمایش پسورد" onclick="lxmTogglePass(this)">👁</button> </div> <div class="lxm-field"> <svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg> <input class="comment-input" type="email" name="email" dir="ltr" maxlength="100" placeholder="ایمیل" autocomplete="email"> </div> <div class="lxm-field"> <svg viewBox="0 0 24 24"><path d="M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 15.6 7.1 18.2 8 12.7 4 8.8 9.5 8z"/></svg> <input class="comment-input" type="text" name="name" dir="auto" maxlength="100" placeholder="نام فارسی"> </div> <div class="lxm-field"> <svg viewBox="0 0 24 24"><rect x="7" y="2" width="10" height="20" rx="2"/><path d="M11 18h2"/></svg> <input class="comment-input" type="text" name="mobile" id="mobile_f" dir="ltr" maxlength="100" placeholder="موبایل (اختیاری)" autocomplete="tel"> </div> <div class="lxm-captcha"> <div class="captcha-widget" data-form="loxfastregister"> <input type="hidden" name="form" value="loxfastregister"> <input type="hidden" name="captcha_token" value="7844492a2308fad8389e9c5445c9f520"> <div class="captcha-box" data-mode="ocr"> <div class="ocr-captcha"> <img class="captcha-img" style="width:100px;" src="/captcha/image_ocr.php?form=loxfastregister&t=1792147949651"> <img class="lx_ref_captcha_img refresh" src="/images/refresh2.svg" style="cursor:pointer;width:30px;"> <input name="captcha" id="loxocr" class="comment-input" placeholder="کد را وارد کنید"> <input type="hidden" name="form" value="loxfastregister"> <input type="hidden" name="mode" value="ocr"> </div> </div> <div class="captcha-message"></div> </div> </div> <div class="lxm-actions"> <button type="submit" class="send-btn lxm-submit">ثبت نام</button> <div class="lxm-divider">قبلا ثبت نام کرده‌اید؟</div> <button type="button" class="send-btn lxm-login" onclick="lx_open_modal('fastloginModal');return false;">فرم ورود</button> </div> </form> <div class="fast_register-respond"></div> </div> </div> </div> <script> function lxmTogglePass(btn){ var i = btn.parentNode.querySelector('input'); var show = i.type === 'password'; i.type = show ? 'text' : 'password'; btn.textContent = show ? '🙈' : '👁'; } </script><div class="comment-modal" id="commentModal"> <div class="lxm-box"> <div class="lxm-head"> <div class="lxm-ico"> <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M21 12a8 8 0 0 1-11.5 7.2L4 20l1-4.3A8 8 0 1 1 21 12z" /> <path d="M8.5 11h7M8.5 14h4" /> </svg> </div> <div> <h3 class="lxm-title">نظرات کاربران</h3> <p class="lxm-sub">دیدگاه خود را با ما در میان بگذارید</p> </div> <button type="button" class="lxm-close" aria-label="بستن" onclick="lx_close_modal('commentModal')">✕</button> </div> <div class="comment-body"> <div class="comment-thread"> <!-- reply --> </div> </div> <div class="comment-footer"> <div id="formMessage" class="form-message"></div> <input type="hidden" id="reply_to" name="reply_to" value="0"> <div class="reply-indicator" id="replyBox"></div> <form class="captcha-form lxm-form" method="post" name="$form" id="commentForm" data-form="$form" data-target=".comment-respond" action="" rel="nofollow"> <input type="hidden" name="action" value="add"> <input type="text" id="c_name" name="c_name" placeholder="نام شما" class="comment-input" value=""> <div class="lxm-row"> <input dir="ltr" type="text" id="c_email" name="c_email" placeholder="ایمیل" class="comment-input" value=""> <input dir="ltr" type="text" id="c_website" name="c_website" placeholder="وب‌سایت (اختیاری)" class="comment-input"> </div> <textarea name="c_text" id="c_text" placeholder="نظر خود را بنویسید..."></textarea> <label class="lxm-private"> <input type="checkbox" name="private" value="1"> <span class="lxm-switch"></span> <span class="lxm-ptxt">نظر خصوصی</span> </label> <div class="lxm-captcha"> <div class="captcha-widget" data-form="loxcommentf"> <input type="hidden" name="form" value="loxcommentf"> <input type="hidden" name="captcha_token" value="fae4e28bf8384d4a0b21b9f156eeb406"> <div class="captcha-box" data-mode="ocr"> <div class="ocr-captcha"> <img class="captcha-img" style="width:100px;" src="/captcha/image_ocr.php?form=loxcommentf&t=1792180346060"> <img class="lx_ref_captcha_img refresh" src="/images/refresh2.svg" style="cursor:pointer;width:30px;"> <input name="captcha" id="loxocr" class="comment-input" placeholder="کد را وارد کنید"> <input type="hidden" name="form" value="loxcommentf"> <input type="hidden" name="mode" value="ocr"> </div> </div> <div class="captcha-message"></div> </div> </div> <button type="button" class="send-btn" onclick="sendComment()"> <svg viewBox="0 0 24 24"> <path d="M22 2 11 13" /> <path d="M22 2 15 22l-4-9-9-4z" /> </svg> ارسال نظر </button> </form> </div> </div> </div></body></html>