koolfayfer

عضو سایت
  • تعداد ارسال ها

    68
  • تاریخ عضویت

  • آخرین بازدید

درباره koolfayfer

  • درجه
    تازه کار

اطلاعات شخصی

  • جنسیت
    مرد
  • موقعیت
    تهران
  • علاقمندی ها
    کارگردانی ، جلوه های ویژه ، انیمیشن و طراحی وب
  • آشنایی با وردپرس
    متوسط
  • سطح برنامه نویسی
    مبتدی
  • آشنایی با طراحی
    حرفه ای

اطلاعات تماس

  • Yahoo
    kalhor_3dsmax

آخرین بازدید کنندگان نمایه

378 بازدید کننده نمایه
  1. تگ فایل

    <div class="upload-box"> <label>تصاویر آگهی</label> <span class="span-fine-upload">فرمت های مجاز jpg , jpeg , png , gif</span> <div id="fine-uploader-gallery"> <div class="bg-custom-input-file"> <div class="custom-input-file-box"> <div class="custom-input-file-img-block"> <img id="image1" src="images/no-img.jpg" alt="your image"> <button class="delete-upload-file" type="button" id="delete1">حذف تصویر</button> </div> <input class="insert-ads-file" type="file" id="files1" accept=".jpg,.png,.gif,.jpeg"> </div> <div class="custom-input-file-box"> <div class="custom-input-file-img-block"> <img id="image2" src="images/no-img.jpg" alt="your image"> <button class="delete-upload-file" type="button" id="delete2">حذف تصویر</button> </div> <input class="insert-ads-file" type="file" id="files2" accept=".jpg,.png,.gif,.jpeg"> </div> <div class="custom-input-file-box"> <div class="custom-input-file-img-block"> <img id="image3" src="images/no-img.jpg" alt="your image"> <button class="delete-upload-file" type="button" id="delete3">حذف تصویر</button> </div> <input class="insert-ads-file" type="file" id="files3" accept=".jpg,.png,.gif,.jpeg"> </div> <div class="custom-input-file-box"> <div class="custom-input-file-img-block"> <img id="image4" src="images/no-img.jpg" alt="your image"> <button class="delete-upload-file" type="button" id="delete4">حذف تصویر</button> </div> <input class="insert-ads-file" type="file" id="files4" accept=".jpg,.png,.gif,.jpeg"> </div> <div class="custom-input-file-box"> <div class="custom-input-file-img-block"> <img id="image5" src="images/no-img.jpg" alt="your image"> <button class="delete-upload-file" type="button" id="delete5">حذف تصویر</button> </div> <input class="insert-ads-file" type="file" id="files5" accept=".jpg,.png,.gif,.jpeg"> </div> <div class="custom-input-file-box"> <div class="custom-input-file-img-block"> <img id="image6" src="images/no-img.jpg" alt="your image"> <button class="delete-upload-file" type="button" id="delete6">حذف تصویر</button> </div> <input class="insert-ads-file" type="file" id="files6" accept=".jpg,.png,.gif,.jpeg"> </div> </div> </div> </div> // Custom Input File document.getElementById("files1").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // get loaded data and render thumbnail. document.getElementById("image1").src = e.target.result; }; // read the image file as a data URL. reader.readAsDataURL(this.files[0]); }; document.getElementById("files2").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // get loaded data and render thumbnail. document.getElementById("image2").src = e.target.result; }; // read the image file as a data URL. reader.readAsDataURL(this.files[0]); }; document.getElementById("files3").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // get loaded data and render thumbnail. document.getElementById("image3").src = e.target.result; }; // read the image file as a data URL. reader.readAsDataURL(this.files[0]); }; document.getElementById("files4").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // get loaded data and render thumbnail. document.getElementById("image4").src = e.target.result; }; // read the image file as a data URL. reader.readAsDataURL(this.files[0]); }; document.getElementById("files5").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // get loaded data and render thumbnail. document.getElementById("image5").src = e.target.result; }; // read the image file as a data URL. reader.readAsDataURL(this.files[0]); }; document.getElementById("files6").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // get loaded data and render thumbnail. document.getElementById("image6").src = e.target.result; }; // read the image file as a data URL. reader.readAsDataURL(this.files[0]); }; $( "#delete1" ).click(function() { $('#files1').val(''); document.getElementById("image1").src = "images/no-img.jpg"; }); $( "#delete2" ).click(function() { $('#files2').val(''); document.getElementById("image2").src = "images/no-img.jpg"; }); $( "#delete3" ).click(function() { $('#files3').val(''); document.getElementById("image3").src = "images/no-img.jpg"; }); $( "#delete4" ).click(function() { $('#files4').val(''); document.getElementById("image4").src = "images/no-img.jpg"; }); $( "#delete5" ).click(function() { $('#files5').val(''); document.getElementById("image5").src = "images/no-img.jpg"; }); $( "#delete6" ).click(function() { $('#files6').val(''); document.getElementById("image6").src = "images/no-img.jpg"; }); کد رو ببینید اصلا خنده داره!
  2. تگ فایل

    ببینید من 6 تا تگ اینپوت میخوام + عکس تامنیلشون که قبل از آپلود نشون میده اولی رو نوشتم که عکس رو نشون بده و در صورت کنسل عکس پاک بشه و ... بعد از تگ های html یک کپی گرفتم همه استایل داشتن اما روی یکیشون تنها کار میکرد و اون یکی تداخل پیدا کرد در نتیجه برای کدهای جی کوئری اومدم جدا جدا برای هر 6 تا نوشتم که اصلا کار منطقی نیست! تنها میخوام کد های جی کوئریم یکی باشه اما هر چی از این تگ ها کپی کردم اون توابع روش اعمال بشه!
  3. سلام به همه دوستان من اگه بخوام یه تگ آپلود فایل با یه باکس بزارم هنگامی که عکسی انتخاب میشه تو اون باکس نشون بده و دوباره روی تگ کلیک کنم و کنسل کنم که قاعدتا فایل انتخابی پاک میشه و باید در اون باکس هم پاک بشه ای چیزی که من میخوام چند خطی کد نیازه اما مورد مهمش اینه اگه بخوام از این کپی بگیرم و به 6 تا اضافه کنم نمی تونم به صورت داینامیک کدشو بزنم بلکه باید دوباره برای هر کدوم آیدی و کلس مجزا استفاده کنم از نو فراخونی کنم راهی هست که هر چند تا تگ فایل و باکس کپی بگیرم یا همون یه دستور اول ست در بیاد و نیاز نباشه چند بار کد های جی کوئری رو کپی کنم!؟
  4. تب باکس

    سپاس
  5. سلام و وقت بخیر دوستان من شش آیتم تب دارم که روی هر کدومشون کلیک کنی باکس اون تب ظاهر شه و قبلی مخفی و هر تب اکتیو بود رنگ هاورش بمونه من قبلا به صورت غیراصولی می نوشتم که 6 باکس جداگانه صدا میزدم و هر وقتی فلان کلیک شد نمایش بده و هر 5 تا دیگه مخفی! حساب کن چی میشه کد ها!!! لطفا کد داینامیک رو ارائه بدید عکس هم گذاشتم که بهتر نشون بده توضیحاتمو سپاس
  6. بله... چطوری بسازم؟ که استان کلیک شد بره تو یه بخش بعدی دکمه بازگشت به انتخاب استان داره و همونجا میشه شهر رو انتخاب کرد
  7. سلام دوستان سال نو همگی مبارک... یه همچین چیزی رو چطوری میشه پیاده کرد؟ نمونه آماده داره؟ لینک زیر رو ببینید: لینک انتخاب موقعیت یا گروه ببینید به چه شکلی هست و جستجوی اون... منتظر هستم ممنون
  8. سلام دوستان من از اسکریپت formtowizard برای مرحله‌ای کردن فرمم استفاده میکنم و هنگامی که دکمه بعدی رو میزنم اگه فیلدی ضروری باشه و خالی باشه اسکرول میکنه روی اون فیلد که من میخوام این اسکرول کردنش رو غیر فعال کنم https://github.com/artoodetoo/formToWizard کسی راهی بلده؟
  9. سلام دوستان چطور میتونم یه مپ داشته باشم که کاربر کلیک کنه هر جایی که میخواد بعد مارکر بیوفته اونجا و مقادیر latlng رو بگیره توی دو تا اینپوت هیدن بزاره! دوستان لطفا کمک کنید
  10. کسی میتونه همچین placeholder بسازه بدون استفاده از خواصیت reqiured کسی نبود؟
  11. سلام دوستان لطفا این لینک رو ببینید: http://netbarg.com/cities از افزونه یا اسکریپت خاصی استفاده شده یا از صفر نوشته شده؟ (منظورم اینه آمادش پیدا میشه؟)
  12. مهم

    من همچین چیزی میخوام: http://gowebsite.ir/طراحی-سایت/Web-Design/مبلمان-و-دکوراسیون-پارچوب اگه ارتفاع تمام عکسا یکسان باشه مشکلی نیست پوزیشن ابسولوت میدی با تاپ 0 پیکسل روی هاور تاپ رو میدی مثلا 1500 پکسل اما اگه ارتفاع عکس یه نمونه ای 500 پیکسل باشه ، 1000 پیکسل جابجایی اضافی داریم و اگه بخوام برای هاور از تاپ 1500 پیکسل استفاده نکنیم و از bottom صفر پیکسل استفاده کنیم هیچ مشکلی برای عکسای مختلف نداریم و موقع هاور آخر عکس رو میبینیم اما مشکلی که هست برای این تکنیک دیگه ترنزیشن عمل نمیکنه و پرش میکنه به آخر و کاربر کل عکس رو در حالت یه اسلایدر نمی بینه
  13. سلام دوستان این کد منه: $(document).ready(function(e) { $(".box").hover( function(){ $(".image").animate({bottom: "0px"}); }, function(){ $(".image").animate({top: "0px"}); } ); }); یه باکس مربع در نظر بگیرید با کلس box و یه باکس با کلس image به پهنای کلس box و ارتفاع دوبرابر که داخل کلس box می باشد overflow تگ box مخفیه و در ابتدا نیمه بالایی تگ image رو می بینیم که با هاور روی box نیمه پایینی image اسکرول بشه که بتونیم ببینیم... بار اول هاور و آن هاور میشه اما دیگه این رویداد اتفاق نمی افته مشکل از کجاست؟
  14. سلام دوستان از اساتید css میخوام که مشکل منو حل کنند این لینک رو ببینید: http://codepen.io/dannykingme/pen/IvFuB روی تگ input خواصیت reauired رو داده برای این که بتونه انیمیت کنه حالا من اینپوتی دارم که reqiured نیست و میخوام بازم این انیمیشن رو داشته باشه برای مثال خواصیت reqiured رو از تگ input بردارید ببینید چی میشه؟ میخوام با برداشتن تگ required این اتفاق نیوفته...
  15. اسطوره ای به مولا... اما فرض کن یه اینپوت اضافی که required هست رو با hide کردن باز خواصیتشو دکمه submit از ما میخواد... مگه این که att اون input رو موقعی که hide میشه رو null کرد... بازم ممنون