0 из 0

Создать тему
0

Имеется файл test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>TEST</title>
        <script type="text/JavaScript" src="curvycorners.src.js"></script>
        <script type="text/JavaScript">
          addEvent(window, 'load', initCorners);
        
          function initCorners() {
            var settings = {
              tl: { radius: 7 },
              tr: { radius: 7 },
              bl: { radius: 7 },
              br: { radius: 7 },
              antiAlias: true
            }

            curvyCorners(settings, "#vv");
            curvyCorners(settings, "#text");
          }
          
          function ViewHide(div_id){
                var div = document.getElementById(div_id);
                div.style.display = div.style.display=='block' ? 'none' : 'block';
          }
        </script>
        <style type="text/css">
         #vv {border: 2px solid #00f; background-color: #87CEFA; width: 300px; padding: 4px; margin: 0 auto; margin-bottom: 30px; text-align: left;}
         #text {border: 2px solid #f00; background-color: #FA8072; width: 300px; padding: 4px; margin: 0 auto; margin-bottom: 30px; text-align: left;}
         #normal {border: 2px solid #0f0; background-color: #98FB98; width: 300px; padding: 4px; margin: 0 auto; text-align: left;}
        </style>
 </head>
<body>
    <div id="text">
     Текст не скрыт, нет никаких JS. Все работает. Есть скрутгленные углы.
    </div>
    <div id="vv">
      <div><a href="#" onclick="ViewHide('viewMe');">↓↓↓ ←ЖМИ</a></div>
      <div id="viewMe" style="display: none;">
       Текст выпадает, текстовый блок в размере не меняется =(
      </div>
    </div>
    
    <div id="normal">
      <div><a href="#" onclick="ViewHide('viewMe2');">↓↓↓ ←ЖМИ</a></div>
      <div id="viewMe2" style="display: none;">
       Текст выпадает, текстовый блок увеличивается. Всё нормлаьно. =)
      </div>
    </div>
</body>
</html> 

а также JS-скрипт CurvyCorners :

Как сделать, чтобы при "выпадении" текста, размер текстового блока увеличивался...


denvikkom 17:41 - 15.07.2009

Комментарии

Всего 3 комментария

Войдите или зарегистрируйтесь чтобы оставлять комментарии

1

Насколько я могу судить, в контексте данного скрипта - никак. Возможные выходы: для таких целей попробовать css-уголки, может получиться с jQuery CurvyCorners (тоже не факт - перестраивать DOM штука проблематичная). Автор это исправлять не собирается.

0

Можно попробовать скрыть один блок и на его месте показать другой. Перед этим, естественно, обработать все уголки. Грязно, конечно.

0

спасибо...

Войдите или зарегистрируйтесь чтобы оставлять комментарии

Наверх