سعید شعبانی

ساخت دکمه جستجو توسط 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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      با سلام و درود
      دوستان من میخوام که دکمه مربوط به درج قیمت رو داینامیک کنم اما نمیدونم باید به چه روشی این کار رو انجام بدم. لطفا به تصویر نگاه کنید.
      برای این بخش که پیشنهاد ویژه سایتم هست یه پست تایپ نوشتم. توی اون عنوان که همون عنوان مقاله میشه. قسمت متن هم که باز متنی هست که توی ویرایشگر مینویسم. تصویر هم که تصویر شاخص هست و بجای کلیک ادامه مطلب یا بیشتر بخوانید نوشتم خرید. حالا نمیدونم اون کلید قیمت رو چطور باید بنویسم. قرار نیست که این کلید قیمت قابل کلیک باشه.
      لطفا راهنمایی کنید. ممنون.

    • توسط ccoder
      سلام
      طبق تصویر زیر، آیا افزونه ای وجود داره که بشه جستجو رو ajax کرد؟
      خیلی از افزونه ها ajax می کنند ولی بدرد بخور نیست. منظورم از ajax اینه که مثل سایت (متاسفانه فیلتر شده ای نتورک) وقتی کلمه ای رو سرچ می کنید، سریع نشون بده.
      آدرس سایتشم میزنم که با فیلتر شکن برید و از نزدیک ببینید:
      http://academy.anetwork.ir
      از منوی بالا > دیکشنری رو بزنید
      :::: اگر افزونه وردپرس هم نبود و کدی برای صفحه single داشتید هم معرفی کنید ::::

    • توسط vazizi69@yahoo.com
      سلام ممنون میشم اگر منو راهنمایی کنید 
      من تو سایت وردپرسی میخوام صفحه ای داشته باشم که یک url جستجو داشته باشه و وقتی کد محصول رو اونجا وارد کردم 
      در همان صفحه زیر ادرس بار محصول رو به صورت باز شده نشون بده 
      یعنی مستقیم به داخل صفحه محصول که کدش رو زدم بره و دکمه خرید داشته باشه 
      با هر افزونه جستجو که انجام میدم یا کلی مطالب و محصول مرتبط رو به صورت لیست نشون میده 
       لینک نمونه صفحه ای که میخوام داشته باشم 
      https://digikatoni.ir/single-checkout/
    • توسط B.K
      سلام دوستان، تو یه برگه معرفی اعضای تیم میخوام یه باکس جستجو داشته باشم که اسم هر شخصی را که سرچ میکنم فقط همون شخص بیاد و از برگه و صفحات دیگه چیزی نیاره! حدود 40 نفرن (معلم ابتدایی) لطفا راهنمایی کنید که چطور این کار را انجام بدم؟
    • توسط yousefamini
      سلام
      بنده یک افزونه ای میخام که فیلتر جستجو برای افزونه acf یا همان زمینه های دلخواه پیشرفته رو داشته باشه .
      اگر چیزی میدونید معرفی کنید اگه هم بلدید طراحی اختصاصی کنید هزینشم با هم کنار میایم .
      09112921876
      تشکر