SEObomj

Что интересно, на другом проекте тоже использовал @font-face и в опере все работало, правда там была латиница.

Спасибо, помогло. Только в Опере все равно не пашет. Вроде там один из вариантов шрифта надо поставить в начало, чтоб его Опера подхватила.

Нужно прикрутить кириллический шрифт CuprumFFU. Использую вот этот генератор http://www.fontsquirrel.com/fontface/generator но кириллица не работает. Нашел готовый kit, выбрал кириллицу, но опять ничего не выходит и вместо CuprumFFU отображается Arial =( Подскажите пожалуйста как заставить работать этот шрифт через font-face с русским текстом?

script> $(document).ready(function(){ $(".button").click(function(){ $('li:last').clone(true).appendTo('.spisok'); }); }); </script> Чтобы не было путаницы =)

Просто .class )

Попробовал - клонирование вообще перестало работать. Сколько не читал везде указывается либо .clone() - HTML либо .clone(true) -Jquery

<script> $(document).ready(function(){ $(".button").click(function(){ $('li.class:last').clone(true).appendTo('.spisok'); }); }); </script> <ul class="spisok"> <li><a href="#">пукт</a><li> <li><a href="#">пукт</a><li> <li><a href="#">пукт</a><li> <li><a href="#" title="этот title отображается как tooltip">пукт</a><li> </ul> <a href="#" class="button">Еще!</a> Помимо клонирования к странице еще прикручен tooltip. В качестве текста для всплывающей подсказки используется title ссылки. При клонировании последней строки списка значение title пропадает, то есть получаем такую строку: <li><a href="#" title="">пукт</a><li> Если убрать у .clone() параметр true, то title копируется полностью, но тогда tooltip не работает. Это как-то можно обойти?

<script> $(function() { $( "#sortable" ).sortable({ handle: "span.drop", revert: true }); $( "#draggable" ).draggable({ connectToSortable: "#sortable", helper: "clone", revert: "invalid", stop: function(event, ui) { $( ".text_orig" ).hide(); $( ".clone" ).show(); } }); $( "" ).disableSelection(); }); </script> <ul> <li id="draggable" class="ui-state-highlight"><p class="text_orig">Drag me down</p><p class="clone">Я клон!</p></li> </ul> Вот так работает как надо, но появляется новая проблема, которую я не предусмотрел - исходная строка (которую и клонируем) изменяется вместе с клонированной строкой. Нужно чтобы исходная строка никогда не изменялась, а все изменения проиходили к только что созданной строке

Косяк в том, что они срабатывают сразу, как только страница загрузилась, а надо чтобы они срабатывали после перетаскивания. mouseup тоже не помог. После перезагрузки страницы я уже вижу, что .text_orig скрыт, а .clone отображается, после перетаскивания ничего не меняется.

Код там тот же, что и по ссылке, разве что включил пару опций. <script> $(function() { $( "#sortable" ).sortable({ handle: "span.drop", revert: true }); $( "#draggable" ).draggable({ connectToSortable: "#sortable", helper: "clone", revert: "invalid", create: function(draggable) { /* это не работает, просто одна из моих попыток*/ $( ".text_orig" ).hide(); $( ".clone" ).show(); } }); $( "" ).disableSelection(); }); </script> <ul> <li id="draggable" class="ui-state-highlight"><p class="text_orig">Drag me down</p><p class="clone">Я клон!</p></li> </ul>

antonP А как книга называется?

Есть список с сортировкой и клонированием: http://jqueryui.com/demos/draggable/#sortable Нужно чтобы в клонированном блоке появлялась надпись Я клонированый блок то есть событие происходило после перетаскивания. Подскажите, пожалуйста, как это сделать. Никак не получается

Решил проблему так: //открываем $(".open").click(function(){ $(this).hide() $(".close").show() }); //закрываем $(".close").click(function(){ $(this).hide() $(".show").show() }); <a href="#" class="open">Открыть</a> <a href="#" class="close">Закрыть</a> Всем спасибо

Есть выпадающий блок типа такого: http://anton.shevchuk.name/wp-demo/jquery-...lide-panel.html кликаешь по ссылке с текстом "открыть" и появляется блок. Это все просто и понятно. А как сделать, чтоб при раскрытом блоке надпись сменялась на "закрыть"? То есть нужно подменить html-код

Спасибо Я правда уже картинкой реализовал, но такое решение мне кажется менее элегантным чем JS

Спасибо В этом и был косяк Там этих круглых уголков дофига. Да и страничка меньше весить будет. А работает ужасно, да... Я бы вообще оставил как есть, квадратное. Мне кажется пользователи IE и так уже привыкли, что сайты у них как в кривом зеркале Кстати, а IE9 будет поддерживать border-radius?

Упс, третий не глянул)

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { width: 300px; background-color: #eee; float: left; } #content { margin-left: 320px; } .block { margin-bottom: 20px; clear:left; } </style>

Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?

Вроде как такое можно сделать на JS, но вот названия этого эффекта я не знаю, поэтому ничего не гуглится ) Можно было бы наложить полупрозрачную картинку, но как сделать полупрозрачный градиент в фотошопе я хз, да и как-то не очень изящно будет =)

Подскажите как можно сверстать такие табы? Собственно табы сделать не проблема, а вот с наложением... Сами табы сверстал, вторая вкладка уезжает влево благодаря отрицательному margin, для активной вкладки z-index:100; (чтоб края неактивных прятались под ней), а дальше начинаются проблемы. Когда первая вкладка неактивна, то она уезжает за пределы блока (что не нужно, так как перед ней нет вкладок). Когда неактивных вкладок больше одной, то непонятно как задать z-index для каждой в отдельности (нужна динамическая смена id или просто смена параметра z-index взависимости от того какая вкладка активна) UPD: Проблему решил сам =) Тему можно затереть

Ужасная фича... К сожалению Ваш вариант мне не подходит, так как я не могу всех посетителей заставить менять настройки

Я только сегодня узнал про ZenCoding. Сложно "переучиваться"?

... не устанавливается. То есть если задать размер шрифта 6px, то Опера все равно будет отображать шрифт размером 9px. Пробовал указывать размер шрифта в em, pt, %, пробовал через костыли - никак. Опера 10,63. P.S. В первый раз меня opera подвела , а вот в лисе все нормально.

Там у .admin картинка бэкграундом, так что там помимо высоты будет еще фон меняться. В любом случае, даже если я с костылями переверстаю так, чтобы избавиться от картинки в фоне, то нужно будет у этого блока менять css, чтобы без блока .hide он смотрелся нормально. Пробовал if-else, видимо где-то я накосячил так как по прежнему нифига не работает <script> $(document).ready(function(){ $(".hide").click(function(){ $(".hide").slideToggle("slow"); $(".admin_panel").animate( { height:'40px' }, { queue:false, duration:600 } ); }); $(document.body).click(function () { if ($(".hide").is(":hidden")) { $(".admin").animate( { height:'40px' }, { queue:false, duration:600 } ); } else { $(".admin").animate( { height:'106px' }, { queue:false, duration:600 } ); } }); $(this).toggleClass("active"); }); </script> Помогите плиз, никак не могу разобраться((