...

View Full Version : Scrolling text in a layrs in dreamweaver



zami
04-03-2007, 12:29 PM
hi
i want to make a news section where i will show latest update of my site, i m making it in 2 layers, first layer is fixed and the other containg news or text wll move, but when i m running it, its scroll all. i want to show my text in a boundary, somoene can help oe tell me how to make a news section on my web pate using dream weaver 8
thanks

ronaldb66
04-03-2007, 02:52 PM
The container that holds the news content could be given fixed dimensions, specifically a fixed height; when setting overflow to auto, a scrollbar should appear enabling the user to scroll up and down within the page.

zami
04-04-2007, 07:17 AM
i set overflow to hidden, but it still doesnot working

ronaldb66
04-04-2007, 10:20 AM
... setting overflow to auto
Where did that say "hidden"?

The hidden value will hide all content that does not fit in the available space: use "auto".

And, provide us with the markup and styles, preferably as a link to the page online, so we don't have to keep shooting in the dark. Help us help you.

zami
04-04-2007, 11:34 AM
here are all codes, i want to show some updates or news in a particular window, now hope u can hlep me, thanks


<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:182px;
top:153px;
width:196px;
height:96px;
z-index:3;
background-color: #CCCCCC;
visibility: visible;
overflow: hidden;
}
#Layer2 {
position:absolute;
left:185px;
top:154px;
width:192px;
height:92px;
z-index:2;
visibility: visible;
}
#Layer3 {
position:absolute;
left:191px;
top:44px;
width:172px;
height:70px;
z-index:4;
}
#Layer4 {
position:absolute;
left:201px;
top:19px;
width:144px;
height:101px;
z-index:4;
overflow: hidden;
}
#main {
position:absolute;
left:196px;
top:132px;
width:270px;
height:92px;
z-index:1;
overflow: hidden;
background-color: #ECE9D8;
}
#Layer5 {
position:absolute;
left:204px;
top:-9px;
width:259px;
height:80px;
z-index:2;
visibility: visible;
overflow: auto;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_timelinePlay(tmLnName, myID) { //v1.2
//Copyright 1998, 1999, 2000, 2001, 2002, 2003, 2004 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
if (myID == tmLn.ID) { //if Im newest
setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
fNew = ++tmLn.curFrame;
for (i=0; i<tmLn.length; i++) {
sprite = tmLn[i];
if (sprite.charAt(0) == 's') {
if (sprite.obj) {
numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
keyFrm=1;
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr != props.length) {
if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
} else {
while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
} } } } }
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
if (fNew > tmLn.lastFrame) tmLn.ID = 0;
} }
}

function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
//Copyright 1998, 1999, 2000, 2001, 2002, 2003, 2004 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (numGotos != null)
if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
jmpFwd = (fNew > tmLn.curFrame);
for (i = 0; i < tmLn.length; i++) {
sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
if (sprite.charAt(0) == "s") {
numKeyFr = sprite.keyFrames.length;
firstKeyFr = sprite.keyFrames[0];
lastKeyFr = sprite.keyFrames[numKeyFr - 1];
if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
if (sprite.obj != null) {
if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
else sprite.obj[props.prop2][props.prop] = props[propNum];
} }
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
}
tmLn.curFrame = fNew;
if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
}

function MM_initTimelines() { //v4.0
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
var ns4 = (ns && parseInt(navigator.appVersion) == 4);
var ns5 = (ns && parseInt(navigator.appVersion) > 4);
var macIE5 = (navigator.platform ? (navigator.platform == "MacPPC") : false) && (navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4);
document.MM_Time = new Array(1);
document.MM_Time[0] = new Array(2);
document.MM_Time["Timeline1"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "Timeline1";
document.MM_Time[0].fps = 15;
document.MM_Time[0][0] = new String("behavior");
document.MM_Time[0][0].frame = 80;
document.MM_Time[0][0].value = "MM_timelineGoto('Timeline1','1')";
document.MM_Time[0][1] = new String("sprite");
document.MM_Time[0][1].slot = 1;
if (ns4)
document.MM_Time[0][1].obj = document["Layer5"];
else if (ns5)
document.MM_Time[0][1].obj = document.getElementById("Layer5");
else
document.MM_Time[0][1].obj = document.all ? document.all["Layer5"] : null;
document.MM_Time[0][1].keyFrames = new Array(1, 80);
document.MM_Time[0][1].values = new Array(3);
if (ns5 || macIE5)
document.MM_Time[0][1].values[0] = new Array("204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px", "204px");
else
document.MM_Time[0][1].values[0] = new Array(204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,20 4,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,20 4,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,204,20 4,204,204,204,204,204,204);
document.MM_Time[0][1].values[0].prop = "left";
if (ns5 || macIE5)
document.MM_Time[0][1].values[1] = new Array("231px", "228px", "225px", "222px", "219px", "216px", "213px", "210px", "207px", "204px", "201px", "198px", "195px", "192px", "188px", "185px", "182px", "179px", "176px", "173px", "170px", "167px", "164px", "161px", "158px", "155px", "152px", "149px", "146px", "143px", "140px", "137px", "134px", "131px", "128px", "125px", "122px", "119px", "116px", "113px", "109px", "106px", "103px", "100px", "97px", "94px", "91px", "88px", "85px", "82px", "79px", "76px", "73px", "70px", "67px", "64px", "61px", "58px", "55px", "52px", "49px", "46px", "43px", "40px", "37px", "34px", "30px", "27px", "24px", "21px", "18px", "15px", "12px", "9px", "6px", "3px", "0px", "-3px", "-6px", "-9px");
else
document.MM_Time[0][1].values[1] = new Array(231,228,225,222,219,216,213,210,207,204,201,198,195,192,188,185,182,179,176,173,170,167,164,16 1,158,155,152,149,146,143,140,137,134,131,128,125,122,119,116,113,109,106,103,100,97,94,91,88,85,82, 79,76,73,70,67,64,61,58,55,52,49,46,43,40,37,34,30,27,24,21,18,15,12,9,6,3,0,-3,-6,-9);
document.MM_Time[0][1].values[1].prop = "top";
if (!ns4) {
document.MM_Time[0][1].values[0].prop2 = "style";
document.MM_Time[0][1].values[1].prop2 = "style";
}
document.MM_Time[0][1].values[2] = new Array("visible","inherit");
document.MM_Time[0][1].values[2].prop = "visibility";
if (!ns4)
document.MM_Time[0][1].values[2].prop2 = "style";
document.MM_Time[0].lastFrame = 80;
for (i=0; i<document.MM_Time.length; i++) {
document.MM_Time[i].ID = null;
document.MM_Time[i].curFrame = 0;
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
}
}
//-->
</script>
</head>

<body onload="MM_timelinePlay('Timeline1')">
<div id="main"></div>
<div id="Layer5" style="top: 231px; visibility: visible;">
<p>this is to certify that t\</p>
<p>asafdafa</p>
<p>sdsdsdsdsdsds</p>
<p>adafdasdf</p>
<p>dafdsfasfd </p>
</div>
</body>
</html>

zami
11-13-2007, 09:42 AM
i have done it in DHTML But i want to work it on dreamweaver timeline anybody can help me in this regard ?

mohawkpetals
08-13-2008, 09:24 PM
hello, is there a way to successfully use overflow scroll or auto that will show up in Internet Explorer? Please help, thanks.
:p



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum