Avatar billede master_nemo Nybegynder
29. august 2001 - 21:30 Der er 22 kommentarer

scroll tekst

jeg søger noget der gør at man kan gøre ligsom på http://www.ljweb.com så når man tar musen over en pil så sroller teksten... jeg har nemlig lavet n meget smal side hvor den funktion ville hjælpe en del :o)


/MN
Avatar billede Tony Juniormester
29. august 2001 - 21:34 #1
Har du en e-mail, så skal jeg sende dig een ...
Avatar billede master_nemo Nybegynder
29. august 2001 - 21:34 #2
battle92@hotmail.com

/MN
Avatar billede Tony Juniormester
29. august 2001 - 21:37 #3
... er sendt

... hvis andre så smid jeres mail ...

/Tony
Avatar billede master_nemo Nybegynder
29. august 2001 - 21:42 #4
tony... ja det e meget fint, men der kommer så en scrollbar.. hvordan fjerner jeg den?.. det er jo den jeg vil undgå...


/MN
Avatar billede darkhero Nybegynder
29. august 2001 - 21:46 #5
raistlin@darkhero.net
Avatar billede Tony Juniormester
29. august 2001 - 21:50 #6
<body style=\"overflow:hidden;\">
Avatar billede master_nemo Nybegynder
29. august 2001 - 21:54 #7
og så pilene hele tiden er så man kan se dem?.. når den køre ned kan man ikke se up pilen?.. hvordan kan jeg gøre så de f.eks. er til venstre for teksten?.. så ketsten aatadig står i en lige linie?



/MN
Avatar billede master_nemo Nybegynder
29. august 2001 - 21:56 #8
glem det. fandt selv ud af noget :o)

/MN
Avatar billede master_nemo Nybegynder
29. august 2001 - 21:59 #9
hmm.. prøv at se her: har ik så meget forstand poå det, men pilene virker ike nu... :
<body background=\"images/nemo.gif\" bgproperties=\"fixed\" text=\"#FFFFFF\" link=\"red\" style=\"overflow:hidden;\">
<div id=\"item\">
<a href=\"java script:void(0)\" onMouseover=\"okscroll=true; godown=true\"
onMouseout=\"okscroll=false\"><img src=\"down.gif\" border=\"0\"></a><br>
</div>
<p><font face=\"Verdana, Arial, Helvetica, sans-serif\" color=\"#FDD09F\">Jeg er en
  dreng på 15 år, og jeg bor i Kbh. Jeg har gået 3 år til web design, og 1½ år
  til C++ og JAVA<br><br>Jeg bruger også en del tid,<br> på siden <a href=\"www.eksperten.dk\">www.eksperten.dk</a> som er en side<br> hvor man kan spørge og få svar på alt om IT.<br>
Blablablabla<br>
Blablablabla<br><div id=\"item\"><a href=\"java script:void(0)\"
onMouseover=\"okscroll=true; godown=false\" onMouseout=\"okscroll=false\"><img src=\"up.gif\"
border=\"0\"></a></div>
</font></p>
</body>

Det er det eneste jeg har ændret i..


/MN
Avatar billede master_nemo Nybegynder
29. august 2001 - 22:00 #10
ideen er at der skal være en pil i toppen og en i bunden...

/MN
Avatar billede mukanus Nybegynder
29. august 2001 - 22:10 #11
her er den bedste scroler man kan finde:
http://www.dhtmlcentral.com/script/script5.asp

lige nu skal man bare holde musen over tekst men du kan selv ændre det til billede.
download det hele her:
http://www.dhtmlcentral.com/script/script5.asp?download=5

se en demo af det her:
http://www.dhtmlcentral.com/script/script5_demo.html


// Mukanus
Avatar billede Tony Juniormester
29. august 2001 - 22:14 #12
>> master_nemo - arbejder på det ...
Avatar billede master_nemo Nybegynder
29. august 2001 - 22:23 #13
tony>>ok :o)

mukanus>> se på det her: er der fejl i det?.. der burde gøre at det ikke virker?.. som det ikke gør...


<html>

<head>

<title>Infense - About Me</title></head>

<script language=\"JavaScript\" type=\"text/javascript\">
/********************************************************************************** 
PageScroll
*  Copyright (C) 2001 <a href=\"/dhtmlcentral/thomas_brattli.asp\">Thomas Brattli</a>
*  This script was released at DHTMLCentral.com
*  Visit for more great scripts!
*  This may be used and changed freely as long as this msg is intact!
*  We will also appreciate any links you could give us.
*
*  Made by <a href=\"/dhtmlcentral/thomas_brattli.asp\">Thomas Brattli</a>
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=this.agent.indexOf(\"Opera 5\")>-1
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf(\"MSIE 6\")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf(\"Mac\")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=new lib_bwcheck()


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


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

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

/*********************************************************************************
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.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.height=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.top=b_gettop                                       
    return this
}
//Getting the top for the top method
function b_gettop(){
    var gleft=(bw.ns4 || bw.ns6)?parseInt(this.css.top):eval(this.css.pixelTop);
    return gleft;
}
//Variables
var scrollTim=1;
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].height+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(\'divScroll1\',\'divCont\')
    oScroll[1]=new    makeScrollObj(\'divScroll2\',\'divCont\')
    oScroll[2]=new    makeScrollObj(\'divScroll3\',\'divCont\')
    oScroll[3]=new    makeScrollObj(\'divScroll4\',\'divCont\')
    oScroll[0].css.visibility=\'visible\'
    oControl=new makeScrollObj(\'divControl\')
    oControl.css.visibility=\'visible\'
}
/*********************************************************************************
Executes the scrollInit function on pageload.
*********************************************************************************/
onload=scrollInit;
</script>
</HEAD>

<body background=\"images/nemo.gif\" bgproperties=\"fixed\" text=\"#FFFFFF\" link=\"red\" style=\"overflow:hidden;\">

<div id=\"divControl\">
<a href=\"#\" onmouseover=\"scroll(5)\" onmouseout=\"noScroll()\">up</a>
    <a href=\"#\" onmouseover=\"scroll(-5)\" onmouseout=\"noScroll()\">down</a>
</div>
<div id=\"divCont\">
    <div id=\"divScroll1\" class=\"clScroll\">

<p><font face=\"Verdana, Arial, Helvetica, sans-serif\" color=\"#FDD09F\">Jeg er en
  dreng på 15 år, og jeg bor i Kbh. Jeg har gået 3 år til web design, og 1½ år
  til C++ og JAVA<br><br>Jeg bruger også en del tid,<br> på siden <a href=\"www.eksperten.dk\">www.eksperten.dk</a> som er en side<br> hvor man kan spørge og få svar på alt om IT.<br>
Blablablabla<br>
Blablablabla<br>
Blablablabla<br>
Blablablabla<br></div>
</font></p>
</body>

</html>


/MN
Avatar billede Tony Juniormester
29. august 2001 - 22:27 #14
Nej pas :(

Problemet opstår når man skiller <div> (item) ad. Også selv om man laver en ny <div> item1 og sepererer pilene og tilhørende script i to seperate <div>. Desværre kan ikke lure den af ...
Avatar billede Tony Juniormester
29. august 2001 - 23:04 #15
Du kan sætte din tekst ind i mukanus scroller lige efter:
<div id=\"divScroll1\" class=\"clScroll\"> (linie 138) og inden </div>

... eller ind i en af de andre <div id=\"divScroll
Avatar billede limemedia Nybegynder
30. august 2001 - 02:21 #16
master_nemo >> du kunne have skrevet direkte *g*
Avatar billede keysersoze Ekspert
30. august 2001 - 07:26 #17
jeg har lavet det samme på www.soze.dk/ny - der kan vi måske finde ud af noget...
Avatar billede olebole Juniormester
30. august 2001 - 11:08 #18
<ole>
Nu er Thomas Brattli jo ikke ligefrem kendt for at skrive nettets bedste DHTML  :)
Denne er da også meget langt fra nettets bedste scroller, men indeholder fejl og mangler. Denne  her er af en noget anden klasse:
    http://www.ghtml.com/showoff/scrollbar/index.html
Den er skrevet af geeeet her fra Eksperten og er blevet lidt af en verdensberømthed, p.gr.a. sin meget høje grad af X-browser/X-platforms kompatibilitet. Check også de features, han har implementeret. Tag f.eks. fat slideren og scroll...eller klik et sted i scroll-skakten!
Ønsker du også at kunne loade HTML-filer ind i scrolleren, har jeg skrevet denne version:
    http://www.olebole.f2s.com/scroller/
De sider ,der loades ind, skal dog ligge under samme domæne som hoved-filen. Det er ikke noget problem i gode gamle NS4.x - men IE kan desværre ikke loade filer direkte i et <div>. Derfor skal man have scripting-adgang til de filer, der loades og det har man i JavaScript kun, hvis filerne ligger under samme domæne.
/mvh
</bole>
Avatar billede keysersoze Ekspert
06. september 2001 - 17:20 #19
har du fået lavet din scroller?
Avatar billede keysersoze Ekspert
23. november 2001 - 10:03 #20
????????
Avatar billede keysersoze Ekspert
02. december 2001 - 01:47 #21
åbenbart ikke...
Avatar billede Tony Juniormester
02. december 2001 - 10:01 #22
keyserszone >> Ja det er træls ... man ligger en masse arbejde for dagen og så kan knægten ikke en gang tage sig sammen til at svare.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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