نمایش نتایج 1 تا 1 از 1

نام تاپیک: مشکل در ساختن تب منو با جاوا اسکریپت

  1. #1

    Red face مشکل در ساختن تب منو با جاوا اسکریپت

    با سلام
    من میخواهم یک فرم به این شکل بسازم :


    منوها با استفاده از کدهای UL و LI ساخته شده به این صورت :

    کد HTML:
    <div class="header" ></div>
    
    <div class="content">
        <div class="content-tab">
        <div class="tab">
            <ul>
                <li id="tab-1" class="tab-on" onclick="tab(1)">منو جدید</li>
                <li id="tab-2" class="tab-off" onclick="tab(2)">مدیریت منو</li>
            </ul>
        </div></div>
        
        <div class="show"></div>
        
        <div class="message" id="message-error" >
    <img src="images/4.gif" style="margin-top:3px; margin-right:4px; float:right;" />
    <p>شما باید نام منو را بنویسید</p>
    </div>
    
    <div class="message" id="message">
    <img src="images/8.gif" style="margin-top:3px; margin-right:4px; float:right;" />
    <p> منو با موفقیت ثبت شد</p>
    </div>
        
        <div class="box1" id="box1">
        </div>
    
    
    <div id="box2" class="box1">
    
    </div>
    
    <div id="box3" class="box1">
    </div>
    و همونطور که میبنید یک تابع تعریف شده در رویداد onclick به این صورت :

    function tab(id)
    {
    var i = 1
    for(i=1; i <= 2; i++)
    {
    document.getElementById("tab-" + i).className="tab-off";
    }
    document.getElementById("tab-" +id).className="tab-on";

    $("#message-error").hide(500);
    $("#message").hide(500);
    $("#box3").hide();

    if(id==1)
    {
    $("#box2").hide();
    $.ajax()
    $.post('categories/coding.php',
    {form_menu:'form_menu'}
    ,function(response)
    {

    $('#box1').html(response).slideDown(500);


    });
    }

    else if(id==2)
    {
    $("#box1").hide();
    $.ajax()
    $.post('categories/coding.php',
    {tbl_menu:'tbl_menu'}
    ,function(response)
    {

    $("#box2").html(response).slideDown(500);

    });

    }

    }


    اما زمانیکه روی " منو جدید " و " مدیریت منو " کلیک میکنم فقط همین فرم باز میشه ،

    و زمانیکه روی مدیریت منو کلیک کردم این پنجره فعال بشه :

    ظاهرا تابع اجرا نمیشه ، مشکل از چیست به نظر شما ؟
    آخرین ویرایش به وسیله ---ali--- : یک شنبه 03 اسفند 1393 در 12:29 عصر

تاپیک های مشابه

  1. سوال: مشکل مرورگر مایکروسافت با این کد جاوا اسکریپت.
    نوشته شده توسط phpweb در بخش JavaScript و Framework های مبتنی بر آن
    پاسخ: 1
    آخرین پست: شنبه 02 بهمن 1389, 00:36 صبح
  2. سوال: منو با جاوا اسکریپت
    نوشته شده توسط Ali_Mahdifar در بخش JavaScript و Framework های مبتنی بر آن
    پاسخ: 1
    آخرین پست: سه شنبه 04 آبان 1389, 15:00 عصر
  3. سوال: ایجاد منو با جاوا اسکریپت
    نوشته شده توسط aydin3 در بخش طراحی وب (Web Design)
    پاسخ: 3
    آخرین پست: شنبه 01 فروردین 1388, 17:24 عصر
  4. سوال: ایجاد منو با جاوا اسکریپت
    نوشته شده توسط aydin3 در بخش ASP.NET Web Forms
    پاسخ: 2
    آخرین پست: سه شنبه 27 اسفند 1387, 21:32 عصر
  5. نحوه درست کردن منو در جاوا اسکریپت
    نوشته شده توسط near_86 در بخش طراحی وب (Web Design)
    پاسخ: 1
    آخرین پست: پنج شنبه 10 خرداد 1386, 08:23 صبح

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •