Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Скроллинг содержимого страницы без применения фреймов.
 
 автор: Ret   (30.11.2006 в 15:44)   письмо автору
 
 

Есть страница:
Заголовок
Динамическое содержимое (таблица)
Статическая информация

Можно ли реализовать

   
 
 автор: AlexSol   (30.11.2006 в 15:54)   письмо автору
 
   для: Ret   (30.11.2006 в 15:44)
 

да. через css.

если сложно то так: http://www.456bereastreet.com/lab/cssframes/

по простому:

<style>
.cit{
    width:395px;
    padding:8px;
    margin:0 0 8px 0;
    background:#faf9f7;
    border:1px solid #f0efea;
    overflow:auto;
    //overflow-y:scroll;
}
</style>
<div class='cit'>121212<br>121212<br>121212<br>121212<br>
21212<br>121212<br>121212<br>121212<br>121212<br>
121212<br>121212<br>121212<br>121212<br>121212<br>
121212<br>121212<br>121212<br>121212<br>121212<br>
121212<br>121212<br>121212<br>
</div>

   
 
 автор: Ret   (30.11.2006 в 17:37)   письмо автору
 
   для: AlexSol   (30.11.2006 в 15:54)
 

Я не знаю просто это или сложно, но по-английски ни бум-бум, может есть ссылки на источники на русском. А код примерно такой, т.е. сначала выходит шапка таблицы, затем из БД берутся записи, которые и формируют строки таблицы. Так вот эти строки и должны прокручиваться.
Попытался сделать так, не получается. (Описание стиля аналогично предложенному вами, просто я не стал его покаэывать)
 echo "<html><bodi><h3>ghfhgg</h3>";
  echo "<table border=1 width=100% bgcolor=\"#ffffff\" cellpadding=5>";
  echo "<tr>";
  echo "<td align=\"center\">&nbsp;&nbsp;№&nbsp;</td><td align=\"center\" width=\"290\">Серия обозревателей</td><td align=\"center\" width=\"190\">Зскиз</td><td align=\"center\">Зскиз</td><td align=\"center\">Зскиз</td>";
  echo "</tr>";
  
  $r = mysql_query("select * from nasos order by id_n"); 
  echo "<div class='cit'>";  
  for ($i = 0; $i < mysql_num_rows($r); $i++)
  {
  echo "<tr>";
  $f = mysql_fetch_array($r);
  echo "<td>&nbsp;$f[id_n]</td><td>$f[model]</td><td>&nbsp;$f[descrip]</td><td>&nbsp;$f[art]</td><td align='right'>&nbsp;$f[prise]</td>";
  echo "</tr>";
  }
  echo "</div>";
  echo "</table></bodi></html>";

   
 
 автор: AlexSol   (30.11.2006 в 17:58)   письмо автору
 
   для: Ret   (30.11.2006 в 17:37)
 

тут нужно разбираться не в английском, а в css. вот этот пример работает:

<div style="height:100px; width:250px; overflow:scroll; border:1px solid silver">
<table>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
<tr><td>122</td></tr>
</table>
</div>


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

   
 
 автор: Ret   (30.11.2006 в 22:25)   письмо автору
 
   для: AlexSol   (30.11.2006 в 17:58)
 

Спасибо, сделал вот так и все получилось(строка стиля ваша), но за пример на русском буду признателен:
 echo " <style type=\"text/css\">
    <!--
          .cit{height:400px; width:960px; overflow:scroll; border:1px solid silver;}     
    -->
    </style>";
  echo "<html><bodi><h3>Заголовок</h3>";
  echo "<table border=1 width=100% bgcolor=\"#ffffff\" cellpadding=5>";
  echo "<tr>";
  echo "<td align=\"center\">&nbsp;&nbsp;&#185;&nbsp;</td><td align=\"center\" width=\"290\">Серия обозревателей</td><td align=\"center\" width=\"190\">Проба</td><td align=\"center\">Проба</td><td align=\"center\">Проба</td>";
  echo "</tr>";
    echo "<tr>
               <td width=\"100%\" height=\"100%\" colspan=\"5\">
               <div class='cit'>
               <table border=1 ";
  $r = mysql_query("select * from nasos order by id_n"); 
  echo "";  
  for ($i = 0; $i < mysql_num_rows($r); $i++)
  {
  echo "<tr>";
  $f = mysql_fetch_array($r);
  echo "<td>&nbsp;$f[id_n]</td><td>$f[model]</td><td>&nbsp;$f[descrip]</td><td>&nbsp;$f[art]</td><td align='right'>&nbsp;$f[prise]</td>";
  echo "</tr>";
  }
  echo "</table>
              </div>
              </td>
              </tr>";
  echo "</table></bodi></html>"; 

   
 
 автор: AlexSol   (01.12.2006 в 15:19)   письмо автору
 
   для: Ret   (30.11.2006 в 22:25)
 

http://www.cssstyle.ru/article/exampl/freim.html

пример структуры html и таблица стилей к нему.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования