"Всплывающая подсказка" на хтмл-странице

Тема в разделе "WASM.HEAP", создана пользователем t00x, 1 авг 2010.

  1. t00x

    t00x New Member

    Публикаций:
    0
    Регистрация:
    15 фев 2007
    Сообщения:
    1.921
    сделал как здесь http://trifler.ru/blog/post_1177231326.html.
    подскажите, как сделать "всплывающую подсказку" в "сплывающей подсказке'?
     
  2. Paguo_86PK

    Paguo_86PK Руслан

    Публикаций:
    0
    Регистрация:
    8 окт 2007
    Сообщения:
    911
    Адрес:
    Ташкент
    http://javascript.ru/forum/dom-window/
     
  3. sveta

    sveta SVETA7.0.1-2010

    Публикаций:
    0
    Регистрация:
    12 дек 2008
    Сообщения:
    74
    >>Paguo_86PK
    Oh SHI--
    нахрена ему Window?

    Код (Text):
    1. s_help_wnd={
    2.  
    3. text:null, // Контент подсказки
    4. s_help_wndA:null, //вложенная подсказка
    5. help_context_show:function()
    6. {
    7.  
    8. //Процедуры показа подсказки
    9.  
    10. }
    11. };
    12.  
    13. var firstHW = s_help_wnd;
    14. var secondHW = s_help_wnd;
    15.  
    16. firstHW.text= document.createElemen("button");
    17. secondHW.text=document.createElement("div");
    18.  
    19.  
    20. firstHW.text.value="Вызвать вторую подсказку, если есть";
    21.         firstHW.onclick=function()
    22.        {
    23.  
    24.            if (firstHW.s_help_wndA==null)
    25.           {
    26.            alert ("вложенная подсказка отсутствует");
    27.           }else{
    28.  
    29.           //Вызываем help_context_show для вложеной струтурки с подсказкой
    30.          s_help_wndA.help_context_show();
    31.          }
    32.  
    33.       }
    дальше писать вломы, если не понял - я допишу позже. Тут сама идея:

    Описываешь структуру подсказки, а в ней вложенную. И - вперрёд.

    подсказка1
    текст
    подсказка2
    текст
    подсказка3
    текст
    подсказка4=null -- тут всё обрывается
     
  4. sveta

    sveta SVETA7.0.1-2010

    Публикаций:
    0
    Регистрация:
    12 дек 2008
    Сообщения:
    74
    Быстрофикс
    А можно последнюю подсказку указать на первую.
    Во свистопляска будет:))
     
  5. t00x

    t00x New Member

    Публикаций:
    0
    Регистрация:
    15 фев 2007
    Сообщения:
    1.921
    Paguo_86PK
    из броузерного программирования знаю только <html><head></head><body></body></html> :dntknw:

    sveta
    поподробнее, пожалуйста. это уж явно не CSS, а JavaScript...
     
  6. Paguo_86PK

    Paguo_86PK Руслан

    Публикаций:
    0
    Регистрация:
    8 окт 2007
    Сообщения:
    911
    Адрес:
    Ташкент
    Ну а для чего я дал ссылку?
    Регистрируйся и вопрошай на том форуме.
    А вот что поиск дал: http://javascript.ru/forum/search.php?searchid=224673
     
  7. sveta

    sveta SVETA7.0.1-2010

    Публикаций:
    0
    Регистрация:
    12 дек 2008
    Сообщения:
    74
    t00x
    Создаём структуру, описывающую абстрактную подсказку

    подсказка{

    текст:null, // тут может быть что угодно, например, HTML-код
    ещё_одна:null, //Это ссылка на структуру 'подсказка', то есть на объект того же типа

    show:function // Функция "Показать подсказку"

    }

    Далее создаём 2 объекта подсказки. Ну и оперируем ими.
    Вместо text втыкаем объект div (слой). Слой может содержать текст, кнопки, ссылки - да что угодно.
     
  8. sveta

    sveta SVETA7.0.1-2010

    Публикаций:
    0
    Регистрация:
    12 дек 2008
    Сообщения:
    74
    Код (Text):
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3.   <head>
    4.     <title></title>
    5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    6.   </head>
    7.   <body>
    8.       <script>
    9.           /**
    10.            * @Author Sveta
    11.            * @description for WASM.RU
    12.            */
    13.  
    14.  
    15. const FIRST_TEXT_STR = "Это первая подсказка";
    16. const SECOND_TEXT_STR = "Это вторая";
    17. const BUTTON_TEXT = "Нажми меня";
    18. var BODY = document.getElementsByTagName("body")[0];
    19. /**
    20.  * Лучше так, потому что объект, созданный через new хреново смотрится:)
    21.  */
    22. function subhelp_create_new ()
    23. {
    24.   var  struct_subhelp
    25.           =    {
    26.               text:document.createElement("div"),
    27.               next:null,
    28.               setVisible:function ( visible)
    29.               {
    30.                   if(visible){
    31.                   BODY.appendChild (this.text);
    32.  
    33.                     this.text.style.visibility="visible";
    34.                   }else{
    35.                       this.text.style.visibility="hidden";
    36.  
    37.                   }
    38.               }
    39.  
    40.               };
    41.    
    42. return struct_subhelp;
    43. }
    44.  
    45.  
    46.  
    47.  
    48.   var subhelp1 = subhelp_create_new();
    49.   var subhelp2 = subhelp_create_new();
    50.  
    51. subhelp1.text.innerHTML=FIRST_TEXT_STR;
    52. subhelp2.text.innerHTML=SECOND_TEXT_STR;
    53.   subhelp1.next=subhelp2;
    54.  
    55. var gotoh = document.createElement("input");
    56.               gotoh.type="button";
    57.               gotoh.value=BUTTON_TEXT;
    58.               subhelp1.text.appendChild (gotoh);
    59.               gotoh.onclick=function()
    60.               {
    61.                   subhelp1.next.setVisible (true);
    62.               }
    63.  
    64.       var BodyButton = document.createElement("div");
    65.         BodyButton.innerHTML="Нажми сюда";
    66.         BodyButton.onclick=function()
    67.         {
    68.  
    69. subhelp1.setVisible(true);
    70.  
    71.         }
    72.  
    73.  
    74.  
    75.       document.getElementsByTagName("body")[0].appendChild(BodyButton);
    76.  
    77.       </script>
    78.      
    79.   </body>
    80. </html>