Писать самому лень *)

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем IlbI4, 26 май 2009.

  1. IlbI4

    IlbI4 Гость

    Привет всем. Помогите с одной идейкой (см. рис). Поясняю. Задача сделать так что бы при щелчке на менюхах расположенных на нижних слоях они выходили бы на верхний слой. К примеру при щелчке на меню "а" он бы выходил на слой меню "в" а меню "в" получало слой меню "а". В перспективе неплохо было б сделать меню немного умнее и заставить запоминать действия юзера. Это бы позволило сохранять положение менюшек при перезагрузке страницы или загрузке новой. Всем кто поможет или хотя б попытается заранее большое спасибо :) ..........


    ____________________
    | меню а |
    ______________________ |
    | меню б | |
    _____________________ | |
    | меню в | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | _|
    | | |
    | | |
    | | _ _|
    | |
    | ____________________|

    мле чтож оно так криво все рисует )))
    в общем вкатал схему в bmp
     

    Вложения:

    • __________.bmp
      Размер файла:
      168,5 КБ
      Просмотров:
      14
  2. IlbI4

    IlbI4 Гость

    Народ зацените
    Код (Text):
    <html>
    <head>
    <link rel="stylesheet" href="1.css" type="text/css">
    <script language="JavaScript">
    function getCookieData(labelName) {
    var labelLen = labelName.length;
    var cookieData = document.cookie;
    var cLen = cookieData.length;
    var i = 0;
    var cEnd;
    while (i < cLen) {
    var j = i +labelLen;
    if (cookieData.substring(i,j) == labelName) {
    cEnd = cookieData.indexOf(";",j);
    if (cEnd == -1){
    cEnd = cookieData.length;
    }
    return unescape(cookieData.substring(j+1, cEnd));
    }
    i++;
    }
    return "";
    }

    function prepare(){
    var newper=getCookieData('new');
    if (newper!=null && newper!="" && newper<=3 && newper>=1)
    {
    if(newper == 1){
    first.style.zIndex = 3;
    second.style.zIndex = 2;
    third.style.zIndex = 1;
    }
    if(newper == 2){
    first.style.zIndex = 2;
    second.style.zIndex = 3;
    third.style.zIndex = 1;
    }
    if(newper == 3){
    first.style.zIndex = 1;
    second.style.zIndex = 2;
    third.style.zIndex = 3;
    }
    }else{
    first.style.zIndex = 3;
    second.style.zIndex = 2;
    third.style.zIndex = 1;
    document.cookie="new=1; path=/; ";
    }
    }
    function changeFirst() {
    first.style.zIndex = 3;
    second.style.zIndex = 2;
    third.style.zIndex = 1;
    document.cookie="new=1; path=/; ";

    }

    function changeSecond() {
    first.style.zIndex = 2;
    second.style.zIndex = 3;
    third.style.zIndex = 1;
    document.cookie="new=2; path=/; ";

    }

    function changeThird() {
    first.style.zIndex = 1;
    second.style.zIndex = 2;
    third.style.zIndex = 3;
    document.cookie="new=3; path=/; ";
    }


    </script>
    </head>
    <body onload="prepare()">
    <table id="first" border="1" onClick="changeFirst()">
    <tr><td>dfksdsfdklg</td></tr>
    <tr><td>dfsghsfgkjf</td></tr>
    </table>

    <table id="second" border="1" onClick="changeSecond()">
    <tr><td>dfksdsfdklg</td></tr>
    <tr><td>dfsghsfgkjf</td></tr>
    </table>

    <table id="third" border="1" onClick="changeThird()">
    <tr><td>dfksdsfdklg</td></tr>
    <tr><td>dfsghsfgkjf</td></tr>
    </table>


    </head>
    <body>
    Код (Text):
    #first {
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 1;
    background-color: white;
    }

    #second {
    position: absolute;
    left: 115px;
    top: 115px;
    z-index: 2;
    background-color: white;
    }

    #third {
    position: absolute;
    left: 130px;
    top: 130px;
    z-index: 3;
    background-color: white;
    }
     
  3. nws

    nws Гость

    зачем куки ?

    при клике меняй класс
     
Загрузка...

Поделиться этой страницей