Css Pop-up

**الشمس** · 12-08-2004 08:20 PM

مرحبا

الطريقة المعروفة لعمل "POP-UP Window" هي باستخدام الجافا سكربت.
لكن هل فيه طريقة باستخدام CSS ؟

رح أبحث عنها في النت، في نفس الوقت أنتظر إجابة من العارفين..
والشاطر اللي يسبق

**بخيت** · 12-08-2004 10:07 PM

الشمس

CSS لتحكم في التصميم فقط

الجافا فعلا هي المعروفه لكن برضه اذا تبغين تدوخين شوي ممكن تستخدمين DHTML

بالتوفيق

**الشمس** · 12-08-2004 10:29 PM

مالقيت

.

طيب الدروب داون منيو، فيه طريقة باستخدام CSS مكتوبة في موقع، لكن لأني مرة محترفة ماعرفت شلون

انت تعرف؟

**الشمس** · 12-08-2004 10:30 PM

وهذي وصلة بالموقع:

http://www.wrightthisway.com/Articles/000022.html

**بخيت** · 13-08-2004 12:05 AM

D اختصار لديناميك

هذي اللغه المستخدمه في العاده للمنيو والي هي متوافقه تماماً مع CSS

عموماً ..
في كثير مواقع ممكن اعطيك هي تفيد وفي نماذج كثير ممكن نعملها سوا ( كمثال المنيو الموجوده اذا ضغطتي على اسمي هنا في الدرر )
لكن في البدايه انتي تحتاجين للمنيو بشكل عمودي زي المثال الي اعطيتيني هو او بشكل افقي يجي في الجنب مثلا ؟

على بال تردي باجهز لك كذا موقع ..

**بخيت** · 13-08-2004 12:35 AM

ممكن يفيدك

**الشمس** · 13-08-2004 01:05 AM

شكلي تأخرت :295:

سبب حاجتي للـ Pop-Up Window ، هو أني أحتاج أقلل من زحمةالمعلومات في الصفحة، أقصد التفرعات.
إذا مثلا كان في الصفحة أكثر من عنوان، كل عنوان يتفرع منه أكثر من تصنيف
فيه أكثر من خيار:
الخيار الأول:
أجعل الصفحة تحتوي فقط على عناوين رئيسية، وهي في نفس الوقت لنك لصفحات ثانية تحتوي على العناوين الفرعية، وهكذا من صفحة لصفحة لصفحة..
وهذي الطريقة أحاول تجنبها.

الخيار الثاني:
أخلي العناوين الرئيسية في بداية الصفحة، والتفريعات في نفس الصفحة تحت مفصولة بمسافات.
وكل عنوان رئيسي لنك للجزء الخاص فيه بنفس الصفحة.

الخيار الثالث:
أستخدم Pop-Up window، وبصراحة الفكرة أعجبتني لكن المشكلة الأجهزة اللي ماتدعم الجافا.

الخيار الرابع:
باستخدام كمان الجافا، يكون العنوان ظاهر وفي نفس الوقت لنك، لنك مختفي تحت اللنك مباشرة"تحت العنوان" للأسف ماأعرف المصطلح العلمي. (وجه مستحي)

الخيار الخامس:
ممكن أستخدم نفس المنيو اللي تطلع لما أضغط على اسمك، لكن أبيك تقول لي إذا مافيه قيود أو شروط للأبعاد والحجوم والمحتويات..
يعني هل ممكن تحتوي على جداول؟
باختصار هل ممكن تعامل كصفحة عادية ؟

بانتظارك بخيت، وبما إني وصلت للمرحلة الحرجة في تصميم الموقع بصفتي مبتدئة، أوعدك إنك رح تتعب معي

رح أشوف الموقع وأرجع لك، ورح نعمل مع بعض اللي تبي، قصدي اللي أبي، المهم أخلص من هالنشبة

**الشمس** · 13-08-2004 01:09 AM

المشاركة الأصلية كتبت بواسطة بخيت

ممكن يفيدك

بخيت ما بي DHTML

شكل الموقع يفتح النفس، ليه تبي تقهرني

**بخيت** · 13-08-2004 02:11 AM

المشكله انا فعلا ماني متخيل الصوره الي تبغي توصلين لها لكن ان شاء الله راح اتخيلها

اذا كان ينفع معك الي راح احطه هنا فيكون تمام او راح ننتقل لشيء ثاني .. جربي واعطيني خبر ..

الرابط www.pcocean.net.sa/dorarr.ws/sun.htm

انتظر ردك

**بخيت** · 13-08-2004 03:00 AM

http://www.pcocean.net.sa/dorarr.ws/sun2.htm

**الشمس** · 13-08-2004 03:18 AM

بخيت..

شفته قبل التطوير وبعد..

وبالضبط "إضافة من نوع آخر" هذا اللي أبيه، لكن
ليه يروح أول ما أشيل الماوس عن اللنك؟

اتخيل إن المستخدم جالس يستعرض كاتلوج، فيه عدة تصنيفات
ملابس
أثاث
أحذية

كل تصنيف يرتبط بجدول، ودي يكون الجدول ثابت وأمر الإقفال يحصل بتحكم من المستخدم نفسه، مثلا بالضغط على تصنيف آخر مثلا كان يستعرض الملابس وبعدها ضغط على الأثاث.

رح أتعبك معاي يابخيت ... نردها لك بالأفراح ..

على فكرة أول ماقرأت
"هيدر الموقع" قلت شفيه بخيت قلب هندي

أو

**بخيت** · 13-08-2004 03:32 AM

الشمس عمرك 1000 الظاهر

يالعجازه افتحي المصدر وخذيه وحطيه في الفرونت بيج وراح تعرفي كل شيء

طيب ..
اولا الكود عباره عن جافا وان شاء الله مافيه مشكله بالنسبه لك .. اما اذا واجهتي مشكله فراح نبحث عن غيره يكون اسهل في التحكم

ثانياً طول الله عمرك عندك في كل رابط خاصيتين ( onmouseover ) و ( onmouseout ) تقدري تتحكمي فيهم هذا بخصوص بقاء الجدول او إختفائه

ثالثاً الشمس الي انا سويته الان ما يفرق عن كون عندك قائمه وكل رابط يفتح صفحه الا ان هذا اسرع وانتي قلتي اول كلام كثير مدري وشو المهم انا صار عندي كنفيوزد ( احلى يالعنجليزي ) المهم هل فعلا الكود حقق المراد لك
أو

**الشمس** · 13-08-2004 03:44 AM

ياجماعة الحقوا بخيت عصب علي

...

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

ثاني شي فتحت الكود بالدريم ويفر، طلع لي استفهامات وأشياء وحوسة، ويوم جيت أعدل ماعرفت .. فقلت إيــــــــــش؟
أسأل بخيت...
بس خلاص تووووبة أوعدك أحوس أنا بنفسي المرة الجاية، وأرجع لك

الشي الموجود حقق لي اللي أبي، مثل مافيه أشياء كثيرة تحقق اللي أبي، لكن كلها بالجافا....
طيب واللي ماعندهم جافا، نمسكهم الباب؟ <== ملاحظين أخلاقي خربت، ولا ؟!!

**بخيت** · 13-08-2004 03:52 AM

مشكلة الاستفهامات من الدريم ويفر والدعم للعربية لكن ..
هذا الكود للفائده العامه

[HTML]

<head>

<**** ***********="Content-Type" content="text/html; charset=windows-1256">

<**** ***********="Content-Language" content="ar-sa">

<title>الشمس - بعد التطوير</title>

function showMe(val) {

document.getElementById("showh ide").innerHTML=val;

}

</script>

<style>

.table

{

font-family: Times New Roman;

font-size: 10pt;

font-weight: bold;

text-align: center;

word-spacing: 0;

text-indent: 0;

line-height: 100%;

color: #663300;

width: 400;

height: 400;

border: 2px double #008000;

margin: 0;

padding: 10px;

background-color: #DEDEEF;

}

td

{

width: 100;

height: 100;

padding: 1px;

}

</style>

</head>

<tr>

هيدر الموقع</td>

</tr>

<tr>

<ul>

<li><a href="1" onmouseover="showMe('واحد')" onmouseout="showMe('1')"><span style="text-decoration: none">العنوان الأول</span></a></li>

<li><a href="2" onmouseover="showMe('اثنين')" onmouseout="showMe('2')"><span style="text-decoration: none">العنوان الثاني</span></a></li>

<li><a href="3" onmouseover="showMe('ثلاثه')" onmouseout="showMe('3')"><span style="text-decoration: none">العنوان الثالث</span></a></li>

<li><a href="4" onmouseover="showMe('اربعه')" onmouseout="showMe('4')"><span style="text-decoration: none">العنوان الرابع</span></a></li>

<li><a href="5" onmouseover="showMe('خمسه')" onmouseout="showMe('5')"><span style="text-decoration: none">العنوان الخامس</span></a></li>

<li><a href="6" onmouseover="showMe('ستة')" onmouseout="showMe('6')"><span style="text-decoration: none">العنوان السادس</span></a></li>

<li><a href="7" onmouseover="showMe('سبعة')" onmouseout="showMe('7')"><span style="text-decoration: none">العنوان السابع</span></a></li>

<li><a href="8" onmouseover="showMe('ثمانية')" onmouseout="showMe('8')"><span style="text-decoration: none">العنوان الثامن</span></a></li>

<li><a href="9" onmouseover="showMe('تسعة')" onmouseout="showMe('9')"><span style="text-decoration: none">العنوان التاسع</span></a></li>

<li><a href="جدول" onmouseover="showMe('<table class=table><tr><td class=td>1</td><td class=td>2</td><td class=td>3</td><td class=td>4</td class=td></tr><tr><td class=td>5</td><td class=td>6</td><td class=td>7</td><td class=td>8</td></tr><tr><td class=td>9</td> <td class=td>10</td><td class=td>11</td><td class=td>12</td></tr><tr><td class=td>13</td><td class=td>14</td><td class=td>15</td><td class=td>16</td></tr></table>')" onmouseout="showMe('جدول')"><s pan style="text-decoration: none">اضافه من نوع آخر</span></a></li>

</ul>

</td>

<p id="showhide">نكتب هنا ما نريد وسينتهي بمجرد مرور المؤشر على أحد

الروابط </p>

<p>هذه أحدى الطرق لجعل الصفحه اسرع في العرض دون تعب للزائر</p>

<p>اتمنى تكون مناسبه

</p>

<p>تحياتي ..</td>

</tr>

<tr>

فوتر الموقع</td>

</tr>

</table>

</body>

</html>

[/HTML]

**بخيت** · 13-08-2004 03:55 AM

مثل ما قلت لك الشمس يعني الفرق الوحيد الان بين المثال الي سويناه والروابط العاده لصفحات ثانيه هو السرعه فقط

احتاج اعرف منك اكثر

بصيغه ثانيه ( كسؤال ) ليش ما تستخدمين قائمه وعن الضغط على رابط تفتح صفحه في جهة اليسار فيها المحتوى ؟

سؤال ثاني : هل نرجع للمينو الي بتظهر اذا ضغطتي على اسم عضو في الدرر داخل الموضوع ؟

انتظرك

Content on this page requires a newer version of Adobe Flash Player.

آخـــر الــمــواضــيــع

الموضوع: Css Pop-up

أدوات الموضوع

عرض

Css Pop-up

سلام عليكم

Dhtml

تجربه على السريع

بعد التطوير

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

بديل الجافا

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

ضوابط المشاركة