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


Автор: Gigabyte 3.3.2006, 15:15
Код


<HTML>
<HEAD>
    <TITLE>index</TITLE>
    <STYLE type=text/css>
BODY {SCROLLBAR-FACE-COLOR: #000000;  SCROLLBAR-HIGHLIGHT-COLOR: #777777; SCROLLBAR-SHADOW-COLOR: #6b7466;  SCROLLBAR-3DLIGHT-COLOR: #414b3d; SCROLLBAR-ARROW-COLOR: #7d7d7d;  SCROLLBAR-TRACK-COLOR: #000000;  SCROLLBAR-DARKSHADOW-COLOR: #000000; }

</STYLE>
    <script language="JavaScript">
<!--
var x=450;
var y=230;
var d=0;
var t=0;
function prew()
{

if(d<=10)
{
d=d+1;
x=x-1
text.style.pixelTop=x;
if(t=1)
{
setTimeout("prew()",100);
}
}
else
{
d=0;
t=0;
}
}


function next()
{
if(x<=450)
{
if(d<=10)
{
d=d+1;
x=x+1
text.style.pixelTop=x;
if(t=1)
{
setTimeout("next()",100);
}
}
else
{
d=0;
t=0;
}
}
}
//-->
</script>
</HEAD>

<BODY BGCOLOR="Black" TEXT="Red">

<div id="text" style="position:absolute; top:450; left:230;">
аорпаорапорййййыпыаврпафывопфаыовпыа<BR>
рпаопраорапорфывфыпворфпылворплорррф<BR>
лрдлордлордлордывывывыфывфлордлордло<BR>
олрлорлордлоапывпаывпвапвавапавпврдл<BR>
српмрморпамропмвафыаываываываываыорм<BR>
лоджлождлтбьютювфыавыаывафывауцборло<BR>
аорпаорапорййййыпыаврпафывопфаыовпыа<BR>
рпаопраорапорфывфыпворфпылворплорррф<BR>
лрдлордлордлордывывывыфывфлордлордло<BR>
олрлорлордлоапывпаывпвапвавапавпврдл<BR>
српмрморпамропмвафыаываываываываыорм<BR>
лоджлождлтбьютювфыавыаывафывауцборло<BR>
аорпаорапорййййыпыаврпафывопфаыовпыа<BR>
рпаопраорапорфывфыпворфпылворплорррф<BR>
лрдлордлордлордывывывыфывфлордлордло<BR>
олрлорлордлоапывпаывпвапвавапавпврдл<BR>
српмрморпамропмвафыаываываываываыорм<BR>
лоджлождлтбьютювфыавыаывафывауцборло<BR>
аорпаорапорййййыпыаврпафывопфаыовпыа<BR>
рпаопраорапорфывфыпворфпылворплорррф<BR>
лрдлордлордлордывывывыфывфлордлордло<BR>
олрлорлордлоапывпаывпвапвавапавпврдл<BR>
српмрморпамропмвафыаываываываываыорм<BR>
лоджлождлтбьютювфыавыаывафывауцборло<BR>
аорпаорапорййййыпыаврпафывопфаыовпыа<BR>
рпаопраорапорфывфыпворфпылворплорррф<BR>
лрдлордлордлордывывывыфывфлордлордло<BR>
олрлорлордлоапывпаывпвапвавапавпврдл<BR>
српмрморпамропмвафыаываываываываыорм<BR>


</div>


<div style="position:absolute; top:869; left:213;"><IMG SRC="4.gif" WIDTH=488 HEIGHT=132 BORDER=0></div>

<div style="position:absolute; top:443; left:523;"><IMG SRC="3.gif" WIDTH=178 HEIGHT=427 BORDER=0></div>

<div style="position:absolute; top:443; left:1;"><IMG SRC="2.gif" WIDTH=213 HEIGHT=558 BORDER=0></div>

<div style="position:absolute; top:1; left:1;"><IMG SRC="1.gif" WIDTH=700 HEIGHT=443 BORDER=0></div>


<div style="position:absolute; top:900; left:650;"><input type="button" value="^"  onclick="next();" ><BR><input type="button" value=" " onclick="prew();" ></div>

</BODY>
</HTML>




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

Автор: Ciber SLasH 3.3.2006, 16:33
Вот так можно:
Код

<div id="text" style="position:absolute; top:450; left:230; width: 280px; height: 410px; overflow: auto">

А вообще, что не было такого, нужно использовать относительное позиционирование: position: relative

Автор: AzuManga 3.3.2006, 16:53
у меня практически одновременно возникла похожая проблема 8))
мне ее помогли решить тут: http://forum.vingrad.ru/index.php?showtopic=86011

основа моего и твоего скрипта похожа (изменение параметра top), только у меня отличие в стилях дивов и их взаимном расположении 8)) главное - работает в осле и опере 8)

Автор: 12345c 3.3.2006, 17:13
Добавляете в стиль:
Код
<div id="text" style="position:absolute; top:450; left:230;clip:rect(0 1000 450 0);">

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