ورود

View Full Version : مبتدی: هشدار دکمه در html



alishaddd
سه شنبه 18 آبان 1395, 17:46 عصر
سلام به دوستان و اساتید
یک سوال داشتم
من میخواستم ببنیم راهی هست که یه دکمه داخل یه صفحه html قرار بدیم و وقتی که اون صفحه رو با گوشی باز کردیم و به اینترنت وصل نبودیم و روی اون دکمه کلیک کردیم اخطار بده که " شما به اینترنت وصل نیستید " و وقتی به اینترنت وصل شدیم اون دکمه کار کنه و دستوری که بهش دادیم رو اجرا کنه ؟

lizard.tiny
سه شنبه 18 آبان 1395, 18:02 عصر
درود

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

نمونه کد رو واستون نوشتم, لینک : http://pastecode.ir/?p=833

اگه کد رو اجرا کنید متوجه میشید, و توی کد اگه لینک اشتباه بدید یا اینترنت رو قطع کنید و کد رو تست کنید پیغام میده که اینترنت قطع هست

alishaddd
سه شنبه 18 آبان 1395, 20:20 عصر
درود

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

نمونه کد رو واستون نوشتم, لینک : http://pastecode.ir/?p=833

اگه کد رو اجرا کنید متوجه میشید, و توی کد اگه لینک اشتباه بدید یا اینترنت رو قطع کنید و کد رو تست کنید پیغام میده که اینترنت قطع هست

بسیار بسیار بی نهایت سپاسگزارم
ولی روی دکمه میزنم فقط مینویسه " اینترنت متصل است "
عکس رو باید باز کنه ولی باز نمیکنه
دلیلش چی میتونه باشه ؟ :متفکر:

lizard.tiny
سه شنبه 18 آبان 1395, 20:25 عصر
بسیار بسیار بی نهایت سپاسگزارم
ولی روی دکمه میزنم فقط مینویسه " اینترنت متصل است "
عکس رو باید باز کنه ولی باز نمیکنه
دلیلش چی میتونه باشه ؟ :متفکر:
درود

خیر عکس رو نباید باز کنه! اون تصویر فقط واسه این هست که برسی کنه به اینترنت وصل هست یا خیر!

اگه اینترنت وصل باشه و کد بتونه عکس رو بخونه پیام میده اینترنت متصل هست, در غیر اینصورت میگه اینترنت وصل نیست

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

alishaddd
سه شنبه 18 آبان 1395, 20:39 عصر
درود

خیر عکس رو نباید باز کنه! اون تصویر فقط واسه این هست که برسی کنه به اینترنت وصل هست یا خیر!

اگه اینترنت وصل باشه و کد بتونه عکس رو بخونه پیام میده اینترنت متصل هست, در غیر اینصورت میگه اینترنت وصل نیست

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

بازم ممنون
الان تو یه فایل index.html کپی کردم کد ها رو و فایل index.html رو کپی کردم تو گوشیم
اینترنت وصل باشه یا وصل نباشه میزنه اینترنت وصل هستش
میشه خودتون چک کنید ؟
یک دنیا ممنونم

lizard.tiny
سه شنبه 18 آبان 1395, 20:56 عصر
بله, برسی کردم روی گوشی مشکل داشت

کمی تغییرات دادم, اینو برسی کنید : http://pastecode.ir/?p=835

alishaddd
سه شنبه 18 آبان 1395, 21:04 عصر
بله, برسی کردم روی گوشی مشکل داشت

کمی تغییرات دادم, اینو برسی کنید : http://pastecode.ir/?p=835

بسیار عالی. درست و بی نقص
خوب حالا میشه یه کاری کرد فقط زمانی که آفلاین بود هشدار بده ؟
دکمه هم میخوام وقتی آنلاین بودش و روش کلیک شد، به یه صفحه ای که آدرس داده شده توی ifram ارجاع داده بشه و بره توی لینک و اگه آفلاین بودیم ارور بده و باز نشه
پیشاپیش بابت زحمتی که دادم عذرخواهی شدید میکنم

lizard.tiny
سه شنبه 18 آبان 1395, 21:25 عصر
اینو برسی کنید : http://pastecode.ir/?p=836

alishaddd
سه شنبه 18 آبان 1395, 21:33 عصر
اینو برسی کنید : http://pastecode.ir/?p=836

چک کردم ولی اینترنت رو قطع میکنم میره رو صفحه ifram و پیغام نمیده اینترنت قطعه :متفکر:

lizard.tiny
سه شنبه 18 آبان 1395, 21:52 عصر
این کد : http://pastecode.ir/?p=838

رو روی گوشی تست گرفتم اوکی هست

alishaddd
سه شنبه 18 آبان 1395, 22:00 عصر
این کد : http://pastecode.ir/?p=838

رو روی گوشی تست گرفتم اوکی هست

این کدی که دادید با قبلی یکیه ؟ :متفکر:

lizard.tiny
سه شنبه 18 آبان 1395, 22:13 عصر
این کدی که دادید با قبلی یکیه ؟ :متفکر:
بله

بدون مشکل کار میکنه, یک بار کش مرورگر رو پاک کنید و تست کنید

alishaddd
سه شنبه 18 آبان 1395, 22:20 عصر
بله

بدون مشکل کار میکنه, یک بار کش مرورگر رو پاک کنید و تست کنید


آره ایراد از کش مرورگر بودش :تشویق::تشویق::تشویق::تشویق:: شویق:
فقط یک سوال دیگه
میشه دکمه هایی باشه که عکس داشته باشه ؟
مثال میزنم یه عکس جای دکمه باشه و همین مواردی که روی این دکمه اعمال شده روی اون هم اعمال بشه ؟

lizard.tiny
سه شنبه 18 آبان 1395, 22:24 عصر
http://pastecode.ir/?p=841

alishaddd
چهارشنبه 19 آبان 1395, 00:30 صبح
http://pastecode.ir/?p=841

عالــــــــــــــــــــــ ـــی :تشویق::قلب:
فقط آخرین نکته اینکه وقتی اینترنت قطعه و رو عکس میزنی ارور میده ولی رو اوکی که کلیک میکنی انگار رفرش میشه و یه عکس که لود نشده میاد
میشه اینم چک کنید ؟ :قلب:

lizard.tiny
چهارشنبه 19 آبان 1395, 00:37 صبح
عالــــــــــــــــــــــ ـــی :تشویق::قلب:
فقط آخرین نکته اینکه وقتی اینترنت قطعه و رو عکس میزنی ارور میده ولی رو اوکی که کلیک میکنی انگار رفرش میشه و یه عکس که لود نشده میاد
میشه اینم چک کنید ؟ :قلب:
.

اون عکسی که میخوایید استفاده کنید رو بصورت Base64 کد کنید و بجای لینک عکس کد Base64 عکس رو بزارید

alishaddd
چهارشنبه 19 آبان 1395, 00:47 صبح
.

اون عکسی که میخوایید استفاده کنید رو بصورت Base64 کد کنید و بجای لینک عکس کد Base64 عکس رو بزارید

جسارتاً چطوری ؟ :متفکر:

lizard.tiny
چهارشنبه 19 آبان 1395, 01:02 صبح
عکسی که میخوایید استفاده کنید رو ارسال کنید اوکی کنم

alishaddd
چهارشنبه 19 آبان 1395, 01:07 صبح
عکسی که میخوایید استفاده کنید رو ارسال کنید اوکی کنم

آخه مشکل اینجاس یه دونه عکس نیستش :ناراحت::افسرده:

lizard.tiny
چهارشنبه 19 آبان 1395, 01:08 صبح
از این سایت استفاده کنید https://www.base64-image.de

alishaddd
چهارشنبه 19 آبان 1395, 01:13 صبح
از این سایت استفاده کنید https://www.base64-image.de

عالیییییییییییییییییییییی ییییییییی مرسیییییییییییییییییییی
ولی خیلی کدش زیاده و شلوغ میشه
کاش راهی بود انقدر کد نباشه برا موضوع عکس

lizard.tiny
چهارشنبه 19 آبان 1395, 01:14 صبح
راه دیگش اینه که عکس رو کنار فایل html قرار بدید

alishaddd
چهارشنبه 19 آبان 1395, 01:18 صبح
راه دیگش اینه که عکس رو کنار فایل html قرار بدید

عالــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــی
دلم نیومد فقط دکمه تشکر رو بزنم
واقعاً عالی بود
یک دنیا ممنونم :قلب::قلب::قلب::قلب::قلب::قلب:: لب::قلب::قلب::قلب::قلب::قلب::ق ب::قلب::قلب::قلب::قلب::قلب::قل ::قلب::قلب::قلب::قلب::قلب::قلب: :قلب::قلب:

lizard.tiny
چهارشنبه 19 آبان 1395, 01:19 صبح
موفق و پیروز باشید

alishaddd
چهارشنبه 19 آبان 1395, 17:40 عصر
موفق و پیروز باشید

سلام مجدد
ببخشید به یک مشکلی برخوردم
من الان مثال 2 تا دکمه کنار هم گذاشتم و این کدی که شما دادید رو قرار دادم و بدون هیچ مشکلی کار میکنه
ولی وقتی آنلاین باشیم و روی دکمه کلیک کنیم میره صفحه ای که آدرس دادیم اما زمانی که تو صفحه ای که رفتیم و برمیگردیم به صفحه قبل عکس تغییر میکنه و آدرس رو جای عکس مینویسه
چیکار باید انجام بدم ؟

lizard.tiny
چهارشنبه 19 آبان 1395, 17:42 عصر
درود

کدی که استفاده میکنید رو قرار بدید برسی کنم