shayan 116 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 (ویرایش شده) سلاممن میخوام قسمت سرچ سایتم که به صورت استاندارد نمایش داده میشهتغییر کنه به فقط یک دکمه ذره بین و بعد از کلیک کردن روی آن به آرامی قسمت فیلد متنش باز بشههمینممنونیاعلی ویرایش شده آذر 92 توسط shayan نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 با jquery animatehttp://viralpatel.net/blogs/understanding-jquery-animate-function/http://css-tricks.com/snippets/jquery/animate-heightwidth-to-auto/ 2 نقل قول لینک به ارسال
shayan 116 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 یعنی اول اینو بزارم بین تگ هد<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></SCRIPT>ولی نمیدونم این باید کجا گذاشته بشه؟$("#animate").click(function() { $("#content").animate( {"width": "350px"}, "fast");});فقط همینه ؟کار دیگه ای نیاز نیست؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 تکه دوم هم بره توی تگ هدبین تگ script 1 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 نکته:اگر از سرچ فرم پیش فرض وردپرس استفاده می کنیدیک صفحه به نام searchform.php هم باید بسازید که کدهای اصلی فرم جستجو را توش بگذاریدبه عنوان مثال:<form method="get" class="searchform" action="<?php bloginfo('url'); ?>/"><input name="s" id="searchContent" type="search" value="<?php the_search_query();?>"><input type="button" value="" id="animateButton"><input type="hidden" value="submit"></form>و تصویر ذره بین را هم باید با استایل به کد فرم اضافه کنید مثل#animateButton {border-style:none;background:transparent url("images/find.png") no-repeat scroll center center;width:32px;height:32px;}و کد جی کوئریتون هم به این ترتیب می شه<script type="text/javascript"><!--$(document).ready(function() {$("#searchContent").css("width","32px");$("#animateButton").click(function() { $("#searchContent").animate( {"width": "350px"}, "fast");});$("#searchContent").blur(function() { $(this).animate( {"width": "32px"}, "fast");});})//--></script> 4 نقل قول لینک به ارسال
shayan 116 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 این قالب آماده بوده و من نمیدونم که از پیشفرض وردپرس استفاده کرده یا خیراین محتویات فایل searchform.php قالب منه:<form method="get" action="<?php echo home_url(); ?>"><input type="submit" class="sb" value="<?php _e('Search', 'theme'); ?>" /><input type="text" class="sf" value="<?php _e('Search here ...', 'theme'); ?>" name="s" onfocus="if(this.value == '<?php _e('Search here ...', 'theme'); ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e('Search here ...', 'theme'); ?>';}" /></form>اینم آدرس آنلاین : http://yaranenamaz.comاین کد جی کوئری کجا یاید پیست بشه؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 این قالب آماده بوده و من نمیدونم که از پیشفرض وردپرس استفاده کرده یا خیراین محتویات فایل searchform.php قالب منه:<form method="get" action="<?php echo home_url(); ?>"><input type="submit" class="sb" value="<?php _e('Search', 'theme'); ?>" /><input type="text" class="sf" value="<?php _e('Search here ...', 'theme'); ?>" name="s" onfocus="if(this.value == '<?php _e('Search here ...', 'theme'); ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e('Search here ...', 'theme'); ?>';}" /></form>اینم آدرس آنلاین : http://yaranenamaz.comکدهای فرمی که گذاشتم را جایگزین همین کدها کنید این کد جی کوئری کجا یاید پیست بشه؟تکه دوم هم بره توی تگ هدبین تگ script 1 نقل قول لینک به ارسال
shayan 116 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 استاد من میخوام دقیقا همین شکل و شمایل براش باقی بمونهبا این کارا استایلش عوض میشهدکمه سرچ کار نمیکنهنتیجه سرچ هم پیشنهاداتی دراه که با انجام این کار نمایش داده نمیشه !کلا همین باشه فقط وقتی روی ذره بین کلیک میشه فیلد متنی باز بشهو وقتی تو فضای آزاد کلیک میشه بسته بشهممنون نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 ذره بین الان کجاست؟اگر داخل فیلد نوشتنه فقط این کد را در header.php بگذارید<script type="text/javascript"><!--$(document).ready(function() {$("form input.sf").css("width","32px");$("form input.sf").focus(function() { $(this).animate( {"width": "350px"}, "fast");});$("form input.sf").blur(function() { $(this).animate( {"width": "32px"}, "fast");});})//--></script>اگر در لایه ی دیگه ایه در این کد بجای XXX کلاسش را بگذارید<script type="text/javascript"><!--$(document).ready(function() {$("form input.sf").css("width","32px");$(".XXX").click(function() { $("form input.sf").animate( {"width": "350px"}, "fast");});$("form input.sf").blur(function() { $(this).animate( {"width": "32px"}, "fast");});})//--></script>و قبل از این کدها هم<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></SCRIPT>مابقی کدها را کاری نداشته باشیددر کدهای بالا 32 اندازه ی فیلد در حالت عادی و 350 اندازه بزرگ شده اش است که می توانید به مقدار دلخواه تغییر دهید 1 نقل قول لینک به ارسال
shayan 116 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 (ویرایش شده) بسیار عالییی ممنونفقط دو مشکل:1-اینکه وقتی روی ذره بین کلیک میشه سرچ رو انجام میده ! من میخوام با کلیک اول فیلد باز بشه و با کلیک دوم بره برای سرچ2-با کلیک بر قسمت فیلد هم این اتفاق بیوفتهممنونhttp://yaranenamaz.com ویرایش شده آذر 92 توسط shayan نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 ذره بین شما ظاهرا کلید سابمیت فرمه که نمی شه کاریش کرد باید جستجوش را انجام بده برای کلیک داخل فیلد هم جواب قبلی را بخونید 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .