Avatar billede wondergirl Nybegynder
20. marts 2002 - 09:43 Der er 20 kommentarer og
1 løsning

scroll via 2 grafiske knapper

Hejsa

Jeg skal have lavet et lille galleri, hvor jeg har lavet to grafiske elementer (scrollop.gif og scrollned.gif). Nu kan i nok tænke jer til, hvad det skal, men for en sikkerheds skyld forklarer jeg lige lidt nærmere.

Jeg har lavet en tabel der er delt op, så der er nogle små billeder på en lang række. Men i stedet for at have en lang række, ville jeg gerne lave et layer eller en iframe, hvor mine to grafiske elementer gjore scroll arbejdet. Når musen er hen over ned-knappen skal den begynde at scrolle ned, og det modsatte ved op-knappen.

Jeg har ikke så meget tjek på layers og iframes, så det er nok et komplet script jeg er på udkig efter.

Nogen der kan hjælpe?

Bedste svar belønnes med 100 p
Avatar billede misbruger Nybegynder
20. marts 2002 - 09:46 #1
Her er det lækreste script.....
http://www.dhtmlcentral.com/script/script.asp?id=5
Avatar billede misbruger Nybegynder
20. marts 2002 - 09:47 #2
I det hele taget er http://www.dhtmlcentral.com et fremragende sted.
Al koden der inde er smukt og velfungerende...!
Avatar billede cthun Nybegynder
20. marts 2002 - 09:50 #3
<html>
<head>
<title>htx velkommen</title>
<style type="text/css">
#divControl{position:absolute; width:250; font-family:verdana; left:120; top:190; font-size:11px; visibility:hidden}
#divControl2{position:absolute; width:250; font-family:verdana; left:120; top:190; font-size:11px; visibility:hidden}
#divCont{position:absolute; top:250; left:120; clip:rect(0,250,150,0); height:150; width:250}
.clScroll{position:absolute; top:0; font-size:11px; left:0; font-family:verdana; visibility:hidden}
</style>
<script type="text/javascript" language="JavaScript">

//Default browsercheck, added to all scripts!
function checkBrowser(){
    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 checkBrowser()

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

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


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.ns5) ? eval(this.css.top):eval(this.css.pixelTop);
    return gleft;
}
//Variables
var scrollTim;
var active=0;

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)
    }
}

function noScroll(){
    clearTimeout(scrollTim)
}

function changeActive(num){
    oScroll[active].css.visibility='hidden'
    active=num
    oScroll[active].css.top=0
    oScroll[active].css.visibility='visible'
}

function scrollInit(){
    oScroll=new Array()
    oScroll[0]=new    makeScrollObj('divScroll1','divCont')
   
    oScroll[0].css.visibility='visible'
    oControl=new makeScrollObj('divControl')
    oControl.css.visibility='visible'

}

onload=scrollInit;
</script>

<link href="../style/style2.css">
</HEAD>
<BODY bgcolor="White">
<div id="divControl2" style="left: 397px; top: 40px; width: 30px; height: 300px; visibility: visible">
  <p align="right"><a href="#" onMouseOver="scroll(5)" onMouseOut="noScroll()"><img src="scrollop.gif" border="0" align="left"></a><br>
  </p>
  <p align="right">&nbsp;</p>
  <p align="right">&nbsp;</p>
  <p align="right">&nbsp;</p>
  <p align="right">&nbsp;</p>
  <p align="right">&nbsp;</p>
  <p align="right">&nbsp;</p>
  <p align="right">&nbsp;</p>
  <p align="right"><a href="#" onMouseOver="scroll(-5)" onMouseOut="noScroll()"><img src="scroll.gif" border="0" align="left"></a>
  </p>
</div>
<div id="divCont" style="left: 40px; top: 40px; width: 350; overflow: hidden; clip: rect(0 350 450 0); height: 350" class="txt">
  <div id="divScroll1" class="clScroll">
    <p><b>Velkommen til Teknisk Gymnasium Grenaa. </b></p>
    <p>Htx (højere teknisk eksamen) er den yngste og mest moderne af de gymnasiale
      uddannelser. Den har en markant teknologisk og naturfaglig profil, der i
      kombination med fokusering på kreativt samspil og personlig udvikling giver
      den studerende en både almendannende, erhvervsrettet og studieforberedende
      ballast af den allerbedste slags. <br>
      Pædagogisk er uddannelsen i høj grad præget af eksperi-menter, laboratorie-
      og projektarbejde. </p>
      <table><tr><td><img src="../images/htxvelk.jpg" width=201 height=53 alt="" border="0"></td></tr></table>
    <p>Kombinationen af teori og praksis, teknik og erhverv samt tværfaglige aktuelle
      projekter er en meget vigtig del af Htx, og uden tvivl grundstenen til den
      succes som Htx har haft både på landsplan og lokalt. <br>
      Teknisk Gymnasium i Grenaa har gennem de seneste &aring;r oplevet en stor elevtilgang og har pr. 1. januar 2002 165 elever.
    </p>
    <p>Teknisk Gymnasium Grenaa har særlige kompetencer og erfaringer i anvendelse
      af IT fra projekt IT-College Denmark, der blev oprettet i 1996. Disse erfaringer
      har været så positive, at vi siden 2001 har valgt at gøre alle
      Htx-klasser digitale. Det kan du se, høre og læse mere om på denne Htx-hjemmeside.
      Du vil også få mulighed for at få et lille indblik i uddannelsens fagrække
      og skolemiljøet, se billeder af skolens elever og lærere, læse om muligheder
      efter Htx og hente informationer om studievalget. </p>
    <p>Hvis du skulle have spørgsmål er du også meget velkommen til at kontakte
      undertegnede på tlf. 87582258 <br>
      <a href="mailto:aps@gts.dk"><font color="#006600">(mail: aps@gts.dk )</font></a>
      eller studievejleder <font color="#000000">Hanne Lind</font> på
      tlf. 87582248<font color="#006600"> </font><a href="mailto:hanne@gts.dk"><font color="#006600">(mail:
      hanne@gts.dk)</font></a><font color="#006600"> </font></p>
    <p>Med venlig hilsen <br>
      Anders Peter Hanberg Sørensen <br>
      Afdelingschef </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
 
  </div>
  <p>&nbsp;</p>
  </div>
</BODY>
</HTML>
Avatar billede cthun Nybegynder
20. marts 2002 - 09:53 #4
kald ovenstående main.html

lav en index.html:

<html>
<head>
</head>
<body>
<iframe name="mainframe" src="main.html"  height="400"  width="460"  frameborder="0" scrolling="no">
</body>
</html>
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:10 #5
cthun: man skulle næsten tro du gik på grenaa tekniske skole, siden du tyv-stjæler det derfra :-)
Avatar billede cthun Nybegynder
20. marts 2002 - 10:14 #6
Jamen... det er da det jeg gør *gg* :-)
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:15 #7
Er du ikke i praktik Thun?
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:17 #8
Nu bliver du nok nysgerrig...hvem er hun...uha uha. Verden er meget lille :-) Og jeg ved hvem du er *G* Vidste bare ikke du brugte eksperten.dk også.
Avatar billede cthun Nybegynder
20. marts 2002 - 10:18 #9
Hvad fanden??? Hvem har vi her??
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:20 #10
Det er mig Trine :-)
Avatar billede cthun Nybegynder
20. marts 2002 - 10:21 #11
Det skulle vel ikke være trine??
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:21 #12
Tak for hjælpen Thun.
Avatar billede cthun Nybegynder
20. marts 2002 - 10:21 #13
Tænkte det nok :-)

Går det godt??
Har du noget at rive i?
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:23 #14
Er du på ICQ?
Hvis ja, så lad os snakke der :-)

Sidder på: 102169130 lige nu.
Avatar billede cthun Nybegynder
20. marts 2002 - 10:24 #15
Jeg kan ikke køre icq her...

MSN???
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:24 #16
Du kan bare bruge: http://lite.icq.com/
Det gør jeg!
Avatar billede cthun Nybegynder
20. marts 2002 - 10:25 #17
Det har jeg prøvet... Jeg kan ikke bruge det pga. firewall
Avatar billede wondergirl Nybegynder
20. marts 2002 - 10:30 #18
Ok...jeg kunne godt bruge det på skolen, og har også firewall her på arbejdet, jeg kan godt bruge det. Det er blevet forbedret og styrket på mange måder.
Avatar billede =maddog= Nybegynder
20. marts 2002 - 11:36 #19
Ok jeg fatter ikke en bjælde. Wondergirl går på Grenaa Tekniske skole hvor der er et script hun skal bruge. Alligevel betaler hun cthun 100 smackers for det.
Avatar billede cthun Nybegynder
20. marts 2002 - 11:41 #20
Ser du mr. maddog... Vi går ikke på skole lige nu!
Hun vidste ikke scriptet var der.. Det vidste jeg... Hun bruger scriptet.. Jeg får points
Avatar billede =maddog= Nybegynder
20. marts 2002 - 12:36 #21
Jeg forstå sensei.
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