Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > поставить абзац в alt= и title=


Автор: gcc 24.6.2010, 19:10

подскажите можно ли постаивть абзац в alt= и title=?

Код
alt="" title=""


т.е. alt="<br>" как это записать? чтобы был абзац?

Автор: bars80080 24.6.2010, 19:20
а почему бы не попробовать? там всего два варианта: либо <br />, либо \n

имхо, нет

если очень нужно, пишем свою или тащим чужую. вроде она везде именуется под именем "хит" (hit)

Автор: gcc 24.6.2010, 19:30
понятно...

а на Jquery оно есть? только чтобы было похоже на titile?
как вывести tip я знаю...

пока не могу найти по hit:
http://www.google.com/search?q=jquery+hit&hl=en&ei=vocjTIzVAdiJOK6HmYkF&start=10&sa=N

Автор: ksnk 24.6.2010, 20:03
alt="&lt;br&gt;"  title="&lt;br&gt;"
?
Что такое абзац? несколько строк тайтла? только скриптом
Код

<span id="hello">hello!</span>
<script type="text/javascript">
document.getElementById('hello').title="Hello\nworld!";
</script>

Автор: gcc 25.6.2010, 08:37
ksnk, на \n не реагирует, что делать?

Автор: ksnk 25.6.2010, 09:00
Цитата(gcc @  25.6.2010,  08:37 Найти цитируемый пост)
ksnk, на \n не реагирует, что делать? 

Он "реагирует" в Хроме и всех IE. Что делать - писать в саппорт Мозилы - пусть правят  smile 

Обычно вставляют на страничку какой-нибудь "tooltip" и не парятся. К примеру jQuery tooltip из комплекта jQuery.UI

Автор: gcc 25.6.2010, 09:22
ksnk, спасибо, а можно ли  tooltip реализовать чтобы он был как title, чтобы подсказака была как title?


такую анимацию я делал, чтобы навести мышкой и появисля кусок html...

а как сделать чтобы это было похоже на titile?  нужно цвет подобрать?

Автор: ksnk 25.6.2010, 09:43
Цитата(gcc @  25.6.2010,  09:22 Найти цитируемый пост)
а как сделать чтобы это было похоже на titile?  нужно цвет подобрать?

поменять набор css правил для тултипа. Правда настоящий тултип можно настраивать через параметры броузера, а такой не очень-то получится так настроить.

Автор: gcc 25.6.2010, 10:12
УРА!!! сделал на tip обычный, чтоыб вставить кусок HTML

я это раньше делал, но сейчас почему-то с начало решил на titile

именогда лучше с нчало подумать над правильной технологией...

вобщем вот решение:
(взял из соего сайта, когда еше давно делал =) http://www.x0.org.ua/registration )

Код


<script type="text/javascript" src="/latest/jquery.pack.js"></script>    
    
<script type="text/javascript">
$(document).ready(function(){

    $(".menu a").hover(function() {
        $(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
    }, function() {
        $(this).next("em").animate({opacity: "hide", top: "-85"}, "fast");
    });


});
</script>



<style>
body {
    margin:0;
    padding:40px;
    background:#fff;
    font:80% Arial, Helvetica, sans-serif;
    color:#555;
    line-height:180%;
}

h1{
    font-size:180%;
    font-weight:normal;
    color:#555;
}
a{
    text-decoration:none;
    color:#f30;    
}
p{
    clear:both;
    margin:0;
    padding:.5em 0;
}
pre{
    display:block;
    font:100% "Courier New", Courier, monospace;
    padding:10px;
    border:1px solid #bae2f0;
    background:#e3f4f9;    
    margin:.5em 0;
    overflow:auto;
    width:800px;
}


/*  */

#tooltip{
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
    }    

/*  */
</style>


<span class="menu">

    <span>
        <a href="/registration/#">? (подробно)</a>        
        <em>       
Желательно, чтобы пользователи могли с вами связатся или чтобы ваши друзья видели ваши контакты!
        </em>
    </span>

</span>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)