Avatar billede eazye Nybegynder
31. maj 2004 - 04:11 Der er 7 kommentarer og
1 løsning

horisontalt scroll på iframe (anderledes)

Hey eksperter, så er den gal igen..

Jeg ville lige forsøge mig med noget iframe og noget scroll, da jeg kom i problemer, så jeg skulle lige høre om en af jer kendte svaret:

Jeg har en iframe med tekst i.. alt teksten skal stå i 1 linje, og ikke brydes ved linieskift, iframen er 100 bred.

i hver side af iframen har jeg en pil, som skal bruges til scroll..

det ser således ud:
< |........iframe........| >

hvordan er dette muligt? altså så de 2 pile hver scroller indholdet af iframe horisontalt når musen holdes ind over pilen. og også så teksten inde i iframen ikke brydes op, når det fylder mere end de 100 i bredden..

på forhånd tak

- EazyE
Avatar billede Slettet bruger
31. maj 2004 - 10:41 #1
http://javascript.internet.com/page-details/dhtml-scroller.html

Ovenstående giver et pænt overblik over en JavaScript iFrame scroller.
Det er ikke overdrevet interoperationelt og derfor egentlig ikke noget der kan erstatte en normal integreret scroller i en iFrame.
Avatar billede roenving Novice
31. maj 2004 - 11:38 #2
Eller også er det geeets:

http://www.ghtml.com/showoff/scrollbar/index.html

eller måske Rods:

http://rod.rant-on.net/ -- kig under dhtml ...
Avatar billede Slettet bruger
31. maj 2004 - 11:43 #3
Det var geeet han hed! ;)

Eazye > Roenving's er klart bedst.
Avatar billede eazye Nybegynder
31. maj 2004 - 13:24 #4
hmmm ok :) jeg ville gerne slippe for scrollbaren, så derfor er pacr00ns jo nok at foretrække.. men er det nemt at sætte op til at scrolleren virker "på langs" altså der er en "højre" og "venstre" i stedet for op og ned..?
Avatar billede roenving Novice
31. maj 2004 - 13:27 #5
Avatar billede eazye Nybegynder
31. maj 2004 - 13:36 #6
yes sir.. jeg havde vidst lige stirret mig blind i den scroller :) jeg prøver :)
Avatar billede eazye Nybegynder
31. maj 2004 - 14:05 #7
damn.. det er sgu ikke sådan ligetil at få til at virke... er det muligt at en af jer guru's ville lave et eksempel som kan tages i brug :) hvis jeg fyrer lidt ekstra pts oveni?
der skal ikke være nogen scroll-track, kun en pil i hver side af en iframe, som hver kan scrolle iframen's indhold i hver sin retning, når man holder musen over pilen.

på forhånd tak..
Avatar billede eazye Nybegynder
31. maj 2004 - 15:22 #8
Jeg har selv fundet frem til en løsning... Til jer der skulle være nysgerrige:


i hovedside.html:

<head>
<script type='text/javascript'>
<!-- // iframe scroll
var FART = 1;  // scroll hastighed, indstil selv nummer.
var timeHandle = 0;
var fart = 0;
var scrollVindue = null;
function scrollSet( nr ) {    // lovlige parametre er -1, 0, 1
  clearTimeout( timeHandle );
  if ( nr == 0 ) return;
  fart = nr*FART
  if ( document.all ) {
    scrollVindue = document.iframe1.document.iframe2;
  } else
  if ( document.getElementById ) {
    scrollVindue = document.getElementById('iframe1');
    if ( scrollVindue.contentWindow ) {
      scrollVindue = scrollVindue.contentWindow;
    }
    scrollVindue = scrollVindue.document.getElementById('iframe2');
    if ( scrollVindue.contentWindow ) {
      scrollVindue = scrollVindue.contentWindow;
    }
  } else return;
  scrollStep();
}; //end scrollSet( number )
function scrollStep( ) {    //
  scrollVindue.scrollBy( fart, 0 );
  timeHandle = setTimeout( "scrollStep()", 20 );
}; //end scrollStep( )
// -->
</script>
</head>
<body>
<img src="pil1.gif" onmouseover="scrollSet(-1)" onmouseout="scrollSet(0)" onclick="return false">
<iframe name="iframer1" id="iframe1" src="iframe1.html" width="200" height="20" frameborder="no" border="0" framespacing="0" scrolling="no"></iframe>
<img src="pil2.gif" onmouseover="scrollSet(1)" onmouseout="scrollSet(0)" onclick="return false">
</body>


i iframe1.html:

<body>
<iframe name="iframe2" id="iframe2" src="iframe2.html" width="200" height="20" scrolling="no" frameborder="no" border="0" framespacing="0"></iframe>
</body>


i iframe2.html:

<body>
Den&nbsp;tekst&nbsp;der&nbsp;skal&nbsp;scrolles.&nbsp;husk&nbsp;at&nbsp;mellemrum&nbsp;skal&nbsp;udskiftes&nbsp;med\&nbsp;
</body>


så skulle den vist være i vinkel :D håber der er andre der kan bruge den også :D
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

IT-JOB