Avatar billede hagge Nybegynder
15. november 2001 - 18:59 Der er 16 kommentarer og
1 løsning

Smart scroll ?

Jeg skal bruge et script, der kan scrolle igennem en tekst i en table, når man holder musen over et billede (fx en pil der går op eller ned).

Mit spørgsmål er nok næsten identisk til dette: http://www.eksperten.dk/spm/103765 =]
Avatar billede cdc Novice
15. november 2001 - 19:01 #1
Hvad med dette, den fungerer kun i frames.
Husk at lave om på frame navnet den skal scrolle i. her hedder den venstre.

<html>

<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>BILD ELLER TEXT</title>
<script>
startad=0
function iljdown()
{
      parent.venstre.scrollBy(0,15)
      iljtimer = setTimeout(\"iljdown()\",50)
    startad=1
}
function iljup()
{
    parent.venstre.scrollBy(0,-15)
    iljtimer = setTimeout(\"iljup()\",50)
    startad=1
}
function iljquit()
{
    if(startad==1)
    {
    clearTimeout(iljtimer)
    }
}
</script>
</head>
<body>



<A HREF=\"java script:void(0)\"
    ONMOUSEDOWN=\"iljup();return false\"
    ONMOUSEOUT=\"iljquit()\"
    ONMOUSEUP=\"iljquit()\"> BILD ELLER TEXT - UPP</A>
 
<A HREF=\"java script:void(0)\"
    ONMOUSEDOWN=\"iljdown();return false\"
    ONMOUSEOUT=\"iljquit()\"
    ONMOUSEUP=\"iljquit()\"> BILD ELLER TEXT - NED</A>



</body>

</html>

/cdc
Avatar billede hagge Nybegynder
15. november 2001 - 19:08 #2
Den skal være til tables.
Avatar billede cdc Novice
15. november 2001 - 19:12 #3
oki.......men så kan du få problemer med browsers under 5.0

/cdc
Avatar billede hagge Nybegynder
15. november 2001 - 19:13 #4
Må jeg leve med :)
Avatar billede cdc Novice
15. november 2001 - 19:27 #5
Hvad med netscape...???

/cdc
Avatar billede hagge Nybegynder
15. november 2001 - 19:30 #6
/cdc, jeg skal bare bruge noget der virker her og nu. Så skal jeg nok lave en løsning senere, så min side bliver nogenlunde i alle browsere.

Der må der være nogen derude der lige har 10 min til at hjælpe :)
Avatar billede cdc Novice
15. november 2001 - 19:32 #7
http://www.dhtmlcentral.com/

der er det en del script

Ellers har jeg et, men det tager lidt tid at rense ud i det.

/cdc
Avatar billede hagge Nybegynder
15. november 2001 - 19:37 #8
Har jeg været, og der er ikke noget jeg skal bruge...
Avatar billede cdc Novice
15. november 2001 - 19:51 #9
klik dig ind på en gamel side jeg har lavet som jeg ikke har opdatret i lang tid: http://hjem.get2net.dk/arntsen/twin/

Er det en scrollbar lig med den du vil have...

/cdc
Avatar billede hagge Nybegynder
15. november 2001 - 19:52 #10
JA :)
(bare det ikke kører frames :)
Avatar billede cdc Novice
15. november 2001 - 20:06 #11
det kører ikke i frames men i tabeller, men den virker ikke i ne 4.0

Snup koden fra siden, så lægger jeg scriptet ud her.

/cdc
Avatar billede cdc Novice
15. november 2001 - 20:06 #12
/********************************************************************************
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0

/*********************************************************************************
These are the variables you have to set:
*********************************************************************************/

//The speed of the timeout between each scroll.
timSpeed=1

//The height of the container (change this when it scrolls to much or to little)
contHeight=314

/*********************************************************************************
This is the object constructor function, which applies
methods and properties to the Cross-browser layer object
*********************************************************************************/
function makeScrollObj(obj,nest){
    nest=(!nest) ? \'\':\'document.\'+nest+\'.\'                                       
    this.css=(n) ? eval(nest+\'document.\'+obj):eval(\'document.all.\'+obj+\'.style\')                           
    this.scrollHeight=n?this.css.document.height:eval(\'document.all.\'+obj+\'.offsetHeight\')                           
    this.top=b_gettop                                       
    return this
}
//Getting the top for the top method
function b_gettop(){
    var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
    return gleft;
}
//Variables
var scrollTim;
var active=0;
/*********************************************************************************
The scroll function. Checks what way to scroll and checks if the
layer is not already on top or bottom.
*********************************************************************************/
function scroll(speed){
    clearTimeout(scrollTim)
    way=speed>0?1:0
    if((!way && oScroll[active].top()>-oScroll[active].scrollHeight+contHeight) || (oScroll[active].top()<0 && way)){
        oScroll[active].css.top=oScroll[active].top()+speed
        scrollTim=setTimeout(\"scroll(\"+speed+\")\",timSpeed)
    }
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
    clearTimeout(scrollTim)
}
/*********************************************************************************
Changes the active layer. Hides the one that\'s visible and
shows the \"new\" one. Also set\'s the new layers top to
0 so it starts at top.
*********************************************************************************/
function changeActive(num){
    oScroll[active].css.visibility=\'hidden\'
    active=num
    oScroll[active].css.top=0
    oScroll[active].css.visibility=\'visible\'
}
/*********************************************************************************
Initilizes the page, makes a oScroll Array and calls the object constructor.
Here you can add as many scrollObjects as you want
*********************************************************************************/
function scrollInit(){
    oScroll=new Array()
    oScroll[0]=new    makeScrollObj(\'indhold\')
    oScroll[0].css.visibility=\'visible\'
}
/*********************************************************************************
Executes the scrollInit function on pageload.
*********************************************************************************/
onload=scrollInit;
Avatar billede cdc Novice
15. november 2001 - 20:08 #13
du skal have renset lidt ud i koden på siden, men den er her:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<!-------------------------------------------------------------------------------

    Freddy Arntsen © 1999-2000
    Freddy Arntsen (cdc@get2net.dk)
   
--------------------------------------------------------------------------------><HTML><HEAD><TITLE></TITLE>
<META content=\"text/html; charset=windows-1252\" http-equiv=Content-Type>
<META content=\"\" name=keywords>
<META content=\"\" name=description><LINK href=\"2000-filer/default.css\" rel=StyleSheet type=text/css>
<SCRIPT language=JavaScript1.2 src=\"2000-filer/scroll.js\"></SCRIPT>

<META content=\"Microsoft FrontPage 4.0\" name=GENERATOR>
<base target=\"indhold\">
</HEAD>
<BODY background=twins.jpg bgColor=#000000 bgProperties=fixed
onload=scrollInit() topMargin=5 marginheight=\"10\" marginwidth=\"10\">
<DIV id=ScrollUp><A href=\"http://hjem.get2net.dk/arntsen/twin/welcome.htm#\"
onmouseout=noScroll() onmouseover=scroll(5)><IMG alt=\"\" border=0 height=19
src=\"2000-filer/gennemsigtig.gif\" width=26></A></DIV>
<DIV id=ScrollDown><A href=\"http://hjem.get2net.dk/arntsen/twin/welcome.htm#\"
onmouseout=noScroll() onmouseover=scroll(-5)><IMG alt=\"\" border=0 height=19 src=\"2000-filer/gennemsigtig.gif\" width=26></A></DIV>
<DIV class=clScroll id=indhold style=\"z-index: -1; position: absolute; left: 3; top: -5; width: 290; height: 927\"><BR>
<TABLE bgColor=#656c64 border=0 cellPadding=0 cellSpacing=0 width=290>
  <TBODY>
  <TR>
    <TD><b>Vi ønsker velkommen.....</b></TD></TR></TBODY></TABLE>
  <P><font color=\"white\"><B>text</font>
    </tr>
  </table>
</div>
</BODY></HTML>

Pilerne til at scrolle med ligger i baggrundsbilledet.......

/cdc
Avatar billede ordinary Nybegynder
15. november 2001 - 20:11 #14
Hej hagge
Det var mange indlæg og få svar håber du kan bruge mit til noget
VH Jesper

<HTML> 
<HEAD>
<link rel=\"stylesheet\" type=\"text/css\" href=\"hej.css\">
<script language=\"JavaScript\">
function verifyCompatibleBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
}
bw=new verifyCompatibleBrowser()

var speed=1
var loop, timer
function ConstructObject(obj,nest){
    nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
    this.up=MoveAreaUp;this.down=MoveAreaDown;
    this.MoveArea=MoveArea; this.x; this.y;
    this.obj = obj + \"Object\"
    eval(this.obj + \"=this\")
    return this
}
function MoveArea(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
}

function MoveAreaDown(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".down(\"+move+\")\",speed)
    }
}
function MoveAreaUp(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".up(\"+move+\")\",speed)
    }
}

function PerformScroll(speed){
    if(initialised){
        loop=true;
        if(speed>0) objScroller.down(speed)
        else objScroller.up(speed)
    }
}

function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject(\'divContainer\')
    objScroller=new ConstructObject(\'divContent\',\'divContainer\')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility=\'visible\'
    initialised=true;
}
onload=InitialiseScrollableArea

function showName() {
    window.status = event.srcElement.innerText;
    return true;
}
</script>

</HEAD>
<BODY >


<div id=\"divUpControl\"
style=\"position:absolute; top: 195; left: 100; background: #677b87\">
<a href=\"java script:;\"
onmouseover=\"PerformScroll(-7); self.status=\'Scroll up\';return true\"
onmouseout=\"CeaseScroll(); self.status=\'\';return true\"><img src=\"grafik/up.gif\" width=\"10\" height=\"6\" border=0><font size=\"-1\">scroll up</font></a> </div>

<div id=\"divDownControl\"
style=\"position:absolute; top: 335; left: 100; background: #677b87\">
<a href=\"java script:;\"
onmouseover=\"PerformScroll(7); self.status=\'Scroll down\';return true\" onmouseout=\"CeaseScroll(); self.status=\'\';return true\"><font size=\"-1\">scroll down</font>
<img src=\"grafik/down.gif\" width=\"10\" height=\"6\" border=0></a>
</div>

<div id=\"divContainer\" style=\"position:absolute; clip:rect(0,400,125,0); visibility:hidden; WIDTH: 190px; top: 210; left: 60\">
<div id=\"divContent\" style=\"position:absolute; background: #677b87; BACKGROUND-IMAGE: url(grafik/bag.gif) \">
hej ddddfffffffffffffffffffffffff<br><br><br><br><br><br><br>
dddddd<br><br><br>
hej dddd<br><br><br><br><br><br><br>
dddddd<br><br><br>
</div>

</BODY>
</HTML>
Avatar billede hagge Nybegynder
15. november 2001 - 20:21 #15
Well - CDC var der først, men tak for hjælpen begge to :)
Avatar billede cdc Novice
15. november 2001 - 20:33 #16
tak for points hagge.....Læg en besked hvis der er spørgsmål

/cdc
Avatar billede dacarp0 Nybegynder
02. december 2002 - 11:55 #17
HVorfor skal ALLE indsætte \ altid? Har jeg endnu ikke fundet ud af?!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester