اذهب الي المحتوي
أوفيسنا

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


الردود الموصى بها

أخوني الكرام يسرني انتمائي لهذا الموقع الرائع الذي حل كثيراً من المشاكل التي تواجه الأخوان .

====================================================

ســؤالي : أنشأت قوائم منسدله وأريد ان اربطها مع صفحات أخرى .

مثلاُ : عملت قوائم منسدلة في موقعي وحاولت أن اربطها مع الجرائد ولكني لم استطع ؟

ارجو المساعدة العاجلة

وشكراً

رابط هذا التعليق
شارك

  • 1 month later...

لاحظ معى الكود التالى

<head> 

<script LANGUAGE="JavaScript">

//Please do NOT remove these lines
//Credits for [url=http://javascript.internet.com]http://javascript.internet.com[/url]
//Arabized by [mustafa
<!-- Begin
function buildMenu() {
speed=35;
topdistance=100;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
   }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
   }
}
// End -->
</SCRIPT>
</head>
<body> 
<BODY onLoad="buildMenu(), scrollItems();">
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test1.htm><font
        color="#ffff00" size="3" face="Tahoma">العنوان الاول</font></a>
</center></td>
</table>
</div>

<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test2.htm><font
        color="#ffff00" size="3" face="Tahoma">العنوان الثاني</font></a></center></td>
</table>
</div>

<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test3.htm><font
        color="#ffff00" size="3" face="Tahoma">العنوان الثالث</font></a>
</center></td>
</table>
</div>


<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test1.htm><font
        color="#ffff00" size="3" face="Tahoma">العنوان الرابع</font></a>
</center></td>
</table>
</div>


<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test2.htm><font
        color="#ffff00" size="3" face="Tahoma">العنوان الخامس</font></a>
</center></td>
</table>
</div>


<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test3.htm><font
                color="#ffff00" size="3" face="Tahoma">العنوان السادس</font></a>
</center></td>
</table>
</div>
</body>
انسخ هذا الكود اولا فى البرنامج الذى تستخدمه فى ال edit اوكى احفظها بأى اسم تريده انظر الى القائمة التى تظهر لك الان ارجع الكود التالى
<a href=test1.htm><font
        color="#ffff00" size="3" face="Tahoma">العنوان الاول</font></a>

غير ما بعد a href الى اى رابط اخر اقصد اى صفحة اخرى

وسوف تعمل معك

غير باقى الروابط

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

بالتوفيق

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

لاحظ معى الكود التالى

<head> 

<script LANGUAGE="JavaScript">

//Please do NOT remove these lines
//Credits for [url=http://javascript.internet.com]http://javascript.internet.com[/url]
//Arabized by [mustafa
<!-- Begin
function buildMenu() {
speed=35;
topdistance=100;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
   }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
   }
}
// End -->
</SCRIPT>
</head>
<body> 
<BODY onLoad="buildMenu(), scrollItems();">
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test1.htm><font         color="#ffff00" size="3" face="Tahoma">العنوان الاول</font></a>
</center></td>
</table>
</div>

<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test2.htm><font         color="#ffff00" size="3" face="Tahoma">العنوان الثاني</font></a></center></td>
</table>
</div>

<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test3.htm><font         color="#ffff00" size="3" face="Tahoma">العنوان الثالث</font></a>
</center></td>
</table>
</div>


<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test1.htm><font         color="#ffff00" size="3" face="Tahoma">العنوان الرابع</font></a>
</center></td>
</table>
</div>


<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test2.htm><font         color="#ffff00" size="3" face="Tahoma">العنوان الخامس</font></a>
</center></td>
</table>
</div>


<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=test3.htm><font                 color="#ffff00" size="3" face="Tahoma">العنوان السادس</font></a>
</center></td>
</table>
</div>
</body>
انسخ هذا الكود اولا فى البرنامج الذى تستخدمه فى ال edit اوكى احفظها بأى اسم تريده انظر الى القائمة التى تظهر لك الان ارجع الكود التالى
<a href=test1.htm><font         color="#ffff00" size="3" face="Tahoma">العنوان الاول</font></a>

غير ما بعد a href  الى اى رابط اخر اقصد اى صفحة اخرى

وسوف تعمل معك

غير باقى الروابط

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

بالتوفيق

<{POST_SNAPBACK}>

مشكور جدا يا اخي الكريم

الكود جدا رهيب و انا جدا شاكر لك

رابط هذا التعليق
شارك

  • 11 months later...

أخوكم أحمد الجوهرى من مصر

أضف الكود الاتى

<form name="guideform">

<p align="center"><select name="guidelinks" size="1"

onchange="window.location=document.guideform.guidelinks.options[document.guideform.gu

idelinks.selectedIndex].value">

<option selected value="java script:void(0)">إختيار..</option>

<option value="http://عنوان الصفحة">أسم الصفحة</option>

<option value="http://عنوان الصفحة">أسم الصفحة</option>

<option value="http://عنوان الصفحة">أسم الصفحة</option>

<option value="http://عنوان الصفحة">أسم الصفحة</option>

<option value="http://عنوان الصفحة">أسم الصفحة</option>

</select> </p>

</form>

رابط هذا التعليق
شارك

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • تصفح هذا الموضوع مؤخراً   0 اعضاء متواجدين الان

    • لايوجد اعضاء مسجلون يتصفحون هذه الصفحه
×
×
  • اضف...

Important Information