 |
عندي نص طويل جدا وللأسفل في صفحة انترنت.
وكل سطر منه يحتوي على لينك للمعلونات الخاصة بهذا السطر
وانا وضعت div على يمين السطر يظهر تلك المعلومات الخاصة بهذا السطر
السؤال:
كيف أجعل div المعلومات يظهر بجانب السطر الذي تم الضغط عليه.
أي يهبط ويصعد مع مستوى ارتفاع السطر في الصفحة.
أرجو المساعدة يا اخوان.
صورة للتوضيح.
__________________
لا خير في كاتـــــــــ العلم ــــــــم.
كود:<div style='display:inline-block;width:100px;height:20px;'> your div conternt here </div>
__________________
أحب سوالف ولا احب الجدليين!
اسماء اولاد وبنات http://muslim-names.us
1000 مزاد http://1000mazad.com
موقع نكت سعوديةhttp://arab-jokes.net
مشكور جدا أخ massalha
لكن ما زيط
ارجو المساعدة
__________________
لا خير في كاتـــــــــ العلم ــــــــم.
اذا ضع هنا كود html مثال
حتى نعرف ماذا تريد وكيف تريد فعل ذلك بالضبط
لأن ما شرحته واسع وهناك الكثير من الطرق لفعل ذلك.
الذي شرحته صحيح - لكن ربما الكود الذي يحويه يسبب الخطأ.
__________________
أحب سوالف ولا احب الجدليين!
اسماء اولاد وبنات http://muslim-names.us
1000 مزاد http://1000mazad.com
موقع نكت سعوديةhttp://arab-jokes.net
جرب بالجافا سكربت
http://www.dynamicdrive.com/dynamicindex5/popinfo2.htm
__________________
قال صلى الله عليه وسلم : كلمتان خفيفتان على اللسان ثقيلتان في الميزان (سبحان الله وبحمده ** سبحان الله العظيم)
مشكور اخي حسين
لكن ليس هذا طلبي
لأني أرغب في أن يكون div الأيمن بمستوى السطر الأيسر حتى لو هبطنا بالصفحة الى الأسفل أو صعدنا للأعلى.
__________________
لا خير في كاتـــــــــ العلم ــــــــم.
طيب ولماذا هذه الطريقة الصعبة في عرض البيانات - مع عدم اعطائنا معلومات كافية كـ كود html المستخدم
ولماذا لا تجرب Jquery Colorbox أعتقد انه مناسب جدا لما تريد
__________________
مدونتي
أخي محمود حسين
بارك الله فيكم جميعا
لا أبخل في إعطاء المعلومات ولبست سرا
لكن اعتقد قمت بشرح الطريقة مع الرسم
وهذا مزيد من التوضيح
لدي مثلا 1000 سطر كلهم لينكات
عندما نضغط على اللينك رقم 1000 مثلا تظهر المعلومات الخاصة به مقابل السطر الأول
اي يصعد div الذي يظهر المعلومات الى اعلى الصفحة
لا اعرف هل استعمل الديف ام الايفريم او الجداول.
ومشكورين
التعديل الأخير تم بواسطة swa52 ; 09-09-2011 الساعة 09:21 AM
__________________
لا خير في كاتـــــــــ العلم ــــــــم.
هذا كود بسيط عملته ب DOM بدون مؤترات وبدون مكتبات وتمت تجريته علي
firefox, internet explorer, google chrome, opera
ويعمل بنجاح
كود PHP:<html>
<head>
<title>test</title>
<style type='text/css'>
.hide{
visibility:hidden;
}
</style>
<script>
function show(v){
document.getElementById(v).style.visibility='visible';
}
function hide(v){
document.getElementById(v).style.visibility='hidden';
}
</script>
</head>
<body>
<div style='width:30%; float:left;'>
<a title='google' onclick='show(this.title)' onmouseout='hide(this.title)'>Google</a><br /><br />
<a title='yahoo' onclick='show(this.title)' onmouseout='hide(this.title)'>Yahoo</a><br /><br />
<a title='microsoft' onclick='show(this.title)' onmouseout='hide(this.title)'>Microsoft</a><br /><br />
<a title='w3' onclick='show(this.title)' onmouseout='hide(this.title)'>w3</a><br /><br />
</div>
<div class='hide' id='google' >google search engine</div><br />
<div class='hide' id='yahoo'>yahoo search engine</div><br />
<div class='hide' id='microsoft'>microsoft search engine</div><br />
<div class='hide' id='w3'>W3</div><br />
</body>
<html>
التعديل الأخير تم بواسطة hussein.shy ; 10-09-2011 الساعة 12:35 AM
__________________
قال صلى الله عليه وسلم : كلمتان خفيفتان على اللسان ثقيلتان في الميزان (سبحان الله وبحمده ** سبحان الله العظيم)
ضوابط المشاركة
رد مع اقتباس