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

HTML+CSS+JavaScript

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

 

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

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

тема: Подобие фрема из div-а
 
 автор: Lelik   (14.01.2007 в 14:07)   письмо автору
 
 

Как из div-а сделать подобие фрейма?

   
 
 автор: AlexSol   (14.01.2007 в 14:15)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:07)
 

а что именно тебя интересует?

   
 
 автор: Lelik   (14.01.2007 в 14:19)   письмо автору
 
   для: AlexSol   (14.01.2007 в 14:15)
 

сделать окошечко 600 х 300 пикселей, но в него засовывать текст любой длинны, overflow не прокатывает, ибо необходимо сделать свою полосу прокрутки, или с overflow можно управлять скролом?

   
 
 автор: AlexSol   (14.01.2007 в 14:26)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:19)
 

можно. задай overflow:hiden
а скролом через style.top

примерно

var page= eval("document.getElementById('contentLayer').style"); 
page.top=(naw+init/10)*lineheight;

   
 
 автор: Lelik   (14.01.2007 в 14:35)   письмо автору
 
   для: AlexSol   (14.01.2007 в 14:26)
 

я пробовал, но дело все в том, что если двигать див через top, при overflow:hidden, то двигается и скрытая часть элемента, то есть оне не остаеться на высоте в 300 а подымаеться за шапкой блока :(

   
 
 автор: Lelik   (14.01.2007 в 14:36)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:35)
 

а при overflow:scroll, вырубить стандартную полосу прокрутки и управлять скролом самостоятельно?

   
 
 автор: AlexSol   (14.01.2007 в 14:44)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:35)
 

>я пробовал, но дело все в том, что если двигать див через top, при overflow:hidden, то двигается и скрытая часть элемента, то есть оне не остаеться на высоте в 300 а подымаеться за шапкой блока :(

не понял...

   
 
 автор: Lelik   (14.01.2007 в 14:49)   письмо автору
 
   для: AlexSol   (14.01.2007 в 14:44)
 

сверху до прокрутки, снизу после

   
 
 автор: AlexSol   (14.01.2007 в 14:53)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:49)
 


#divContainer {
    right: 85px;
    OVERFLOW: hidden; 
    WIDTH: 390px; 
    HEIGHT: 420px;
    CLIP: rect(0px 420px 430px 0px); 
    POSITION: absolute; 
    TOP: 570px; 
}
#contentLayer {
    right: 0;
    POSITION: absolute;
    top: 0;
}


<div id="divContainer" style="border:1px solid silver;">
<div id="contentLayer"> 
крути этот 
</div> 
</div>

а если абсолютное позиционирование не катит, то заверни все в еще один див, с относительным позиционированием =)

   
 
 автор: Lelik   (14.01.2007 в 14:55)   письмо автору
 
   для: AlexSol   (14.01.2007 в 14:53)
 

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

   
 
 автор: AlexSol   (14.01.2007 в 15:07)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:55)
 

>для меня очень важно, если текст будет давать высотой например 2000 пикселей, что бы не было прокрутки у браузера и не было пустого пространства под окошком

и? в чем проблема? у меня на рвботе есть пример если что - напомни завтра.

   
 
 автор: Lelik   (14.01.2007 в 15:09)   письмо автору
 
   для: AlexSol   (14.01.2007 в 15:07)
 

как напомнить?: письмом написать или тему в форуме

   
 
 автор: AlexSol   (14.01.2007 в 15:19)   письмо автору
 
   для: Lelik   (14.01.2007 в 15:09)
 

как хочешь. можешь даже по icq :)

   
 
 автор: Lelik   (14.01.2007 в 15:19)   письмо автору
 
   для: AlexSol   (14.01.2007 в 15:19)
 

icq (нам низзя) у меня нет, есть скайп.

   
 
 автор: AlexSol   (14.01.2007 в 15:21)   письмо автору
 
   для: Lelik   (14.01.2007 в 15:19)
 

ужас... это в трудовом контракте прописано? а работать на выходных можно ?
(а общение на форуме как повышение квалификации идет? =) )

   
 
 автор: Lelik   (14.01.2007 в 15:23)   письмо автору
 
   для: AlexSol   (14.01.2007 в 15:21)
 

ужас... это в трудовом контракте прописано?
эта секрет

а работать на выходных можно ?
а я сейчас где?

(а общение на форуме как повышение квалификации идет? =) )
высший класс. спасибо.

   
 
 автор: AlexSol   (14.01.2007 в 15:29)   письмо автору
 
   для: Lelik   (14.01.2007 в 15:23)
 

>а работать на выходных можно ?
>а я сейчас где?

понятия не имею.....

тебе нужно свои кнопки для скрола как тут ?
тогда полистай woweb (у меня кроссбраузерного нет)

а если надо просто зафиксировать правый столбец, то глянь это

   
 
 автор: Lelik   (14.01.2007 в 15:30)   письмо автору
 
   для: AlexSol   (14.01.2007 в 15:29)
 

>а работать на выходных можно ?
>а я сейчас где?

>понятия не имею.....

:)))
на работе

   
 
 автор: Lelik   (14.01.2007 в 15:32)   письмо автору
 
   для: AlexSol   (14.01.2007 в 15:29)
 

тебе нужно свои кнопки для скрола как тут ?

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

   
 
 автор: AlexSol   (14.01.2007 в 15:58)   письмо автору
 
   для: Lelik   (14.01.2007 в 15:32)
 

?

<!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=windows-1251" />
<title>Untitled Document</title>
<style>
#divContainer { 
    left: 0; 
    OVERFLOW: hidden;  
    WIDTH: 390px;  
    HEIGHT: 120px; 
    CLIP:  rect(0px 395px 125px 0px);  
    POSITION: absolute;  
    TOP: 0;
    padding:0;
    margin:0; 

#contentLayer { 
    left: 0; 
    POSITION: absolute; 
    top: 0; 


</style>
</head>

<body>
<div>
as<br />as<br />as<br />as<br />as<br />
</div>
<div>
<a href="#" onclick="go('1');return false;" >вверх</a> | 
<a href="#" onclick="go('2');return false;" >низ</a>

</div>
<div style="position:relative">
<div id="divContainer" style="border:1px solid silver;"> 
<div id="contentLayer">  
крути этот див. вроде все работает.<br />крути этот див. вроде все работает.<br />
крути этот див. вроде все работает.<br />крути этот див. вроде все работает.<br />
крути этот див. вроде все работает.<br />крути этот див. вроде все работает.<br />
крути этот див. вроде все работает.<br />крути этот див. вроде все работает.<br />
крути этот див. вроде все работает.<br />крути этот див. вроде все работает.<br /> 
</div>  
</div> 
</div>

<script>
var position=0;
function go(par){
if(par==1){
position-=1;
}else{
position+=1;
}
var page= eval("document.getElementById('contentLayer').style");  
page.top=10*position;
}
</script>
</body>
</html>

   
 
 автор: Lelik   (14.01.2007 в 15:04)   письмо автору
 
   для: Lelik   (14.01.2007 в 14:07)
 

в общем для этого лучше фрейм?

   
Rambler's Top100
вверх

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