اولا المودال الرئيسي كالتالي
<div class="col-12 mb-3 row d-flex sleeves-fields">
<div class="col-9" style="margin-bottom:20px">
<div class="h5 text-primary m7md1" style="margin-bottom:20px">اختيار الكمر
</div>
<div class="input-group">
<select class="form-control sleeves-value p-0" id="d_cloth_${i+1}" style="margin-bottom:20px" required>
<option selected disabled>تحديد الكمر</option>
<?php
$result = $conn->query("SELECT * FROM sleeve");
while ($row = $result->fetch_assoc()) {
$code = $row['id'];
$name = $row['name'];
$fiber = $row['fiber'];
$uResult = $conn->query("SELECT * FROM fibers WHERE id='$fiber '");
while ($uRow = $uResult->fetch_assoc()) {
$fiber= $uRow['name'];
}
$height = $row['height'];
$width = $row['width'];
$pantone = $row['pantone'];
$degree = $row['degree'];
$size = $row['size'];
$weight = $row['weight'];
$des = $row['des'];
$factory = $row['factory'];
$price = $row['price'];
$image = $row['image'];
if (!empty($row['name'])){
echo '<option class="text-success" type="sleeve"
code="' . $code . '"
name="' . $row['name'] . '"
image="assets/images/sleeve/' . $image . '"
height="' . $height . '"
width="' . $width . '"
fiber="' . $fiber . '"
pantone="' . $pantone . '"
degree="' . $degree . '"
size="' . $size . '"
weight="' . $weight . '"
des ="' . $des . '"
factory="' . $factory . '"
price="' . $price . '"
value="' . $row['id'] . '">كود الكمر : sleeve ' . $row['id'] . ' -- الإسم الشائع :- ' . $row['name'] . '</option>';
}
else {
echo '<option type="sleeve"
code="' . $code . '"
name="' . $row['name'] . '"
image="assets/images/sleeve/' . $image . '"
height="' . $height . '"
width="' . $width . '"
fiber="' . $fiber . '"
pantone="' . $pantone . '"
degree="' . $degree . '"
size="' . $size . '"
weight="' . $weight . '"
des ="' . $des . '"
factory="' . $factory . '"
price="' . $price . '"
value="' . $row['id'] . '">كود الكمر : sleeve ' . $row['id'] . ' -- لم يتم تسجيل إسم شائع لهذا الكمر</option>';
}
}
?>
</select>
</div>
</div>
<div class="col-3 pt-5">
<button type="button" class="btn btn-info get-cFabric" data-toggle="modal" id="cloth_${i+1}" data-target="#m7">تفاصيل</button>
</div>
<?php
require ('orders/meriagSelect.php') ;
?>
لاحظ هنا قمت باعطاء حقل image في قاعدة البيانات المتغير $image
$image = $row['image'];
ثم قمت بإضافة attr لل select option باسم image عشان اربطه بال id بتاع البند
و قمت بتمريره من خلال jQuery
image = selectedCloth.attr("image");
ثم اخبره انه بمجرد استدعاء class اسمه Sleeve-image هات الصورة اللي تم تمريرها مسبقا
$(".Sleeve-image").attr("src",image);
و هنا اخي قيمة ال src اللي حضرتك بتدور عليها ، هي متغير ال image اللي احنا عرفناه و مررناه مسبقا .
و الكود مفيهوش خطأ لاحظ اخي الصورة المشار اليها بالسهم
لو كان الكود غلط مكنش قراها من الاساس ، هو لقا صورة مرتبطة بالكود رقم 3 و جبهالي
المشكلة بقا اني حاططله شرط ، انه لو ما لقاش صورة في قاعدة البيانات ، هاتلي صورة افتراضية و حاططله المسار بتاعها
<?php
if (isset($row['image']) && !empty($row['image']) && $row['image'] == null) {
echo '<img style="max-height: 100px !important; margin: 0 auto;" src="assets/images/no-image.png" alt="#">';
}
else {
echo '<img style="max-height: 100px !important; margin: 0 auto;" class="Sleeve-image" src="" alt="#">';
}
?>
شكرا لمحاولتك مساعدتي
الحمد لله تم حل المشكلة
الشرط ما يتحطش في مودال اظهار البيانات لانه بيقرا من كلاسات تم تعريفها مسبقا
الشرط يتحط و احنا بنعرف الكلاسات دي من الاساس
إجابة محمد المصري12 سؤال في سؤال بخصوص اظهار أزرار التصدير في مكتبة datatable كانت الإجابة المقبولة