مشكلة في تموضع عناصر الصفحة فوق بعضها

Hamada Ahmed · 7 أغسطس 2021

عند اضافة عرض الشرائح التالي تتو قف بعض مكتبات jquery في الموقع

المشكلة الثانية ال div الشرائح يطفو فوق الهيدر الثابت عند التحريك لأسفل المفترض عند التحريك ألا يطفو فوق المحتويات الأخرى عند التحريك

ما المشكلة في ذلك

<style type="text/css">
<!--
-->
</style>
	
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/ticker00.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('#fade').list_ticker({
speed:2000,
effect:'fade'
});
$j('#slide').list_ticker({
speed:2000,
effect:'slide'
});		
})
</script>
</head>
<body>
<div id="fade">
<div> First Item </div>
<div> Second Item </div>
<div> Third Item </div>
<div> Fourth Item </div>
<div> Fifth Item </div>
</div>

</body>
</html>

تم التعديل في 8 أغسطس 2021 بواسطة Wael Aljamal
توضيح السؤال

Wael Aljamal · 10 أغسطس 2021

بتاريخ On 8/10/2021 at 23:00 قال Hamada Ahmed:

لكن يبدو ان هناك مشكلة فى $_GET['msgs']

الرسائل يتم ارسالها للقاعدة لكن لا يتم جلبها لصندوق الرسائل - عندما احذف $_GET['msgs']

يتم ظهور الرسائل

إن GET هي مصفوفة عامة تخزن فيها بيانات الطلبيات التي يرسلها الزبون (المتصفح) للمخدم والتي تكون حصراً من نوع GET

وهي مرتبطة بالطلبية، أي ممكن أن يتم حذف محتواها، تأكد من أن المصفوفة GET تحوي القيمة المطلوبة مثلا بعمل جملة طباعة عادية echo وتابع محتوى المصفوفة، أعتقد أنه يتطلب حفظ هذه القيمة بمتغير آخر أو قاعدة البييانات أو الجلسة session، لا يتم حفظها.

أي ربما GET في لاتحوي قيمة لذلك يحدث الخطأ، احفظ البيانات بطريقة مختلفة، محتوى GET متغير

Wael Aljamal · 7 أغسطس 2021

أعتقد أنه من الأفضل رفع ملفات المشروع ليتسنى تجربته و إصلاح الأخطاء..

Wael Aljamal · 8 أغسطس 2021

بتاريخ منذ ساعة مضت قال Hamada Ahmed:

أشكرك أخي @Wael Aljamal

المشروع مرفق

pro.rar

إن المشكلة بسبب التنسيقات، حيث أن جميع مكونات الصفحة في نفس المستوى العمودي (هي ليست فوق بعضها) بل أسفل بعضها.. وعندما يقوم المتصفح بتبديل الصورة تظهر فوق مكون آخر ثم تختفي .. هذا الوقت يقوم فيه المتصفح بإصلاح المشكلة بعد رسم الصفحة مرة أخرى..

الحل بايتخدام خاصية z-index التي تسمح لنا بتموضع العناصر فوق بعضها بالترتيب .. عليك وضع قيمة لكل من العنصرين:

.header_table{
...
z-index: 10;
}

.navb_table{
...
z-index: 10;
}

ملحوظة : لايعمل التعليق الخاص ب HTML والذي هو :

<!-- comment -->

داخل الوسم style بل نستخدم التعليق الخاص ب CSS:

<style type="text/css">
/*
  
.header_table{
width:100%;
....
}
  
*/

</style>

Wael Aljamal · 9 أغسطس 2021

بتاريخ 15 ساعات قال Hamada Ahmed:

شكرا اخي الفاضل لكن تتبقى المشكلة الأكبر وهي توقف الرسائل ( القائمة المنسدلة - الاشعارات - ظهور الرسائل في صندوق عرض الرسائل )

اذا اردت التجريب فكلمات السر هي 123456

للمستخدم ahmed و ali

شكرا مرة اخرى

واشكرك مرة اخرى

مرحبا،

لماذا تستخدم إصدارين من جيكويري؟

ملاحظة لترتيب استدعاء بوتستراب:

// التنسيق أولا 
<link rel="stylesheet" href="css/bootstrap.min.css" />

// جيكويري ثانيا
<script src="js/jquery-3.1.0.min.js"></script>

// ثم بوتستراب جافاسكربت
<script src="js/bootstrap-3.3.7.min.js"></script>

تابع مع هذه التعديلات (اعمل مقارنة مكان استدعاء جيكويري)

pro.rar

مرفق ملف فيه تعديل

Wael Aljamal · 10 أغسطس 2021

بتاريخ 3 ساعات قال Hamada Ahmed:

المرفق غير صالح

حاول مجدداً

pro.rar

Hamada Ahmed · 8 أغسطس 2021

بتاريخ 22 ساعات قال Wael Aljamal:

أعتقد أنه من الأفضل رفع ملفات المشروع ليتسنى تجربته و إصلاح الأخطاء..

أشكرك أخي @Wael Aljamal

المشروع مرفق

pro.rar

Hamada Ahmed · 9 أغسطس 2021

بتاريخ 8 ساعات قال Wael Aljamal:
إن المشكلة بسبب التنسيقات، حيث أن جميع مكونات الصفحة في نفس المستوى العمودي (هي ليست فوق بعضها) بل أسفل بعضها.. وعندما يقوم المتصفح بتبديل الصورة تظهر فوق مكون آخر ثم تختفي .. هذا الوقت يقوم فيه المتصفح بإصلاح المشكلة بعد رسم الصفحة مرة أخرى..

الحل بايتخدام خاصية z-index التي تسمح لنا بتموضع العناصر فوق بعضها بالترتيب .. عليك وضع قيمة لكل من العنصرين:
.header_table{
...
z-index: 10;
}

.navb_table{
...
z-index: 10;
}
ملحوظة : لايعمل التعليق الخاص ب HTML والذي هو :

داخل الوسم style بل نستخدم التعليق الخاص ب CSS:
<style type="text/css">
/*
  
.header_table{
width:100%;
....
}
  
*/

</style>

شكرا اخي الفاضل لكن تتبقى المشكلة الأكبر وهي توقف الرسائل ( القائمة المنسدلة - الاشعارات - ظهور الرسائل في صندوق عرض الرسائل )

اذا اردت التجريب فكلمات السر هي 123456

للمستخدم ahmed و ali

شكرا مرة اخرى

واشكرك مرة اخرى

Hamada Ahmed · 10 أغسطس 2021

بتاريخ 18 ساعات قال Wael Aljamal:
مرحبا،

لماذا تستخدم إصدارين من جيكويري؟

ملاحظة لترتيب استدعاء بوتستراب:
// التنسيق أولا 
<link rel="stylesheet" href="css/bootstrap.min.css" />

// جيكويري ثانيا
<script src="js/jquery-3.1.0.min.js"></script>

// ثم بوتستراب جافاسكربت
<script src="js/bootstrap-3.3.7.min.js"></script>
تابع مع هذه التعديلات (اعمل مقارنة مكان استدعاء جيكويري)

pro.rar

مرفق ملف فيه تعديل

المرفق غير صالح

Hamada Ahmed · 10 أغسطس 2021

بتاريخ 1 ساعة قال Wael Aljamal:

حاول مجدداً

pro.rar

يبدو ان الملف تعطل عند الضغط او فيرس لا يهم

لكن يبدو ان هناك مشكلة فى $_GET['msgs']

الرسائل يتم ارسالها للقاعدة لكن لا يتم جلبها لصندوق الرسائل - عندما احذف $_GET['msgs']

يتم ظهور الرسائل

$stmt = $db->prepare('SELECT * FROM users_chat Order By id ASC');

لكن عند وجود GET لا تظهر الرسائل بصندوق العرض

$stmt = $db->prepare('SELECT * FROM users_chat WHERE recipient_id =? AND sender_id=? OR recipient_id=? AND sender_id=? Order By id ASC');
$stmt->bind_param('iiii',$_SESSION['id'],$_GET['msgs'],$_GET['msgs'],$_SESSION['id']);

سوف ارفق الملف مرة اخرى لان المشكلة ربما توجد في

show_messages_users.php

او display_messages_users.php

لا اعرف حاولت جاهدا لكن لم اتمكن من الوصول لحل غير حذفGET

chat.rar

تم التعديل في 10 أغسطس 2021 بواسطة Hamada Ahmed

مشكلة في تموضع عناصر الصفحة فوق بعضها

السؤال

Hamada Ahmed

9 أجوبة على هذا السؤال

Recommended Posts

Wael Aljamal

Wael Aljamal

Wael Aljamal

Wael Aljamal

Wael Aljamal

Hamada Ahmed

Hamada Ahmed

Hamada Ahmed

Hamada Ahmed

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية