На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> <input type="button" value="Fdsa"> , как подчеркнуть букву?
    Вот в таком инпуте надо подчеркнуть букву, например "F". Как ето сделать? <button> не предлагать =), nuzhen imenno <input type="button">!
      По-моему стандартными средствами это сделать невозможно.
      ЗЫ Интересно а почему <button> нелзя использовать?
        А помоеему можно. Вот приду и посмотрю, каким макаром делаетсь буквица в CSS!

        Добавлено в :
        Наверное и вправду низя%(
        [html]<style>
        .some:first-letter {
        text-decoration: underline;
        }
        </style>
        <input type="button" class="some" value="File">
        <button class="some">File</button>[/html]
        Первый вариант не работает. А второй - работает.
          Цитата Mixxx @ 31.08.04, 12:20
          Интересно а почему <button> нелзя использовать?

          Вообще-то я сглючил. Просто название кнопки генерится с переменной сервлета, использую "accesskey" для создания горячей клавиши. Поетому <button> не подходил, т.к. надо было бы вставить в название тег <u> (например <button><u>F</u>ile</button>). Но ведь и так в любом случае пришлось бы разбивать название... =(

          Ladno, spasibo, budu muchat'sya dal'she.
            Не надо разбивать название! Посмотри пост выше своего!
              И точно, блин, невнимательно посмотрел. Конечно, могло бы случиться, что надо подчеркнуть, к примеру, вторую или пятую букву, но в моем случае етого хватит. Thx & rtng++
                Я тут выяснил что браузеры должны сами подчёркивать или выделять по другому Accesskey'ый символ в Value button'a.
                Но ни опера ни мозила ни ослик этого не делают >:( >:( >:( .
                Вот решил написать скрипт который это лечит:
                ExpandedWrap disabled
                   
                  window.onload=function()
                  {
                      var K=document.getElementsByTagName('input')//массив всех инпутов
                      for(i=K.length-1;i>=0;i--)//начинаем с конца!!!
                      {
                          p=K[i].accessKey?K[i].value.toLowerCase().indexOf(K[i].accessKey.toLowerCase()) : -1;//Если аттрибут аццесскей существует и входит в value кнопки
                          if( p!=-1 && K[i].type.toLowerCase()=="button")//если инпут
                          {
                              var T=K[i].value;//текст кнопки
                              var NB=document.createElement("button");//создаём будущую замену
                              NB.appendChild(document.createTextNode(T.substring(0,p)));//текст до подчёркнутой буквы
                              var U=document.createElement('SPAN');//тк <U> - запрещён спецификацией HTML 4.01
                              U.style.textDecoration='underline';//подчёркиваем наш символ
                              U.appendChild(document.createTextNode(T.substring(p,p+1)));
                              NB.appendChild(U);//Добавляем нашу SPAN с буквой
                              NB.appendChild(document.createTextNode(T.substring(p+1,T.length)));//текст после под-й буквы
                              K[i].parentNode.replaceChild(NB,K[i]);//заменяем старую кнопку новой
                          }
                      }
                  }

                HTML например может быть таким
                ExpandedWrap disabled
                   
                  <input type=button value=Knopka accesskey=K>
                  <input type=button value=Rzzzz accesskey=Z>
                  <input type=button value="баттоны" accesskey=Т>


                Это только альфа версия скрипта( он пока атрибуты тега <input type=button теряет,но вы можете скопировать их в ручную), ждите обновлений :)
                0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
                0 пользователей:


                Рейтинг@Mail.ru
                [ Script execution time: 0,0234 ]   [ 15 queries used ]   [ Generated: 27.04.24, 15:23 GMT ]