ال widget لحجز الغرف

مرام • منذ 6 سنوات

السلام عليكم ...

هل في طريقة اكتب فيها الphpوhtml

بحيث ان يكون عندي فندق وغرف وعندما يحجز المستخدم غرفة يصير عليها لون احمر بمعنى انها انحجزت والغرف المتاحة تبقى بلون اخضر 

يعني تكون عندي مربعات بعدد الغرف والغرف اللي تنحجز يتغير لونها بحيث توضح للمستخدمين الاخرين اذا يبون يحجزون؟

كلمات دليلية: php,html

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (4)

Nader Huwaidy • منذ 6 سنوات

يمكنك وضع حاله لكل غرفة مثلا أذا كانت الغرفة تم حجزها تكون القيمه 1 واذا 0 معناها انها لم تحجز 

وعند العرض أذا كانت القيمه 1 تضعي الخلفية بالون الاحمر اي انها محجوزة

Hassan: في طريقة اتوقع انها افضل انها boolean بدل مايكون ارقام

Abdullah Alhariri • منذ 6 سنوات

وعليكم السلام ورحمة الله وبركاته 

في البداية يجب أن يكون في جدول الغرف في قاعدة البيانات قيمة تدل على حالة الغرفة هل هي محجوزة أم متاحة ولنفرض أنها تحمل الإسم status وهي من نوع bool أي تقبل القيم

True = متاحة

False = محجوزة

الآن في الصفحة المراد عرض الغرف فيها سنقوم بإرسال مصفوفة تحتوي على بيانات الغرف وهذه المصفوفة بإسم rooms كل عنصر من عناصر المصفوفة هو عبارة عن صف من قاعدة البيانات

سنقوم بعمل loop على جميع عناصر المصفوفة وسيكون كما يلي : 

$statusColor = "green";

foreach($rooms as $room){

  if($room->status == true){//تحقق من حالة الغرفة هل هي متاحة
     $statusColor = "green";
  }
  else{//إذا كانت الغرفة غير متاحة
    $statusColor = "red";
  }
  echo "<div style='background-color:" . $statusColor . ">" . $room->Number . "</div>"
}

هذا الحل بأبسط طرقه 

أتمنى أن تكون قد وصلت الفكرة .

بالتوفيق إن شاء الله

مرام: فكرة رائعة جزيت خيراً، ولكن كيف ممكن اظهرها ب html ؟

Abdullah Alhariri: سأجيبك في جواب جديد حتى أستطيع كتابة الاكواد

Abdullah Alhariri • منذ 6 سنوات

كيف ممكن اظهرها ب html ؟

أولاً يجب أن تكون لاحقة الملف (php) وليس (html) 

بعدها يمكن كتابة تعليمات php بداخل html كما يلي : 

<?php //بداية ال php

$statusColor = "green";

foreach($rooms as $room){

  if($room->status == true){//تحقق من حالة الغرفة هل هي متاحة
     $statusColor = "green";
  }
  else{//إذا كانت الغرفة غير متاحة
    $statusColor = "red";
  }
  echo "<div style='background-color:" . $statusColor . ">" . $room->Number . "</div>" //هذا السطر سوف يقوم بطباعة html
}

?> // نهاية ال php

 

مرام • منذ 6 سنوات
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {border-radius: 12px;}
.button2 {border-radius: 12px;}
.button3 {border-radius: 12px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 12px;}
.button6 {border-radius: 12px;}
.button7 {border-radius: 12px;}
.button8 {border-radius: 12px;}
.button9 {border-radius: 12px;}
.button10 {border-radius: 12px;}
.button11 {border-radius: 12px;}
.button12 {border-radius: 12px;}
.button13 {border-radius: 12px;}
.button14 {border-radius: 12px;}
.button15 {border-radius: 12px;}
.button16 {border-radius: 12px;}
.button17 {border-radius: 12px;}
.button18 {border-radius: 12px;}
.button19 {border-radius: 12px;}
.button20 {border-radius: 12px;}
.button21 {border-radius: 12px;}
.button22 {border-radius: 12px;}
.button23 {border-radius: 12px;}
.button24 {border-radius: 12px;}
.button25 {border-radius: 12px;}
.button26 {border-radius: 12px;}
.button27 {border-radius: 12px;}
.button28 {border-radius: 12px;}
.button29 {border-radius: 12px;}
.button30 {border-radius: 12px;}
.button31 {border-radius: 12px;}
.button32 {border-radius: 12px;}
.button33 {border-radius: 12px;}
.button34 {border-radius: 12px;}
.button35 {border-radius: 12px;}
.button36 {border-radius: 12px;}
.button37 {border-radius: 12px;}
.button38 {border-radius: 12px;}
.button39 {border-radius: 12px;}
.button40 {border-radius: 12px;}
.button41 {border-radius: 12px;}
.button42 {border-radius: 12px;}
.button43 {border-radius: 12px;}
.button44 {border-radius: 12px;}
.button45 {border-radius: 12px;}
.button46 {border-radius: 12px;}
.button47 {border-radius: 12px;}
.button48 {border-radius: 12px;}
.button49 {border-radius: 12px;}
.button50 {border-radius: 12px;}
.button51 {border-radius: 12px;}
.button52 {border-radius: 12px;}
.button53 {border-radius: 12px;}
.button54 {border-radius: 12px;}
.button55 {border-radius: 12px;}
.button56 {border-radius: 12px;}
.button57 {border-radius: 12px;}
.button58 {border-radius: 12px;}
.button59 {border-radius: 12px;}
.button60 {border-radius: 12px;}
.button61 {border-radius: 12px;}
.button62 {border-radius: 12px;}
.button63 {border-radius: 12px;}
</style>
</head>
<body>

<h style="text-align:center;">غرف فردية/الدور الارضي</h>
<br>

<button class="button button1">١</button>
<button class="button button2">٢</button>
<button class="button button3">٣</button>
<button class="button button4">٤</button>
<button class="button button5">٥</button>
<button class="button button6">٦</button>
<button class="button button7">٧</button>
<button class="button button8">٨</button>
<button class="button button9">٩</button>
<button class="button button10">١٠</button>
<button class="button button11">١١</button>
<br>
<br>
<h style="text-align:center;">غرف مزدوجة/الدور الأول</h>
<br>
<br>


<button class="button button12">١</button>
<button class="button button13">٢</button>
<button class="button button14">٣</button>
<button class="button button15">٤</button>
<button class="button button16">٥</button>
<button class="button button17">٦</button>
<button class="button button18">٧</button>
<button class="button button19">٨</button>
<br>
<br>
<h style="text-align:center;">غرف فردية/الدور الأول</h>
<br>
<br>
<button class="button button20">١</button>
<button class="button button21">٢</button>
<button class="button button22">٣</button>
<button class="button button23">٤</button>
<button class="button button24">٥</button>
<button class="button button25">٦</button>
<button class="button button26">٧</button>
<button class="button button27">٨</button>
<button class="button button28">٩</button>
<button class="button button29">١٠</button>
<button class="button button30">١١</button>
<button class="button button31">١٢</button>
<button class="button button32">١٣</button>
<button class="button button33">١٤</button>
<button class="button button34">١٥</button>
<button class="button button35">١٦</button>
<button class="button button36">١٧</button>
<button class="button button37">١٨</button>
<button class="button button38">١٩</button>
<button class="button button39">٢٠</button>
<button class="button button40">٢١</button>
<button class="button button41">٢٢</button>
<button class="button button42">٢٣</button>
<button class="button button43">٢٤</button>
<br>
<br>
<h style="text-align:center;">غرف مزدوجة/الدور الثاني</h>
<br>
<br>
<button class="button button44">١</button>
<button class="button button45">٢</button>
<button class="button button46">٣</button>
<button class="button button47">٤</button>
<button class="button button48">٥</button>
<button class="button button49">٦</button>
<button class="button button50">٧</button>
<button class="button button51">٨</button>
<button class="button button52">٩</button>
<button class="button button53">١٠</button>
<button class="button button54">١١</button>
<button class="button button55">١٢</button>
<button class="button button56">١٣</button>
<button class="button button57">١٤</button>
<button class="button button58">١٥</button>
<button class="button button59">١٦</button>
<button class="button button60">١٧</button>
<button class="button button61">١٨</button>
<button class="button button62">١٩</button>
<button class="button button63">٢٠</button>



</body>
</html>

فهمت عليك أخوي عبدالله الله يجزاك خير 

بس في حال كنت أبي اربط كودك ب html حقتي شلون اربطهم؟

Ali Majrashi: هذا كود html اذا ممكن توفير كود php الذي يجلب البيانات من القاعدة وايضا الجداول بقاعدة البيانات وطريقة بنائهم ليسهل مساعدتك لان رد المبدع Abdullah Alhariri رد عام لتقومي بتطبيقه حسب فهمك لمثاله بالرد

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !