Avatar billede alca Nybegynder
03. april 2006 - 01:27 Der er 13 kommentarer og
1 løsning

Scroll funktion

Okay jeg er ved at lave den her side:
http://www.blaabjerg.org/danskfltutorial/

Jeg ved godt jeg ikke har lavet noget med cssen, og at borderen er grim, men lad os lige se bort fra det.

Der hvor der er en tabel på siden (hvor borderen er tydlig), er indholdet. Det er en iframe hvor indholdet åbnes i et andet html dokument. Jeg vil ikke have at der skulle være en af windows scroll bars indeni, så jeg tænkte det nok var det bedste at lave mine egne? Det eneste problem er at de ikke virker. Det er meningen at den skal scrolle når man holder musen over pilen nedaf, og det gør den ikke. Det underlige er dog, at hvis man kun åbner det html dokument som den åbener i iframen, for sig selv, så virker scroll funktionen fint! Se selv:

http://www.blaabjerg.org/danskfltutorial/tutorials/tut1.html

Er der nogle, der ud fra kildekoden, kan finde løsningen på mit problem? Så ville jeg blive super taknemlig!

mvh
Emil Lyngbo
Avatar billede mclemens Nybegynder
03. april 2006 - 01:59 #1
prøv

  function initialize(){
  if (window.scrollspeed!=0){
  speed=window.scrollspeed
  scrollwindow()

... bemærk parent er slettet ...
- det er nemmere at teste hvis der var adgang til undersiden fra forsiden...

... dog vil jeg anbefale at knapperne til at scrolle med placeres i hoved siden hvor iframen er defineret i f.eks. en div placeret lige til højre for iframen...

her er en jeg lavede: http://www.eksperten.dk/spm/697572
- bemærk main refererer i dette script til framen/iframen på hovedsiden med navnet main... det burde også være muligt at gøre det samme med dit script... så er du fri for at scrollknapperne flytter sig når siden gør :)
Avatar billede mclemens Nybegynder
03. april 2006 - 09:00 #2
hov dumme mig jeg skulle bare trykke på forsiden :P
... troede det var forsiden jeg var på :P
Avatar billede mclemens Nybegynder
03. april 2006 - 09:04 #3
jo, det hjalp at slette parent, men siden rykker sig nu... så hvis scroll funktionen blev lagt på hovedsiden til højre for iframen med rettelse i scriptet til:

function initialize(){
  if (window.content.scrollspeed!=0){
  speed=window.content.scrollspeed
  scrollwindow()

ville scrollknapperne ikke scrolle med op :P
Avatar billede mclemens Nybegynder
03. april 2006 - 09:11 #4
... det virkede ikke lige helt ...
Avatar billede alca Nybegynder
05. april 2006 - 00:16 #5
Hmm nej.. det virkede ikke helt.. Jeg kan godt få den til at scrolle inde i i framet nu, men hvad skal jeg gøre, hvis jeg vil have den til at lægge ude i min hoved side - index siden - og så stadig få indholdet i iframen til at scrolle?
Avatar billede mclemens Nybegynder
05. april 2006 - 00:19 #6
prøver igen...
Avatar billede mclemens Nybegynder
05. april 2006 - 00:24 #7
forsiden (slet den på undersiden)

<script language="JavaScript1.2">

  var speed, currentpos=curpos1=0,alt=1,curpos2=-1

  function initialize(){
  if (window.content.scrollspeed!=0){
  speed=window.content.scrollspeed
  scrollwindow()
  }
  }

  function scrollwindow(){
  temp=(document.all)? window.content.document.body.scrollTop : window.pageYOffset
  alt=(alt==0)? 1 : 0
  if (alt==0)
  curpos1=temp
  else
  curpos2=temp

  window.content.scrollBy(0,speed)
  }

  setInterval("initialize()",10)

  </script>
Avatar billede mclemens Nybegynder
05. april 2006 - 00:30 #8
kigger lige på at flytte scrolleren :P
Avatar billede mclemens Nybegynder
05. april 2006 - 00:38 #9
håber du kan se hvor jeg har skåret...
tables er ikke lige min specialitet så det kan godt være designet skal tilrettes lidt... husk at rette colspans op fra 3 til 4 :)

<script language="JavaScript1.2">

  var speed, currentpos=curpos1=0,alt=1,curpos2=-1

  function initialize(){
  if (window.scrollspeed!=0){
  speed=window.scrollspeed
  scrollwindow()
  }
  }

  function scrollwindow(){
  temp=(document.all)? window.content.document.body.scrollTop : window.pageYOffset
  alt=(alt==0)? 1 : 0
  if (alt==0)
  curpos1=temp
  else
  curpos2=temp

  window.content.scrollBy(0,speed)
  }

  setInterval("initialize()",10)

  </script>


samt:
...

<td valign="top">

<iframe width="530" name="content" height="600" scrolling="no" frameborder="0" align="top" src="forside.html"></iframe>


</td>

<td valign="top" width="20">


<a href="#" onmouseover="scrollspeed=2" onmouseout="scrollspeed=0"><img

src="forside_data/scroll_down.gif" border="0"></a>


</td>

<td valign="top" width="2">

...
Avatar billede mclemens Nybegynder
05. april 2006 - 00:39 #10
ovenstående er hovedsiden hvor iframesene er på :)
Avatar billede alca Nybegynder
05. april 2006 - 01:17 #11
YEssseessss!!! YEESSS! :D:D:D YESS! :D
Nu virker lortet fandme endelig! Jo tak :)
Avatar billede mclemens Nybegynder
05. april 2006 - 01:34 #12
super her er et svar ;)
Avatar billede alca Nybegynder
05. april 2006 - 01:53 #13
Mange tak for hjælpen.. Fantastisk ;)
Avatar billede mclemens Nybegynder
05. april 2006 - 02:07 #14
- tak for karma 8)
- tak for point :)
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