سعید شعبانی

ساخت دکمه جستجو توسط css و html

10 پست در این موضوع قرار دارد

دوستان سلام

من می خواهم با استفاده از css و html یک دکمه برای بخش جستجو درست کنم.

طریقه عملکرد دکمه به اینصورت باشه که در ابتدا کلمه جستجو دیده شود و با کلیک کردن روی دکمه جستجو فرم جستجو باز شود و بتوان با آن کار کرد و با کلیک دوباره روی کلمه جستجو یا جایی خارج از فرم جستجو, فرم جستجو محو و کلمه جستجو نشان داده شود.

تاحدی پیش رفتم ولی درست کار نمی کند. لطفا راهنمایی کنید

http://jsbin.com/ajacor/1

1

به اشتراک گذاری این پست


لینک به پست

سلام

اینو دانلود کن 3 نمونه خیلی خوشگل داره همینی که میخوای هست ببین به کارت میاد یا نه :

Demo.zip

9

به اشتراک گذاری این پست


لینک به پست

سلام

اینو دانلود کن 3 نمونه خیلی خوشگل داره همینی که میخوای هست ببین به کارت میاد یا نه :

Demo.zip

میشه یک نمونه را بدید که از جی کئوری استفاه نکرده باشه

0

به اشتراک گذاری این پست


لینک به پست

کد جاوا این را میشه داخل یک فایل که از قبل برای تب ها هست گذاشت؟

0

به اشتراک گذاری این پست


لینک به پست

کد جاوا این را میشه داخل یک فایل که از قبل برای تب ها هست گذاشت؟

بله مشکلی ندارد

1

به اشتراک گذاری این پست


لینک به پست

این یه نمونه است که یه طرفه ولی بدون جی کوئری


http://jsbin.com/exirog/1

5

به اشتراک گذاری این پست


لینک به پست

این یه نمونه است که یه طرفه ولی بدون جی کوئری


http://jsbin.com/exirog/1

iهمین کد برای هر دو حالت باز و بسته (بدون js)

http://jsbin.com/exirog/3/

کد جاوا این را میشه داخل یک فایل که از قبل برای تب ها هست گذاشت؟

کد را در هر فایل js بگذارید فرقی ندارد و به کد فراخوانیش دقت کنید


showhidden('searchform')

به جای searchform می توانید id باکس های دیگر را بگذارید و در واقع با همین کد هر تعداد که خواستید جعبه مخفی شونده (یا هر اسمی که بشه روش گذاشت) بسازید، همینطور منوهای درختی

6

به اشتراک گذاری این پست


لینک به پست

سلام

دوستان من یه همچین فرمی برای search دارم


<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control serarch-btn" placeholder="جستجو کنید ..." name="search">
</div>
<button type="submit" class="serarch-su" name="search-su" value=""></button>
</form>

که خروجیش این میشه

ioi2_dfsdgsdfg.png

در حالت عادی فیلد متن جستجو پنهان هست

میخوام وقتی روی input سرچ کلیک شد فیلد متن جستجو نمایش داده بشه

و وقتی هم که برای بار دوم کلیک شد جستجو انجام بشه

پیشاپیش ممنون از کمکتون

0

به اشتراک گذاری این پست


لینک به پست

UP

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط vazizi69@yahoo.com
      سلام ممنون میشم اگر منو راهنمایی کنید 
      من تو سایت وردپرسی میخوام صفحه ای داشته باشم که یک url جستجو داشته باشه و وقتی کد محصول رو اونجا وارد کردم 
      در همان صفحه زیر ادرس بار محصول رو به صورت باز شده نشون بده 
      یعنی مستقیم به داخل صفحه محصول که کدش رو زدم بره و دکمه خرید داشته باشه 
      با هر افزونه جستجو که انجام میدم یا کلی مطالب و محصول مرتبط رو به صورت لیست نشون میده 
       لینک نمونه صفحه ای که میخوام داشته باشم 
      https://digikatoni.ir/single-checkout/
    • توسط miohmah
      سلام
      لطفا صفحه زیر رو نگاه کنید:
      https://academy.anetwork.ir/dictionary/
      میخوام یه همچین صفحه ای داشته باشم که بالای اون امکان جستجویی به کاربر بده که بعد از وارد کردن چند حرف دلخواه، نتایج از بین واژگان موجود نمایش داده بشه.
      درواقع یه همچین جستجوگری برای یک صفحه نیاز دارم (دقیقا کار همین فرم جستجویی که در این سایت هست رو انجام بده)
      صفحه ای که منم میخوام درست کنم، مثل همین بلوک بلوک هست. نتایج رو میخوام به همین شکلی که در این سایت هست نمایش بدم.
      اگر کسی چیزی میدونه لطفا بگه
    • توسط B.K
      سلام دوستان، تو یه برگه معرفی اعضای تیم میخوام یه باکس جستجو داشته باشم که اسم هر شخصی را که سرچ میکنم فقط همون شخص بیاد و از برگه و صفحات دیگه چیزی نیاره! حدود 40 نفرن (معلم ابتدایی) لطفا راهنمایی کنید که چطور این کار را انجام بدم؟
    • توسط yousefamini
      سلام
      بنده یک افزونه ای میخام که فیلتر جستجو برای افزونه acf یا همان زمینه های دلخواه پیشرفته رو داشته باشه .
      اگر چیزی میدونید معرفی کنید اگه هم بلدید طراحی اختصاصی کنید هزینشم با هم کنار میایم .
      09112921876
      تشکر
    • توسط t-admin
      سلام دوستان.
      من از قالب shoppystore استفاده می کنم.قسمت جستجوی قالب بجز 5 کالا در کالاهای دیگه جستجو نمیکنه!!! یعنی مثلا 5 لباس رو میشه سرچ کرد و نتایج اون پنج کالا رو نشون میده اما هرچی کالای دیگه که اضافه کردم توی نتایج جستجو نشون داده نمیشن.
      البته سرچ خود سایت درست عمل میکنه.اما کالاها رو بصورت پست نشون میده که مناسب فروشگاه نیست.
      میتونید راهنمایی کنید مشکل از کجاست؟
      این کد search.php سایت هست.
      <?php $ya_header_style     = ya_options()->getCpanelValue('header_style'); ?>
      <?php get_header( $ya_header_style ) ?>
      <div class="container">
          <?php
              $post_type = isset( $_GET['search_posttype'] ) ? $_GET['search_posttype'] : '';
              if( isset( $post_type ) &&  locate_template( 'templates/search-' . $post_type . '.php' ) ){
                  get_template_part( 'templates/search', $post_type );
              }else{
                  get_template_part('templates/content');
              }
          ?>
      </div>
      <?php get_footer(); ?>