نمایش نتایج 1 تا 10 از 10

نام تاپیک: تایپ یک متن

  1. #1

    تایپ یک متن

    با سلام!
    من یک صفحه نوشتم که وقتی کاربر روی دکمه 1 یا ! با کد 49 کلیک میکنه یه متنی براش نمایش داده بشه ما میتونیم از این کد استفاده کنیم!
                document.body.addEventListener('keydown', function (e) {                var keyCode = e.keyCode;
    if(keyCode == 49) {
    document.getElementById('text2').innerHTML = (' > YES');
    }
    });


    اما من میخوام اون تایپ بشه یعنی افکت تایپ داشته باشه پس یه کتابخانه به اسم typed.js به صفحه اضافه کردم اینم ادرسش [کلیک کنید]و این ها کد جاوااسکریپ اجراییش هستش
    document.addEventListener('DOMContentLoaded', function(){

    Typed.new("#typed", {
    stringsElement: document.getElementById('typed-strings'),
    typeSpeed: 30,
    backDelay: 500,
    loop: false,
    contentType: 'html', // or text
    // defaults to null for infinite loop
    loopCount: null,
    callback: function(){ foo(); },
    resetCallback: function() { newTyped(); }
    });


    var resetElement = document.querySelector('.reset');
    if(resetElement) {
    resetElement.addEventListener('click', function() {
    document.getElementById('typed')._typed.reset();
    });
    }


    });

    اینم کد html
    کد HTML:
    <div >                <div class="wrap">                    <div class="type-wrap">                        <div id="typed-strings">                            <p dir="ltr" id="text1"></p>                         </div>                        <span id="typed" style="white-space:pre;"></span>                    </div>                </div>            </div>
    پس باید این دو کد با هم تررکیب بشن تا وقتی کاربر دکمه 1 یا ! (با کد کلیک 49 ) رو میزنه متن تایپ بشه!
    ممنون میشم راهنمایی کنید!

  2. #2
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: تایپ یک متن

    خب سوال یا مشکلت چیه !
    وقتی کی کد 49 رو زد


                            Typed.new("#typed", {
    stringsElement: document.getElementById('typed-strings'),
    typeSpeed: 30,
    backDelay: 500,
    loop: false,
    contentType: 'html', // or text
    // defaults to null for infinite loop
    loopCount: null,
    callback: function(){ foo(); },
    resetCallback: function() { newTyped(); }
    });




    اینو اجرا کن و المنتش رو هم تغییر بده به المنت خودت

  3. #3

    نقل قول: تایپ یک متن

    مشکل اینکه که باید بعد از اینکه دکمه 49 زده شد افکت اجرا بشه اما نمیشه و فقط نمایش داده میشه(بدون افکت) من همین کدی که شما فرستادین قبلا تست کردم جواب نمیده!(هر دوتا کد به صورت جداگانه کار میکن)

  4. #4
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: تایپ یک متن

    فایلی که اضافه کردی اشتباهه اون برای نصب با npm هستش


    فایل cdn تو گیت هاب نوشته آدرس
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

    هستش

  5. #5

    نقل قول: تایپ یک متن

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

  6. #6
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: تایپ یک متن

    تو کنسولت نگاه کن ببین اررور چی داری اگه بلد نیستی سرچ کن ببین چجوری باید js رو دیباگ کنی

  7. #7

    نقل قول: تایپ یک متن

    توی کنسول دیدیم این ارور میداد
    Typed.new is not a function
    at HTMLDocument.<anonymous> (index.html:189)

  8. #8
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: تایپ یک متن

    https://github.com/mattboldt/typed.js/issues/326


    به نظر میاد که باید
    new Typed()

    استفاده کنی بجای
    Typed.new()


    توی راهنماش نوشته


    var typed = new Typed('.element', options);



    https://github.com/mattboldt/typed.js

  9. #9

    نقل قول: تایپ یک متن

    ارورش رفع شد ولی هنوز کار نمیکنه!

  10. #10
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    2,360

    نقل قول: تایپ یک متن

    احتمالا شناسه (آیدی یا کلاس ) المنتی که میخای توش تایپ بشه رو جای درستی نمینویسی یا اشتباه مینویسی

تاپیک های مشابه

  1. تو input فقط فارسی تایپ کنید یا فقط عدد تایپ کنید.
    نوشته شده توسط olampiad در بخش jQuery
    پاسخ: 1
    آخرین پست: دوشنبه 28 اردیبهشت 1394, 07:33 صبح
  2. تو input فقط فارسی تایپ کنید یا فقط عدد تایپ کنید.
    نوشته شده توسط olampiad در بخش JavaScript و Framework های مبتنی بر آن
    پاسخ: 12
    آخرین پست: جمعه 25 اردیبهشت 1394, 06:16 صبح
  3. سوال: آیا می توان در هنگام تایپ انگلیسی اولین حرف بزرگ و بقیه کوچک تایپ شود ؟
    نوشته شده توسط mahlamahla در بخش مباحث عمومی دلفی و پاسکال
    پاسخ: 1
    آخرین پست: دوشنبه 09 بهمن 1391, 18:07 عصر
  4. تبدیل نوع دیتا تایپ (تبدیل دیتا تایپ های سیستمی وی بی به دیتا تایپ های بانک اطلاعاتی)
    نوشته شده توسط arman_Delta2002 در بخش دسترسی به داده ها (ADO.Net و LINQ و ...)
    پاسخ: 1
    آخرین پست: جمعه 28 مرداد 1390, 22:40 عصر
  5. تایپ و بازی ! وبسایتی که باید تایپ کنید تا زنده بمونید ;-)
    نوشته شده توسط Rejnev در بخش گفتگوی عمومی کامپیوتر و فناوری اطلاعات
    پاسخ: 13
    آخرین پست: یک شنبه 24 بهمن 1389, 13:54 عصر

برچسب های این تاپیک

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •