الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

سؤال عن <a href ؟؟

بدأه hanon_abha في 13 ديسمبر 2010 · 3 رد · 433 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

اريد عمل رابط يحتوي على عدة روابط اخرى تظهر عندما يكون مؤشر الفأرة على الرابط الاساسي .. مثال

ليكون الرابط الاساسي بإسم "الصحابة" وعندما تضع مؤشر الفارة على هذا الرابط تظهر الروابط التالية بجانبة او اسفل منه :

ابوبكر

عمر

عثمان

عي

#2

السلام عليكم

الحل : باستخدام javascript و استخدام ما يسمى event detection و هنا هو onmouseover , onmouseout و تعديل خاصية الvisibility للقائمة التي تحوي على أسماء الصحابة و هذا الحل أمامك تجاهل الcss (مابين jترويستي style إذا لم تكن تعلم css):

<html>
<head>
<script type="text/javascript">
function show()
{
document.getElementById('list').style.visibility="visible";
}
function hide()
{
document.getElementById('list').style.visibility="hidden";
}
</script>
<style>
#menu 
{
position:absolute;
right:0px;
top:0px;
color:white;
background-color:#1B6DF2;
border-style : solid ;
border-width : 2px ;
border-color :#6694DE;
}

#list
{
visibility:hidden;
position:absolute;
right:0px;
top:50px;
color:white;
background-color:#02BAE3;
border-style : solid ;
border-width : 2px ;
border-color :#0C97C2;
font-size:12px; 
}
a
{
text-decoration:none;
color:white;
font-size:18px; 
}
p
{
text-decoration:none;
color:white;
font-size:18px; 
}


</style>
</head>
<body>
<div id="menu" onmouseover="show()" ><p>الصحابة رضي الله عنهم</p></div>
<p id="list" onmouseover="show()" onmouseout="hide()">
<a href="abo.php" >أبو بكر  </a><br/>
<a href="omar.php" >عمر </a><br/>
<a href="ali.php" >علي  </a><br/>
<a href="othman.php"  >عثمان  </a>
</p>
</body>
</html>
2
#3

الله يرضى عليك يا yahya91 واشكرك على هالحل ..

ولكن لزيادة معلوماتي فقط هل يوجد هناك طريقة بـ php بدل javascript

#4
اقتباس
ولكن لزيادة معلوماتي فقط هل يوجد هناك طريقة بـ php بدل javascript

لا لايوجد لأن لغة php من اللغات التي تدعى بلغات server side و أما javascript من نوع client side و بالتالي لغة جافاسكربت هي التي ستؤدي الغرض لأن اكتشاف أن ماوس المستخدم توقفت عند مربع الصحابة لن يُكتشف إلا من لغة تدعم الأحداث events الموجودة عند المستخدم أما بالنسبة للphp و بما أنها لغة تعتمد على المخدم للعمل فإنك بحاجة إلى إرسال طلب ثم الحصول على نتيجة . أرجو أن تكون وضحت الفكرة .

مواضيع مشابهة