Avatar billede sesam Nybegynder
02. april 2003 - 10:43 Der er 3 kommentarer og
1 løsning

Iframe som på tv2.dk

Hej
Jeg kunne godt tænke mig en iframe som på www.tv2.dk.
Dvs. en iframe der automatisk følger med ned når man scroller...
Avatar billede doodoo.dk Nybegynder
02. april 2003 - 10:44 #1
læs kilden på tv2.dk og find der ;)
Avatar billede -mundi- Nybegynder
02. april 2003 - 11:03 #2
<html>

<head>

<script language="JavaScript"><!--
function DOMGetElement(o) {
  if (document.getElementById) return document.getElementById(o);
  else if (document.all)            return document.all[o];
  else if (document.layers)          return document.layers[o];
  return null;
}

function DOMWindowGetXOffset() {
  if (document.all)            return document.body.scrollLeft;
  else if (document.getElementById)  return window.pageXOffset;
  else if (document.layers)          return window.pageXOffset;
}

function DOMWindowGetYOffset() {
  if (document.all)            return document.body.scrollTop;
  else if (document.getElementById)  return window.pageYOffset;
  else if (document.layers)          return window.pageYOffset;
}

function DOMElementSetTopPos(o,val) {
  if (document.getElementById) o.style.top = val;
  else if (document.all)      o.style.top = val;
  else if (document.layers)    o.pageY = val;
}

function DOMElementSetLeftPos(o,val) {
  if (document.getElementById) o.style.left = val;
  else if (document.all)      o.style.left = val;
  else if (document.layers)    o.pageX = val;
}

function DOMWindowGetInnerWidth() {
  if (document.all)          return document.body.clientWidth;
  else if (document.getElementById)  return window.innerWidth;
  else if (document.layers)          return window.innerWidth;
}

function DOMWindowGetInnerHeight() {
  if (document.all)          return document.body.clientHeight;
  else if (document.getElementById)  return window.innerHeight;
  else if (document.layers)          return window.innerHeight;
}

function DOMElementGetHeight(o) {
  if (document.all)                return o.clientHeight;
  else if (document.getElementById) return parseInt(o.offsetHeight);
  else if (document.layers)        return o.document.height;
}

function DOMElementGetWidth(o) {
  if (document.all)                return o.clientWidth;
  else if (document.getElementById) return parseInt(o.offsetWidth);
  else if (document.layers)        return o.document.width;
}

function pageOffset() {
  var o = DOMGetElement('o');
  if (o) {
    DOMElementSetLeftPos(o, DOMWindowGetXOffset() + DOMWindowGetInnerWidth() - DOMElementGetWidth(o) - 20);
    DOMElementSetTopPos(o, DOMWindowGetYOffset() + DOMWindowGetInnerHeight() - DOMElementGetHeight(o) - 20);
    setTimeout('pageOffset()',10);
  }
}
//--></script>

</head>

<body onLoad="pageOffset()">

<div id="o" style="position:absolute; background-color: #ffffff;"><b>&copy; <a href="http://www.irt.org/">irt.org</a></b></div>
<table><tr><td height="1500"></td></tr></table>
</body>
</html>

det er dog kun en div der scroller op og ned, men du kan jo bare smide en iframe ind i div'en
Avatar billede sesam Nybegynder
02. april 2003 - 11:09 #3
Hvorfor er den nede i højre hjørne?
Avatar billede -mundi- Nybegynder
02. april 2003 - 11:13 #4
fordi den er sat der :-)
her er den rettet til at være 20 px fra toppen

function pageOffset() {
  var o = DOMGetElement('o');
  if (o) {
    DOMElementSetLeftPos(o, DOMWindowGetXOffset() + DOMWindowGetInnerWidth() - DOMElementGetWidth(o) - 20);
    DOMElementSetTopPos(o, DOMWindowGetYOffset() +20);
    setTimeout('pageOffset()',10);
  }
}
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
Kurser inden for grundlæggende programmering

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