النتائج 1 إلى 9 من 9

الموضوع: كيف يتم عمل قائمة عند الضغط علي وصلة معينة

  1. #1

    كيف يتم عمل قائمة عند الضغط علي وصلة معينة



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





    __________________
    مع تحيات أكاديمية الكباريت للعلاج بالأعشاب والنباتات الطبية
    إنما الأمم الأخلاق مابقيت فإن هم ذهبت أخلاقهم ذهبوا
    alkbarit.com غير متواجد حالياً


  2. #2
    عضو جديد
    تاريخ التسجيل
    Mar 2002
    المشاركات
    24


    I hope this what you want..if not plz tell me

    كود:
    <html>
    <head>
    <style>
    table
    {
    font-size:12;
    background-color:#ff0000;
    }
    span
    {
    border:groove 2px;
    padding:3;
    font-family:arial;
    font-size:12;
    width:90;
    height:40;
    background-color:#ff0000;
    position:relative;
    top:-15;
    left:-80;
    }
    </style>
    <script type="text/javascript">
    function showmenu(elmnt)
    {
    elmnt.style.left="-10"
    }
    
    function hidemenu(elmnt)
    {
    elmnt.style.left="-80"
    }
    </script>
    </head>
    <body>
    
    <span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
    <table border="0" width="100%">
    <tr>
    <td width="90%"><a href="http://www.swalif.net">swalif</a></td>
    <td rowspan="2">A</td>
    </tr><tr>
    <td><a href="http://www.cnn.com">cnn</a></td>
    </tr>
    </table>
    </span>
    
    <br />
    
    <span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
    <table width="100%">
    <tr>
    <td width="90%"><a href="http://www.microsoft.com">Explorer</a></td>
    <td rowspan="2">B</td>
    </tr><tr>
    <td><a href="http://my.netscape.com">Navigator</a></td>
    </tr>
    </table>
    </span>
    
    <br />
    
    <span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
    <table width="100%">
    <tr>
    <td width="90%"><a href="http://www.altavista.com">AltaVista</a></td>
    <td rowspan="2">C</td>
    </tr><tr>
    <td><a href="http://www.yahoo.com">Yahoo!</a></td>
    </tr>
    </table>
    </span>
    
    </body>
    </html>






    wIZoRd غير متواجد حالياً

  3. #3
    عضو جديد
    تاريخ التسجيل
    Mar 2002
    المشاركات
    24


    yes and i nearly forgot you can change the background color to any color u want..and change the links to any links you want AND you can add more menu by adding more span or adding more <td> with links <a href="**"> if you don't understand i will code a script for you just give me the links you want it to be on the menu? ok ~(: mhm





    wIZoRd غير متواجد حالياً

  4. #4

    أخي العزيز اشكرك



    لم تنفع المحاولة معي نهائيا علي كل سأحاول مرة أخري
    أشكر لك إهتمامك
    أخيك





    __________________
    مع تحيات أكاديمية الكباريت للعلاج بالأعشاب والنباتات الطبية
    إنما الأمم الأخلاق مابقيت فإن هم ذهبت أخلاقهم ذهبوا
    alkbarit.com غير متواجد حالياً

  5. #5
    عضو جديد
    تاريخ التسجيل
    Mar 2002
    المشاركات
    24


    hi!! you sure
    I just copyed my code and paste it on notepade then i saved it as any file.html
    then i opened it and it works there was the side links!! mhm





    wIZoRd غير متواجد حالياً

  6. #6

    أخي العزيز wIZoRd



    أخي العزيز
    هذا الكود قريب من الذي اريده ولكنه يظهر من ناحية اليسار وأنا أرغب في ظهوره من اليمين إضافة أنني أريده أن يظهر عند الضغط علي وصلة معينة فيظهر هذا وبه وصلتان فقط وليس العديد كما هو موجود حاليا واهم شيء أن يكون في اليمين
    وهذا هو
    ---------------------------------------------------------------------------
    <style>
    <!--

    #slidemenubar, #slidemenubar2{
    position:absolute;
    left:-155px;
    width:160px;عرض الصندوق
    top:170px;موقع القائمة بالصفحة
    border:1.5px solid green;عرض الإطار
    background-color:wight;لون خلفية الصندوق
    layer-background-color:lightyellow;
    font:bold 16px Verdana;حجم ونوع الخط
    line-height:20px;
    }
    -->
    </style>
    --------------------------------------------------
    <script language="JavaScript1.2">

    if (document.all)
    document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
    </script>
    <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
    <script language="JavaScript1.2">
    var sitems=new Array()
    var sitemlinks=new Array()

    //أسماء الصفحات
    sitems[0]=""
    sitems[1]=""
    sitems[2]=""
    sitems[3]=""
    sitems[4]=""
    sitems[5]=""
    sitems[6]=""
    sitems[7]=""
    sitems[8]=""
    sitems[9]=""
    sitems[10]=""




    //هنا تضع عناواين الصفحات اعلاه.
    sitemlinks[0]="http://"
    sitemlinks[1]="http://"
    sitemlinks[2]="http://"
    sitemlinks[3]="http://"
    sitemlinks[4]="http://"
    sitemlinks[5]="http://"
    sitemlinks[6]="http://"
    sitemlinks[7]="http://"
    sitemlinks[8]="http://"
    sitemlinks[9]="http://"
    sitemlinks[10]="http://"



    for (i=0;i<=sitems.length-1;i++)
    document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
    </script>
    </layer>
    <script language="JavaScript1.2">
    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    if (document.layers)
    setTimeout("window.onresize=regenerate",400)
    }
    window.onload=regenerate2
    if (document.all){
    document.write('</div>')
    themenu=document.all.slidemenubar2.style
    rightboundary=0
    leftboundary=-150
    }
    else{
    themenu=document.layers.slidemenubar
    rightboundary=150
    leftboundary=10
    }
    function pull(){
    if (window.drawit)
    clearInterval(drawit)
    pullit=setInterval("pullengine()",50)
    }
    function draw(){
    clearInterval(pullit)
    drawit=setInterval("drawengine()",50)
    }
    function pullengine(){
    if (document.all&&themenu.pixelLeft<rightboundary)
    themenu.pixelLeft+=5
    else if(document.layers&&themenu.left<rightboundary)
    themenu.left+=5
    else if (window.pullit)
    clearInterval(pullit)
    }
    function drawengine(){
    if (document.all&&themenu.pixelLeft>leftboundary)
    themenu.pixelLeft-=5
    else if(document.layers&&themenu.left>leftboundary)
    themenu.left-=5
    else if (window.drawit)
    clearInterval(drawit)
    }
    </script>
    لعلك تسطيع مساعدتي
    شكرا لك





    __________________
    مع تحيات أكاديمية الكباريت للعلاج بالأعشاب والنباتات الطبية
    إنما الأمم الأخلاق مابقيت فإن هم ذهبت أخلاقهم ذهبوا
    alkbarit.com غير متواجد حالياً

  7. #7
    عضو جديد
    تاريخ التسجيل
    Mar 2002
    المشاركات
    24


    yes thanx..because i am in UK i can't type in arabic and we work from left..but i promies u i will try to code it from the right side..just need more time sorry see u





    wIZoRd غير متواجد حالياً

  8. #8
    عضو جديد
    تاريخ التسجيل
    Mar 2002
    المشاركات
    24


    oh wait! i forgot there is no difference to code it from right side or left! you can just correct the position.





    wIZoRd غير متواجد حالياً

  9. #9

    شكرا لك اخي



    لقد فعلت ذلك ولكن المحاولة باءت بالفشل الذريع فلست متمرسا علي هذه الأمور
    شكرا جزيلا
    http://www.alkabarit.com





    __________________
    مع تحيات أكاديمية الكباريت للعلاج بالأعشاب والنباتات الطبية
    إنما الأمم الأخلاق مابقيت فإن هم ذهبت أخلاقهم ذهبوا
    alkbarit.com غير متواجد حالياً





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

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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