beh9am 96 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 (ویرایش شده) سلاممیخواستم در سایتم یک div بسازم که با کلیک روش باز و بسته بشه به این شکلاین تصویر رو بینید :وقتی بر روی نمایش کلیک میکنی به این شکل باز میشه:و وقتی دوباره بر روی بستن کلیک میکنی بسته میشه و مثل حال اول میشهدموی آنلاین : forum.persiantools.com/find-new/postsتشکر ویرایش شده آذر 93 توسط beh9am نقل قول لینک به ارسال
amirali123 38 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 از افزونه زیر استفاده کنید:https://wordpress.org/plugins/visual-form-builder/البته با این افزونه میتونید ی یک پیج یا پست استفاده کنید.شاید بتونید شورت کدی ازش پیدا کنید نقل قول لینک به ارسال
A-fshin 1936 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 درودhttp://www.w3schools.com/jquery/jquery_hide_show.aspدمو :http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_showیاhttp://www.randomsnippets.com/2011/04/10/how-to-hide-show-or-toggle-your-div-with-jquery/ 3 نقل قول لینک به ارسال
beh9am 96 ارسال شده در آذر 93 مالک گزارش بازنشر ارسال شده در آذر 93 (ویرایش شده) درودتشکر تونستم درست کنمالان من از این مورد استفاده میکنمhttp://www.randomsnippets.com/2011/04/10/how-to-hide-show-or-toggle-your-div-with-jquery/و کد<script>function toggleAndChangeText() { $('#divToToggle').toggle(); if ($('#divToToggle').css('display') == 'none') { $('#aTag').html('نمایش ►'); } else { $('#aTag').html('بستن ▼'); }}</script>کد html :<a id="aTag" style="float:left" href="javascript:toggleAndChangeText();"> بستن ▼</a><div id="divToToggle" class="content">محتوا</div>حالا یک مشکل هست من در صفحه خودم 15 تا div دارم که محتویاتی که میخوام پنهان بشه و با کلیک باز بشن همنام هستنحالا وقتی بر روی یکیش کلیک میشه هر 15 تا div با هم باز و بسته میشناگر بخوام تک تک باشن باید 15 بار از این کد با نام های مختلف استفاده بکنم ؟تشکر ویرایش شده آذر 93 توسط beh9am نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 نه دیگه ،لازم نیستکافیه از یه PHP برای زیاد کردن اعداد بعد href و ID استفاده کنی.تو نمونه ی showonlyoneش نوشته.نمونه کد:for ($x = 0; $x <= 15; $x++) { echo "<div id='newboxe$x'>test</div> <br>";} 1 نقل قول لینک به ارسال
beh9am 96 ارسال شده در آذر 93 مالک گزارش بازنشر ارسال شده در آذر 93 نه دیگه ،لازم نیستکافیه از یه PHP برای زیاد کردن اعداد بعد href و ID استفاده کنی.تو نمونه ی showonlyoneش نوشته.نمونه کد:for ($x = 0; $x <= 15; $x++) {echo "<div id='newboxe$x'>test</div> <br>";}ببخشید من یه کم مبتدی هستمیعنی الان میگید من یک بار کد js رو بزارم و برای div ها از اینphp که دادید استفاده بکنم ؟یه کم گیج شدم ببخشید نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 خب اشکالی نداره ، شما از همون کد toggle (اوّلی) استفاده کنهر بار به عدد 1 یدونه اضافه کنابتدا توی head سایت کد زیر رو بذار:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>function toggleDiv(divId) { $("#"+divId).toggle();}</script>بعد کد زیر رو بذار هر جا که میخوای:<a href="javascript:toggleDiv('myContent1');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a><div id="myContent1" style="background-color: #aaa; padding: 5px 10px;">test</div>درواقع توی کد بالا فقط گزینه myContent1 رو هر بار به یدونه بیشتر تبدیل کناین شکلی:<a href="javascript:toggleDiv('myContent2');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a><div id="myContent2" style="background-color: #aaa; padding: 5px 10px;">test</div> 2 نقل قول لینک به ارسال
beh9am 96 ارسال شده در دی 93 مالک گزارش بازنشر ارسال شده در دی 93 خب اشکالی نداره ،شما از همون کد toggle (اوّلی) استفاده کنهر بار به عدد 1 یدونه اضافه کنابتدا توی head سایت کد زیر رو بذار:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>function toggleDiv(divId) {$("#"+divId).toggle();}</script>بعد کد زیر رو بذار هر جا که میخوای:<a href="javascript:toggleDiv('myContent1');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a><div id="myContent1" style="background-color: #aaa; padding: 5px 10px;">test</div>درواقع توی کد بالا فقط گزینه myContent1 رو هر بار به یدونه بیشتر تبدیل کناین شکلی:<a href="javascript:toggleDiv('myContent2');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a><div id="myContent2" style="background-color: #aaa; padding: 5px 10px;">test</div>تشکرالان فقط یک مشکل هستچجوری میتونم متن نوشته هارو تو حالت مختلف تغییر بدم ؟یعنی زمانی که div باز هست متن رو بزنه بستنو زمانی که div بسته هست بنویسه مشاهده( عکس های پست اول رو ببینید متوجه منظورم میشید )تشکر نقل قول لینک به ارسال
beh9am 96 ارسال شده در دی 93 مالک گزارش بازنشر ارسال شده در دی 93 بعد ببخشید یک سوال دیگه وقتی میخوام از.slideToggle()استفاده بکنم که باز شدن div ها زیباتر باشه کار نمیکنه نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 93 گزارش بازنشر ارسال شده در دی 93 می تونید بجای تکرار مکرر کد از جی کوئری استفاده تا در کل قالبتون به صورت یکسان اجرا بشه نمونه http://jsfiddle.net/fakhar/r67Lsm0m/ 2 نقل قول لینک به ارسال
beh9am 96 ارسال شده در دی 93 مالک گزارش بازنشر ارسال شده در دی 93 (ویرایش شده) می تونید بجای تکرار مکرر کد از جی کوئری استفاده تا در کل قالبتون به صورت یکسان اجرا بشهنمونهhttp://jsfiddle.net/fakhar/r67Lsm0m/یک دنیا ممنون جناب فخارحدود یک هفته معطل شدم خیلی خودم سعی کردم درستش کنم اما نشد در آخر هم این صبر کردن واقعا ارزش داشتاز شما و آقای زینلی تشکر میکنم تو هیچ انجمنی جوابم رو ندادنیک سوال جناب فخار : من الان html و css را در حد متوسط به بالا میدونم و php هم در طول این مدت کمی آشنا شدن در حد خوندن و تفسیر کدهاالان به نظرتون من چجوری میتونم جاوااسکریپت یا جی کوئری را یاد بگیرم ؟و اینکه فرق جاوااسکریپت با جی کوئری چیه ؟ ( چون هر 2 مثل هم هستن )خدا خیرتون بدهممنون ویرایش شده دی 93 توسط beh9am 1 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 93 گزارش بازنشر ارسال شده در دی 93 جی کوئری یکی از کتابخانه های جاوا اسکریپته و زبان برنامه نویسی جداگانه نیست برای یادگیریشون از http://www.w3schools.com/شروع کنید 2 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .