کدستان - مرجع بزرگ کد و ابزار رایگان وب نویسان - مطالب ارسال شده توسط masterhk

سلام.
کد دیگه ای هم دارم که اونم فعلا فقط تو کروم کار میکنه...
با این کد محتویات یه فولدر روی کامپیوترتون رو -بعد از انتخابش با همون پنجره انتخاب فولدر ویندوز- لیست
میکنین...
راستی میدونین چرا فایرفایکس داره بیچاره میشه؟
چون گوگل تبلیعاتشو از تو فایرفاکس ورداشته و حالا فایرفاکس داره با شکست روبرو میشه چون گوگل مهمترین منبع
درآمدش بوده!
باور نمیکنین از گوگل بپرسین؛ یا از موزیلا... :دی
حالا اینارو بیخیال...
کد رو بچسبین... :دی
با تشکر
ادامه مطلب

سلام.
بعد از مدتها پستهای ..شر اومده... :دی
با کد امروز شما میتونین یه مسخره بازی باحال بکنید:
تولید متن از صدا و تولید صدا از متن :دی
( بله بی فرهنگ؛ از متن! :| )
پیشنیاز اجرای این کد HTML5، مرورگر کروم و اتصال به اینترنته...
و همینطور یه میکروفون! :دی
اگه این آخری رو نداشته باشین هم مشکلی پیش نمیاد فقط اون کاری که قرار بود با میکروفون انجام بشه انجام نمیشه...
اگه هم به اینترنت وصل نباشین که دیگه هیچی... :دی
در ضمن به خاطر موارد امنیتی برای استفاده از میکروفون یا دستگاه های ورودی دیگه اسکریپت باید روی یه دامین اجرا بشه...
از کنسولگری ش هم زیاد زری نمیزنم تا خودتون ببینیدش... :دی
قبل از این برای اینکارا به خیلی چیزا و سرویس ها و سایت ها احتیاج بود اما حالا فقط HTML5 رو لازم داریم... :)
این یه نمونه فوق ساده ست و بینهایت کار میشه کرد با این قابلیت...
در ضمن هر مشکلی هم داره تقصیر مویزرکسه :دی
با اون اسکریپتش... :|
فقط حیف که هنوز درک و شعور فایرفاکس به اون میزان نرسیده که این کد رو اجرا کنه... :دی
با تشکر
ادامه مطلب

سلام. کد سیاه و سفید کردن عکس با کانواس HTML5 هستش که تنها نکته ش فرمولش بود... :دی
ذکر HTML5 به این دلیله که سیاه و سفید شدن دلیل دیگه ای نداره... :دی
فراموش نکنید که حتما! باید خاصیت src عکس رو بعد از تعیین تابعی onload قرار بدید وگرنه ممکنه قبل از اینکه کد اجرا بشه، عکس لود بشه و کلا تمام کارامون به باد بره... :دی
بنابراین شما مجبور نیستین مثل من، عکس رو هم با js به وجود بیارید اما onload یادتون نره. میتونید هم تگ عکس رو دستی بنویسید و بعد تو کد بهش src بدید. یا onload رو هم به صورت inline بنویسید. در هر صورت کد کار میکنه... :دی
راستی! قبلا در مورد کانواس های `آلوده` صحبت کرده بودم.
اگه کانواسی آلوده باشه و ما بخوایم محتویاتش رو بگیریم error با کد 18 میده که من با استفاده از این کد تشخیص میدم اگه برنامه ارور داده دلیلش چی بوده...
برای اینکه کانواس آلوده نشه باید عکس ها در هاست خودمون آپلود شده باشن و یه شیوه دیگه هم داره که اگه خواستین اونم میگم...
با تشکر... :دی ادامه مطلب

سلام.
دستور کار: روی دکمه ای غیر از دکمه شلوارتان کلیک کنید! :دی
کپی رایت: مویزرکس و اون دو تا تابع سوپر فوق العاده ش... ادامه مطلب

سلام.
احتمالا تابحال با فریمورک هایی کار کردین که شکل چک باکس ها، رادیوها و یا چیزایی که به طور معمول شکلشون عوض نمیشه (مثلا انتخاب فایل ها) رو عوض میکنن. نمونه ش همین Bootstrap یا هر چیز دیگه ای...
"اصول کار این فریمورک های خصوصیت for یه تگ label هستش که برابر با id اون input باشه"
بعد ما هر استایلی رو که به اون label بدیم؛ انگار اون استایل رو به اون input دادیم.
توجه!
هر استایل یا کد حاوااسکریپتی که اینجا میبینید فقط برای استایل دادن به label هستن و کار اصلی رو همون خصوصیت for تگ label مون میکنه.

اما حالا بگیم که اینجا چه اتفاقی افتاده:
input ~ label[for]
این سلکتور label هایی رو انتخاب میکنه که خاصیت for داشته باشن و قبلشون هم یه input وجود داشته باشه.

input:checked:not([type="file"]) + label[for]
این سلکتور هم label ـی رو انتخاب میکنه که خاصیت for داشته باشه و قبلش یه input باشه با این شرایط:
1- تیک خورده باشه.
2- از نوع ورودی فایل نباشه.
توجه کنین که + برای اینه که فقط یکی انتخاب بشه اما ~ هر چند تا باشه رو انتخاب میکنه...
(فهم تفاوت این سلکتورها جز با تمرین بدست نمیاد؛ حالا من خودمو جر بدم... :دی )

input[type="file"]:valid + label[for]
این سلکتور label هایی رو انتخاب میکنه که قبلشون یه input هز نوع فایل وجود داشته باشه و "مقدار مناسب" داشته باشه.
کارکرد این سلکتور فقط در صورتی مشخص میشه که ما به input مون خصوصیت required داشته باشیم؛ و این یعنی نیاز به ساپورت html5...

توی کدهای کامنت شده هم میبینین که من برای input های خاص؛ رنگ دلخواهم رو انتخاب کردم.

اما کلا این استایل های ما قراره چه نتیجه ای داشته باشن؟؟
در حالت عادی من یه استایلی بهش دادم.
بعد گفتم هر وقت که المنت مون انتخاب شد رنگش عوض بشه(#eee)

در مورد اون فایل هم هروقت فایلی انتخاب شد رنگش تغییر کنه(بشه #eee)

کدهای جاوااسرکیپت رو هم واقعا ساده نوشتم و فکر نمیکنم احتیاج به توضیحی داشته باشن؛ با این حال هم در کامنتا و هم در انجمن؛ جواب میدم...

با تشکر... :P
پ.ن.:
مویزرکس اگه عنوان جالبتری سراغ داشتی همون رو بزار؛ به نظرم این زیاد خوب نشد. ادامه مطلب