استفسار التحكم في ظهور ديف معين من بين عدة ديفات

هذا الجزء الخاص بال CSS

الاخفاء

#divname
{
display:none;
}

وهذا لاظهاره

#divname
{
display:box;
}

اما عن كيفية التنقل بين الحالتين فلا اعلم اى طريقة غير الJQuery

الله يجزاك خير يا غالي,,

باقي الجزء الاهم اللي هو جزء اختيار الديف اللي يكون في حالة ظهور أي عملية عملية التبديل بينهما يا أخوان :-)

الاخ خالد الاسيوى , الكود التالى بالجافاسكريبت - ويمكنك استخدام الفلاش لو اردت action script او الجافا ابليت . اعتقد ان عليك ان توضح سؤالك اكثر ما الهدف من عدم استخدام الجافاسكريبت او الجى كويرى ؟ ربما نساعدك اكثر

<script>
function unhide ()
{
document.getElementById("img1").style.visibility='visible';
document.getElementById("img2").style.visibility='visible';
}

function hide ()
{
document.getElementById("img3").style.visibility='hidden';
document.getElementById("img4").style.visibility='hidden';
}

</script>

<div id="square" onclick=hide() style='border:1px solid black'>
<a id="link" href=index>index</a>
</div>


<a onclick=unhide()>unhide</a>

عزيزي

الحكمة من عدم استخدام أي شيء غير الجي كويري او الجافا سكربت أن الدكتور حقنا مصر أن الميزات التالية يمكن استخدامها عن طريق الكاسكيد ستايل شيت وإتش تي إم إل

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

عزيزي انا سارفق لك نسخة من المتطلبات المتعلقة بالمشروع

المطلوب عندي المختص بفقرة الـ Books

حيث أنه طالب اني اختار الكتاب المطلوب من القائمة المنسدلة العلوية ثم تظهر معلومات عنه داخل ديف في نفس الصفحة

مرفق الريكويرمنت تبع المشروع

وجزاك الله خير على المتابعة

WebApplicationAssignment_1_2010.doc

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

أخي الكريم نعم يمكن ذلك بواسطة الـ CSS ولكن هنا لا يمكن تفعيلها عند الضغط على الصورة و إنما بتمرير الـ Mouse فوق الصورة و بعض الحالات الأخرى التي لن تفيدك في طلبك ﻷن ما هو مطلوب في الـ assignment الخاصة بك هو عند تمرير الـ mouse على الصورة يظهر الـ Div المخفي

الأن نأتي إلى طريقة الحل :

<html>
<head>
<style type="text/css">
#decBooks {
width: 100px;
height: 100px;
display: none;
background-color: #000;
}
#dec:hover div#decBooks { display:block; }
</style>
</head>
<body>
<br>
<br>
<a href="" id="dec">December<div id="decBooks"></div></a>
</body>
</html>

قم باستبدال كلمة December بالصورة الموجودة لديك

عندها حين تقوم بتمرير الـ mouse فوق الصورة سيظهر الـ Div الموجود بداخل الرابط (<div id="decBooks"></div>)

قم بتعبئة البيانات بداخل الديف و قم بتنسيقه كما تريد

هذه هي الطريقة ببساطة :)

بتوفيق الله...

الله يجزاك الف الف خير اخوي الغالي ما قصرت :)

بس يا غالي انا كنت أسال عن الفقرة المختصة باني اعرض بيانات الكتب اول ما اختار الكتاب من القائمة المنسدلة اللي هي الصورة الثالثة في الاسايمنت مو الصورة الرابعة :-)

مشكور وجزاك الله الف خير على المساعدة

لم انتبه للمطلوب بشكل جيد

على كل حال للمطلوب :

<html>
<head>
<style type="text/css">
#books {
width: 300px;
height: 285px;
border:1px #000 solid;
overflow:hidden;
}
</style>
</head>
<body>
<a href="#1">Java chepter1</a>
<a href="#2">Java chepter2</a>
<a href="#3">Java chepter3</a>

<div id="books">
<a name="1"></a><br>
Java Chapter1 is a programming language originally developed by James Gosling at Sun Microsystems (which is now a subsidiary of Oracle Corporation) and released in 1995 as a core component of Sun Microsystems' Java platform.
The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. <br>
<a name="2"></a><br>
Java Chapter2 is a programming language originally developed by James Gosling at Sun Microsystems (which is now a subsidiary of Oracle Corporation) and released in 1995 as a core component of Sun Microsystems' Java platform.
The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. <br>
<a name="3"></a>
Java Chapter3 is a programming language originally developed by James Gosling at Sun Microsystems (which is now a subsidiary of Oracle Corporation) and released in 1995 as a core component of Sun Microsystems' Java platform.
The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. <br>
</div>
</body>
</html>

عليك فقط تنسيق الصفحة بالشكل الجيد :)

بتوفيق الله..

كفيت ووفيت حبيبي محمد الله لا يحرمنا منك ومن ردودك الرائعة

انا فهمت الفكرة ,, ماهي مثل فكرتي اللي كنت حاطها في بالي لكن عن طريق استخدام الإنترنل لنك وتسمية مناطق معينة,, وإخفاء بقية المعلومات

فكرة رائعة مبتكرة الله يوفقك يا غالي بكذا أخيرا نقدر نصمم الستايل النهائي للمشروع ونسلمه واحنا مطمئنين