Søg
Avatar billede prodoc Nybegynder
08. april 2006 - 23:56 Der er 26 kommentarer og
1 løsning

1 side, 2 Iframes der scrolles af hver sin op/ned knap!

Hej allesammen,
jeg sidder lige nu og er ved at lave min egen lille hygge-hjemmeside... men så er jeg kommet til et problem som faktisk nu har taget meget af min dag!
Jeg har min hjemmeside (www.isyvsind.dk/temp) som på forsiden har 2 Iframes, hver især skal så have et sæt Scrollers (vertikale) som man scroller den enkelte Iframe med!
Jeg har prøvet flere scripts men er kommet frem til at den her er den bedste, men de to scroll-scripts blander sig sammen og jeg fatter ikke hvad jeg gør forkert!

<script type="text/javascript">
<!--
scrollPos = 0
speed=5
scrollMe=""

function scrollDown() {
clearTimeout(scrollMe)
scrollPos +=speed
window.frames["Main"].scrollTo(0,scrollPos)
scrollMe=setTimeout("scrollDown()",50)

if(scrollPos>window.frames["Main"].document.body.scrollHeight - (parseInt(document.getElementById("MainID").style.height)-10)){

scrollPos=window.frames["Main"].document.body.scrollHeight - (parseInt(document.getElementById("MainID").style.height)-10)
clearTimeout(scrollMe)

}

}

function scrollUp() {
clearTimeout(scrollMe)
scrollPos -=speed
window.frames["Main"].scrollTo(0,scrollPos)
scrollMe=setTimeout("scrollUp()",50)

if(scrollPos<speed){
scrollPos=0
clearTimeout(scrollMe)
}

}

function stopMe(){
clearTimeout(scrollMe)
}

// -->
</script>



--------------------------------------------------------------
Knap kode:
<a href="#null" onmouseover="scrollUp()" onmousedown="scrollUp(speed=5)" onmouseup="scrollUp(speed=1)" onmouseout="stopMe()">OP</a>

<a href="#null" onmouseover="scrollDown()" onmousedown="scrollDown(speed=5)" onmouseup="scrollDown(speed=1)" onmouseout="stopMe()">NED</a>

--------------------------------------------------------------
Iframe kode:
<iframe scrolling="no" height="232" width="165" frameborder="0" name="Submenu" id="SubmenuID" src="Submenu.html"></iframe>

Hvad er det jeg gør forkert! Skal jeg skrive noget specielt, jeg har prøvet at indsætte Javakoden 2 gange, men så omdøbe funktionerne, men uden held? Der er vel ikke een af jer der vil lave en eksempel kode med 2 Iframes med 2 sæt scrollknapper én til hver Iframe?
Avatar billede prodoc Nybegynder
08. april 2006 - 23:57 #1
Hov kan se at jeg selvfølgelig har indsat det forkerte Java script! Name og ID skal selvfølgelig være ens med a href kodens dvs. Submenu og SubmenuID :)
Avatar billede mclemens Nybegynder
09. april 2006 - 00:16 #2
den kigger jeg lige på ;)
Avatar billede mclemens Nybegynder
09. april 2006 - 00:29 #3
script til hoved indholdet:

<script type="text/javascript">
<!--
scrollPos = 0
speed=5
scrollMe=""

function scrollDown() {
clearTimeout(scrollMe)
scrollPos +=speed
window.frames["Main"].scrollTo(0,scrollPos)
scrollMe=setTimeout("scrollDown()",50)

if(scrollPos>window.frames["Main"].document.body.scrollHeight - (parseInt(document.getElementById("MainID").style.height)-10)){

scrollPos=window.frames["Main"].document.body.scrollHeight - (parseInt(document.getElementById("MainID").style.height)-10)
clearTimeout(scrollMe)

}

}

function scrollUp() {
clearTimeout(scrollMe)
scrollPos -=speed
window.frames["Main"].scrollTo(0,scrollPos)
scrollMe=setTimeout("scrollUp()",50)

if(scrollPos<speed){
scrollPos=0
clearTimeout(scrollMe)
}

}

function stopMe(){
clearTimeout(scrollMe)
}

// -->
</script>


a href's til hoved indholdet:

<a href="#null" onmouseover="scrollUp()" onmousedown="scrollUp(speed=5)" onmouseup="scrollUp(speed=1)" onmouseout="stopMe()">

<a href="#null" onmouseover="scrollDown()" onmousedown="scrollDown(speed=5)" onmouseup="scrollDown(speed=1)" onmouseout="stopMe()">





script til venstre menu:

<script type="text/javascript">
<!--
scrollPos2 = 0
speed=8
scrollMe2=""

function scrollDown2() {
clearTimeout(scrollMe2)
scrollPos2 +=speed
window.frames["Submenu"].scrollTo(0,scrollPos2)
scrollMe2=setTimeout("scrollDown2()",50)

if(scrollPos2>window.frames["Submenu"].document.body.scrollHeight - (parseInt(document.getElementById("SubmenuID").style.height)-10)){

scrollPos2=window.frames["Submenu"].document.body.scrollHeight - (parseInt(document.getElementById("SubmenuID").style.height)-10)
clearTimeout(scrollMe2)

}

}

function scrollUp2() {
clearTimeout(scrollMe2)
scrollPos2 -=speed
window.frames["Submenu"].scrollTo(0,scrollPos2)
scrollMe2=setTimeout("scrollUp2()",50)

if(scrollPos2<speed){
scrollPos2=0
clearTimeout(scrollMe2)
}

}

function stopMe2(){
clearTimeout(scrollMe2)
}

// -->
</script>



a href's til venster menu:

<a href="#null" onmouseover="scrollUp2()" onmousedown="scrollUp2(speed2=5)" onmouseup="scrollUp2(speed2=1)" onmouseout="stopMe2()">


<a href="#null" onmouseover="scrollDown2()" onmousedown="scrollDown2(speed2=5)" onmouseup="scrollDown2(speed2=1)" onmouseout="stopMe2()">
Avatar billede mclemens Nybegynder
09. april 2006 - 00:31 #4
...variabler og functioner til hver scroller skal med
et unikt navn hver for sig med det nuværende script setup ;)
Avatar billede mclemens Nybegynder
09. april 2006 - 00:32 #5
...skal angives med
et ...
Avatar billede mclemens Nybegynder
09. april 2006 - 00:34 #6
kigger lige på krydsning så vi sletter et af scriptene
Avatar billede mclemens Nybegynder
09. april 2006 - 01:59 #7
Det krydser for meget ind i hinanden kommer lige med et eksempel baseret
på et af mine scripts... men løsningen på problemet står jo i svaret :)
Avatar billede mclemens Nybegynder
09. april 2006 - 02:23 #8
Bemærk refresh speed kan øges/sænkes i ms for at gøre scroll mere hakkende/flydende og scroll antal pixels (scrollvalue) kan justeres individuelt for hver frame og knap onmouseout skal bare sætte scrollspeed til 0 ;)
(baseret på denne her: http://www.eksperten.dk/spm/697572 )

Scriptet:

<script type="text/javascript">
<!--

refreshspeed=10;

curpage="";
scrollvalue=0;
window.onload=scrollme;
function scrollme(){
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
setTimeout("scrollme();",refreshspeed);
}

//-->
</script>


a href til opad på Submenu:
<a href="#null" onmouseover="curpage='Submenu';scrollvalue=-1;" onmousedown="scrollvalue=-5;" onmouseup="scrollvalue=-1;" onmouseout="scrollvalue=0;">

a href til nedad på Submenu:
<a href="#null" onmouseover="curpage='Submenu';scrollvalue=1;" onmousedown="scrollvalue=5;" onmouseup="scrollvalue=1;" onmouseout="scrollvalue=0;">



a href til opad på Main:
<a href="#null" onmouseover="curpage='Submenu';scrollvalue=-1;" onmousedown="scrollvalue=-5;" onmouseup="scrollvalue=-1;" onmouseout="scrollvalue=0;">


a href til nedad på Main:
<a href="#null" onmouseover="curpage='Submenu';scrollvalue=1;" onmousedown="scrollvalue=5;" onmouseup="scrollvalue=1;" onmouseout="scrollvalue=0;">
Avatar billede prodoc Nybegynder
09. april 2006 - 10:43 #9
Helt Perfekt!! Nu virker det sgu havde lige en ting eller to jeg ændrede lidt på plus det med navnet i Main :) men ellers perfekt... og så er det jo ingen kode i forhold til det andet... det eneste jeg skal bruge er jo det her (copy/paste):
Scriptet:

<script type="text/javascript">
<!--

refreshspeed=10;

curpage="";
scrollvalue=0;
window.onload=scrollme;
function scrollme(){
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
setTimeout("scrollme();",refreshspeed);
}

//-->
</script>


a href til opad på Submenu:
<a href="#null" onmouseover="curpage='Submenu';scrollvalue=-1;" onmousedown="scrollvalue=-5;" onmouseup="scrollvalue=-1;" onmouseout="scrollvalue=0;">

a href til nedad på Submenu:
<a href="#null" onmouseover="curpage='Submenu';scrollvalue=1;" onmousedown="scrollvalue=5;" onmouseup="scrollvalue=1;" onmouseout="scrollvalue=0;">



a href til opad på Main:
<a href="#null" onmouseover="curpage='Main';scrollvalue=-1;" onmousedown="scrollvalue=-5;" onmouseup="scrollvalue=-1;" onmouseout="scrollvalue=0;">


a href til nedad på Main:
<a href="#null" onmouseover="curpage='Main';scrollvalue=1;" onmousedown="scrollvalue=5;" onmouseup="scrollvalue=1;" onmouseout="scrollvalue=0;">



Bare lige til hvis andre i fremtiden skulle være i tvivl!
Avatar billede mclemens Nybegynder
09. april 2006 - 10:51 #10
Nåh, ja ;D jeg kom til at skrive submenu på main knapperne også :P
- Rart at du kunne bruge scriptet ;)
- og takker for point :)
Avatar billede prodoc Nybegynder
13. april 2006 - 00:22 #11
Jeg har faktisk et lille tillægs spm... du/I ved vel ikke om/hvordan det er muligt at gøre det sådan at hvis scrolling er auto og så ved scrolling = nødvendig så viser den et billede og ved scrolling = unødvendig så viser den et andet billede?
Avatar billede mclemens Nybegynder
13. april 2006 - 02:53 #12
sådan her?
refreshspeed2 er antal ms der går mellem tjek
om scroll billedet skal vises eller ej...

Du skal bruge disse 4 billeder:
noscrolltop.jpg , bottomscroll.jpg
noscrolltop.jpg , noscrollbottom.jpg

og her er 4 img tags til at starte med:

<img id="Submenust" src="topscroll.jpg" border="0" height="15" width="59">
<img id="Submenusb" src="bottomscroll.jpg" border="0" height="15" width="59">

<img id="Mainst" src="topscroll.jpg" border="0" height="15" width="59">
<img id="Mainst" src="bottomscroll.jpg" border="0" height="15" width="59">

^ ret evt. dem til noscrolltop.jpg og noscrollbottom.jpg
hvis det er ellers går der refreshspeed2 milisekunder inden de skiftes

...virker det ?


<script type="text/javascript">
<!--

refreshspeed=10;
refreshspeed2=1000;

curpage="";
scrollvalue=0;
scrollheight=new Array();
scrollpages=new Array("MainID","SubmenuID");
chkvar=true;

window.onload=function(){

setInterval("scrollme();",refreshspeed);

for(ri=0;ri<scrollpages.length;ri++)scrollheight[ri]=document.getElementById(scrollpages[ri]).scrollHeight;

setInterval("scrollhigh();",refreshspeed2);

}

function scrollme(){ 
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
}

function scrollhigh(){
for(ri=0;ri<scrollpages.length;ri++){
  cntmpt=document.getElementById(scrollpages[ri].replace("ID","st"));
  cntmpb=document.getElementById(scrollpages[ri].replace("ID","sb"));
  if(+window.frames[(scrollpages[ri].replace("ID",""))].document.body.scrollHeight>+scrollheight[ri])chkvar=true;else chkvar=false;
  cntmpt.src=(chkvar)?cntmpt.src.replace("noscrolltop.jpg","topscroll.jpg"):cntmpt.src.replace("topscroll.jpg","noscrolltop.jpg");
  cntmpb.src=(chkvar)?cntmpb.src.replace("noscrollbottom.jpg","bottomscroll.jpg"):cntmpb.src.replace("bottomscroll.jpg","noscrollbottom.jpg");
}
}

//-->
</script>
Avatar billede mclemens Nybegynder
13. april 2006 - 13:40 #13
Den kan selvfølgelig også få en js style.display="none"; hvis
billedet bare skal blive usynligt istedet for at skifte... og
herefter en style.display="block" når den så skal vises...
Avatar billede mclemens Nybegynder
13. april 2006 - 14:01 #14
Du skal bruge disse 4 billeder:
noscrolltop.jpg , bottomscroll.jpg
noscrolltop.jpg , noscrollbottom.jpg

skulle have været ->

Du skal bruge disse 4 billeder:
topscroll.jpg , bottomscroll.jpg
noscrolltop.jpg , noscrollbottom.jpg
Avatar billede prodoc Nybegynder
14. april 2006 - 11:00 #15
Kigger lige på det søndag.. sidder i PåskeIdyl hos mine forældre lige i disse dage... :) men skal nok lige kigge på det... :) snarest muligt
Avatar billede prodoc Nybegynder
16. april 2006 - 19:49 #16
Synes ikke rigtig jeg kan få det til at funke?? Hvad gør jeg forkert?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Thomas Mortensens hjemmeside</title>
<script type="text/javascript">
<!--

refreshspeed=10;
refreshspeed2=1000;

curpage="";
scrollvalue=0;
scrollheight=new Array();
scrollpages=new Array("MainID","SubmenuID");
chkvar=true;

window.onload=function(){

setInterval("scrollme();",refreshspeed);

for(ri=0;ri<scrollpages.length;ri++)scrollheight[ri]=document.getElementById(scrollpages[ri]).scrollHeight;

setInterval("scrollhigh();",refreshspeed2);

}

function scrollme(){ 
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
}

function scrollhigh(){
for(ri=0;ri<scrollpages.length;ri++){
  cntmpt=document.getElementById(scrollpages[ri].replace("ID","st"));
  cntmpb=document.getElementById(scrollpages[ri].replace("ID","sb"));
  if(+window.frames[(scrollpages[ri].replace("ID",""))].document.body.scrollHeight>+scrollheight[ri])chkvar=true;else chkvar=false;
  cntmpt.src=(chkvar)?cntmpt.src.replace("noscrolltop.jpg","topscroll.jpg"):cntmpt.src.replace("topscroll.jpg","noscrolltop.jpg");
  cntmpb.src=(chkvar)?cntmpb.src.replace("noscrollbottom.jpg","bottomscroll.jpg"):cntmpb.src.replace("bottomscroll.jpg","noscrollbottom.jpg");
}
}

//-->
</script>

</head>
<body background="Grafik/Background_Overall.gif" topmargin="40">
<center>
<table width="860" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Frame_Topbar.jpg" width="860" height="93" border="0" /></td>
  </tr>
  <tr>
    <td>
    <table width="860" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="89"><img src="Grafik/Frame_LeftBar.jpg" /></td>
    <td width="165">
    <table width="165" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Menu_Top.jpg" width="165" height="26" border="0" /><br />
        <img src="Grafik/Menu_Media_Left.jpg" width="49" height="17" border="0" /><a href="Media.html"><img src="Grafik/Menu_Media_Button.jpg" width="37" height="17" border="0" /></a><img src="Grafik/Menu_Media_Right.jpg" width="79" height="17" border="0" /><br />
<img src="Grafik/Menu_Projekter_Left.jpg" width="47" height="18" border="0" /><a href="Projekter.html"><img src="Grafik/Menu_Projekter_Button.jpg" width="72" height="18" border="0" /></a><img src="Grafik/Menu_Projekter_Right.jpg" width="46" height="18" border="0" /><br />
<img src="Grafik/Menu_Tanker_Left.jpg" width="45" height="14" border="0" /><a href="Tanker.html"><img src="Grafik/Menu_Tanker_Button.jpg" width="42" height="14" border="0" /></a><img src="Grafik/Menu_Tanker_Right.jpg" width="78" height="14" border="0" /><br />
<img src="Grafik/Menu_Mig_Left.jpg" width="44" height="11" border="0" /><a href="Mig.html"><img src="Grafik/Menu_Mig_Button.jpg" width="21" height="11" border="0" /></a><img src="Grafik/Menu_Mig_Right.jpg" width="100" height="11" border="0" /><br />
<img src="Grafik/Menu_Andet_Left.jpg" width="45" height="17" border="0" /><a href="Andet.html"><img src="Grafik/Menu_Andet_Button.jpg" width="46" height="17" border="0" /></a><img src="Grafik/Menu_Andet_Right.jpg" width="74" height="17" border="0" /><br />
    </td>
  </tr>
  <tr>
    <td><img src="Grafik/SubMenu_TopScroll_Left.jpg" width="53" height="15" border="0" /><img id="Submenust" src="Grafik/SubMenu_TopScroll_Button.jpg" border="0" height="15" width="59"><img src="Grafik/SubMenu_TopScroll_Right.jpg" width="53" height="15" border="0" /></td>
  </tr>
  <tr>
    <td width="165" height="232">
    <iframe scrolling="no" height="232" width="165" frameborder="0" name="Submenu" id="SubmenuID" src="Submenu_Nyheder.asp"></iframe>
    </td>
  </tr>
  <tr>
    <td><img src="Grafik/SubMenu_BottomScroll_Left.jpg" width="54" height="15" border="0" /><img id="Submenusb" src="Grafik/SubMenu_BottomScroll_Button.jpg" border="0" height="15" width="59"><img src="Grafik/SubMenu_BottomScroll_Right.jpg" height="15" width="52" border="0" /></td>
  </tr>
  <tr>
    <td height="129"><img src="Grafik/Frame_BottomLeft.jpg" width="165" height="129" border="0" /></td>
  </tr>
</table>

    </td>
    <td width="27"><img src="Grafik/Frame_MiddleBar.jpg" height="494" width="27" border="0"></td>
    <td width="278">
    <table width="165" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Main_TopScroll_Left.jpg" width="209" height="15" border="0" /><img id="Mainst" src="Grafik/Main_TopScroll_Button.jpg" border="0" height="15" width="59"><img src="Grafik/Main_TopScroll_Right.jpg" width="210" height="15" border="0" /></td>
  </tr>
  <tr>
    <td background="Grafik/Main_Background.jpg" width="478" height="464">
    <iframe height="464" width="478" frameborder="0" name="Main" id="MainID" scrolling="no" src="Main.asp"></iframe>
    </td>
  </tr>

  <tr>
    <td><img src="Grafik/Main_BottomScroll_Left.jpg" width="209" height="15" border="0" /><img id="Mainst" src="Grafik/Main_BottomScroll_Button.jpg" border="0" height="15" width="59"><img src="Grafik/Main_BottomScroll_Right.jpg" height="15" width="210" border="0" /></td>
  </tr>
</table>

    </td>
    <td width="101"><img src="Grafik/Frame_RightBar.jpg" /></td>
  </tr>
</table>

   
    </td>
  </tr>
  <tr>
    <td><img src="Grafik/Frame_Bottombar.jpg" width="860" height="95" border="0" /></td>
  </tr>
</table>

<body>
</body>
</html>
Avatar billede mclemens Nybegynder
16. april 2006 - 20:03 #17
tror fejlen ligger i at du ikke har navngivet billederne som i http://www.eksperten.dk/spm/701619#rid6205398 ... men kigger på den om lidt ...
Avatar billede mclemens Nybegynder
16. april 2006 - 20:14 #18
du har slettet <a href'erne ... samt ikke navngivet det billede der skal ligge inden i a href'en rigtig kommer lige med et færdigt test eksempel baseret på dit normale site lidt senere...
Avatar billede mclemens Nybegynder
16. april 2006 - 20:20 #19
hmm, melder fejl stadig... kigger lige på hvad den bliver sur over :/
Avatar billede prodoc Nybegynder
16. april 2006 - 20:22 #20
tak :)
Avatar billede mclemens Nybegynder
16. april 2006 - 20:27 #21
har fundet den en lille fejl på de img's der skulle indsættes
<img id="Mainst" src="bottomscroll.jpg" border="0" height="15" width="59">
-> skulle have været med andet id
<img id="Mainsb" src="bottomscroll.jpg" border="0" height="15" width="59">

... kommer lige med færdig eksempel men opret disse 4 filer (lav en kopie af de nuværende scrollbilleder og omdøb dem til scroll navnene og lav en border som skal bruges istedet for scrollbilledet når der ikke skal være en scroller... disse 4 billeder:

topscroll.jpg , bottomscroll.jpg
noscrolltop.jpg , noscrollbottom.jpg

(du kan selvfølgelig også rette navnene i scriptet så de passer..)
Avatar billede mclemens Nybegynder
16. april 2006 - 20:31 #22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Thomas Mortensens hjemmeside</title>
<script type="text/javascript">
function twoLinks(link1,link2){
  parent.Submenu.location.href = link1;
  parent.Main.location.href = link2;
}
</script>

<script type="text/javascript">
<!--

refreshspeed=10;

curpage="";
scrollvalue=0;
window.onload=scrollme;
function scrollme(){
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
setTimeout("scrollme();",refreshspeed);
}

//-->
</script>
<script type="text/javascript">
<!--

refreshspeed=10;
refreshspeed2=1000;

curpage="";
scrollvalue=0;
scrollheight=new Array();
scrollpages=new Array("MainID","SubmenuID");
chkvar=true;

window.onload=function(){

setInterval("scrollme();",refreshspeed);

for(ri=0;ri<scrollpages.length;ri++)scrollheight[ri]=document.getElementById(scrollpages[ri]).scrollHeight;

setInterval("scrollhigh();",refreshspeed2);

}

function scrollme(){
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
}

function scrollhigh(){
for(ri=0;ri<scrollpages.length;ri++){
  cntmpt=document.getElementById(scrollpages[ri].replace("ID","st"));
  cntmpb=document.getElementById(scrollpages[ri].replace("ID","sb"));
  if(+window.frames[(scrollpages[ri].replace("ID",""))].document.body.scrollHeight>+scrollheight[ri])chkvar=true;else chkvar=false;
  cntmpt.src=(chkvar)?cntmpt.src.replace("noscrolltop.jpg","topscroll.jpg"):cntmpt.src.replace("topscroll.jpg","noscrolltop.jpg");
  cntmpb.src=(chkvar)?cntmpb.src.replace("noscrollbottom.jpg","bottomscroll.jpg"):cntmpb.src.replace("bottomscroll.jpg","noscrollbottom.jpg");
}
}

//-->
</script>

</head>
<body background="Grafik/Background_Overall.gif" topmargin="40">
<center>
<table width="860" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td><img src="Grafik/Frame_TopBar_1.jpg" width="860" height="18" border="0" /><br />
    <img src="Grafik/Frame_TopBar_2_Left.jpg" width="141" height="29" border="0" /><img src="Grafik/Frame_TopBar_2_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Nyheder.asp','Main_Forside.asp');" width="25" height="29" border="0" /><img src="Grafik/Frame_TopBar_2_Right.jpg" width="694" height="29" border="0" /><br />
    <img src="Grafik/Frame_TopBar_3.jpg" width="860" height="46" border="0" /></td>
  </tr>
  <tr>
    <td>
    <table width="860" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="89"><img src="Grafik/Frame_LeftBar.jpg" width="89" height="494" border="0"></td>

    <td width="165">
    <table width="165" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Menu_Top.jpg" width="165" height="26" border="0" /><br />
        <img src="Grafik/Menu_Media_Left.jpg" width="49" height="17" border="0" /><img src="Grafik/Menu_Media_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Media.asp','Main_Media.asp');" width="37" height="17" border="0" /><img src="Grafik/Menu_Media_Right.jpg" width="79" height="17" border="0" /><br />
<img src="Grafik/Menu_Projekter_Left.jpg" width="47" height="18" border="0" /><img src="Grafik/Menu_Projekter_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Projekter.asp','Main_Projekter.asp');" width="72" height="18" border="0" /><img src="Grafik/Menu_Projekter_Right.jpg" width="46" height="18" border="0" /><br />
<img src="Grafik/Menu_Tanker_Left.jpg" width="45" height="14" border="0" /><img src="Grafik/Menu_Tanker_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Tanker.asp','Main_Tanker.asp');" width="42" height="14" border="0" /><img src="Grafik/Menu_Tanker_Right.jpg" width="78" height="14" border="0" /><br />
<img src="Grafik/Menu_Mig_Left.jpg" width="44" height="11" border="0" /><img src="Grafik/Menu_Mig_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Mig.asp','Main_Mig.asp');" width="21" height="11" border="0" /><img src="Grafik/Menu_Mig_Right.jpg" width="100" height="11" border="0" /><br />
<img src="Grafik/Menu_Andet_Left.jpg" width="45" height="17" border="0" /><img src="Grafik/Menu_Andet_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Andet.asp','Main_Andet.asp');" width="46" height="17" border="0" /><img src="Grafik/Menu_Andet_Right.jpg" width="74" height="17" border="0" /><br />
    </td>
  </tr>

  <tr>
    <td><img src="Grafik/SubMenu_TopScroll_Left.jpg" width="53" height="15" border="0" /><a href="#null" onmouseover="curpage='Submenu';scrollvalue=-1;" onmousedown="scrollvalue=-10;" onmouseup="scrollvalue=-2;" onmouseout="scrollvalue=0;"><img id="Submenust" src="topscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/SubMenu_TopScroll_Right.jpg" width="53" height="15" border="0" /></td>
  </tr>
  <tr>
    <td width="165" height="232">
    <iframe scrolling="no" height="232" width="165" frameborder="0" name="Submenu" id="SubmenuID" src="Submenu_Nyheder.asp"></iframe>
    </td>
  </tr>

  <tr>
    <td><img src="Grafik/SubMenu_BottomScroll_Left.jpg" width="54" height="15" border="0" /><a href="#null" onmouseover="curpage='Submenu';scrollvalue=1;" onmousedown="scrollvalue=10;" onmouseup="scrollvalue=2;" onmouseout="scrollvalue=0;"><img id="Submenusb" src="bottomscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/SubMenu_BottomScroll_Right.jpg" height="15" width="52" border="0" /></td>
  </tr>
  <tr>
    <td height="129"><img src="Grafik/Frame_BottomLeft.jpg" width="165" height="129" border="0" /></td>
  </tr>
</table>

    </td>
    <td width="27"><img src="Grafik/Frame_MiddleBar.jpg" height="494" width="27" border="0"></td>

    <td width="278">
    <table width="165" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Main_TopScroll_Left.jpg" width="209" height="15" border="0" /><a href="#null" onmouseover="curpage='Main';scrollvalue=-5;" onmousedown="scrollvalue=-10;" onmouseup="scrollvalue=-5;" onmouseout="scrollvalue=0;"><img id="Mainst" src="topscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/Main_TopScroll_Right.jpg" width="210" height="15" border="0" /></td>
  </tr>
  <tr>
    <td background="Grafik/Main_Background.jpg" width="478" height="464">
    <iframe height="464" width="478" frameborder="0" name="Main" id="MainID" scrolling="no" src="Main_Forside.asp"></iframe>

    </td>
  </tr>

  <tr>
    <td><img src="Grafik/Main_BottomScroll_Left.jpg" width="209" height="15" border="0" /><a href="#null" onmouseover="curpage='Main';scrollvalue=5;" onmousedown="scrollvalue=10;" onmouseup="scrollvalue=5;" onmouseout="scrollvalue=0;"><img id="Mainsb" src="bottomscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/Main_BottomScroll_Right.jpg" height="15" width="210" border="0" /></td>
  </tr>
</table>

    </td>
    <td width="101"><img src="Grafik/Frame_RightBar.jpg" /></td>

  </tr>
</table>

   
    </td>
  </tr>
  <tr>
    <td><img src="Grafik/Frame_Bottombar.jpg" width="860" height="95" border="0" /></td>
  </tr>
</table>

</body>

</html>
Avatar billede prodoc Nybegynder
16. april 2006 - 20:33 #23
Heh tak... men jeg har jo 4 forskellige billeder, altså SubTop SubBund, MainTop, MainBund, og så alle 4 igen med noscroll..
Avatar billede prodoc Nybegynder
16. april 2006 - 20:38 #24
(Det er fordi det ikke bare er en knap.. men én med en slags "transparent-lignende" baggrund... :)
Avatar billede mclemens Nybegynder
16. april 2006 - 20:46 #25
ok :P
- kigger på at ændre scriptet lidt senere ...
Avatar billede mclemens Nybegynder
16. april 2006 - 21:25 #26
SubmenuIDtopscroll.jpg
SubmenuIDnotopscroll.jpg

SubmenuIDbottomscroll.jpg
SubmenuIDnobottomscroll.jpg

samt

MainIDtopscroll.jpg
MainIDnotopscroll.jpg

MainIDbottomscroll.jpg
MainIDnobottomscroll.jpg

og html om et lille stykke tid :P...
Avatar billede mclemens Nybegynder
16. april 2006 - 21:29 #27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Thomas Mortensens hjemmeside</title>
<script type="text/javascript">
function twoLinks(link1,link2){
  parent.Submenu.location.href = link1;
  parent.Main.location.href = link2;
}
</script>

<script type="text/javascript">
<!--

refreshspeed=10;
refreshspeed2=1000;

curpage="";
scrollvalue=0;
scrollheight=new Array();
scrollpages=new Array("MainID","SubmenuID");
chkvar=true;

window.onload=function(){

setInterval("scrollme();",refreshspeed);

for(ri=0;ri<scrollpages.length;ri++)scrollheight[ri]=document.getElementById(scrollpages[ri]).scrollHeight;

setInterval("scrollhigh();",refreshspeed2);

}

function scrollme(){
if(curpage!="")window.frames[curpage].scrollBy(0,scrollvalue);
}

function scrollhigh(){
for(ri=0;ri<scrollpages.length;ri++){
  cntmpt=document.getElementById(scrollpages[ri].replace("ID","st"));
  cntmpb=document.getElementById(scrollpages[ri].replace("ID","sb"));
    if(+window.frames[(scrollpages[ri].replace("ID",""))].document.body.scrollHeight>+scrollheight[ri])chkvar=true;else chkvar=false;
  cntmpt.src=(chkvar)?cntmpt.src.replace(scrollpages[ri]+"notopscroll.jpg",scrollpages[ri]+"topscroll.jpg"):cntmpt.src.replace(scrollpages[ri]+"topscroll.jpg",scrollpages[ri]+"notopscroll.jpg");
  cntmpb.src=(chkvar)?cntmpb.src.replace(scrollpages[ri]+"nobottomscroll.jpg",scrollpages[ri]+"bottomscroll.jpg"):cntmpb.src.replace(scrollpages[ri]+"bottomscroll.jpg",scrollpages[ri]+"nobottomscroll.jpg");

}
}

//-->
</script>

</head>
<body background="Grafik/Background_Overall.gif" topmargin="40">
<center>
<table width="860" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td><img src="Grafik/Frame_TopBar_1.jpg" width="860" height="18" border="0" /><br />
    <img src="Grafik/Frame_TopBar_2_Left.jpg" width="141" height="29" border="0" /><img src="Grafik/Frame_TopBar_2_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Nyheder.asp','Main_Forside.asp');" width="25" height="29" border="0" /><img src="Grafik/Frame_TopBar_2_Right.jpg" width="694" height="29" border="0" /><br />
    <img src="Grafik/Frame_TopBar_3.jpg" width="860" height="46" border="0" /></td>
  </tr>
  <tr>
    <td>
    <table width="860" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="89"><img src="Grafik/Frame_LeftBar.jpg" width="89" height="494" border="0"></td>

    <td width="165">
    <table width="165" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Menu_Top.jpg" width="165" height="26" border="0" /><br />
        <img src="Grafik/Menu_Media_Left.jpg" width="49" height="17" border="0" /><img src="Grafik/Menu_Media_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Media.asp','Main_Media.asp');" width="37" height="17" border="0" /><img src="Grafik/Menu_Media_Right.jpg" width="79" height="17" border="0" /><br />
<img src="Grafik/Menu_Projekter_Left.jpg" width="47" height="18" border="0" /><img src="Grafik/Menu_Projekter_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Projekter.asp','Main_Projekter.asp');" width="72" height="18" border="0" /><img src="Grafik/Menu_Projekter_Right.jpg" width="46" height="18" border="0" /><br />
<img src="Grafik/Menu_Tanker_Left.jpg" width="45" height="14" border="0" /><img src="Grafik/Menu_Tanker_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Tanker.asp','Main_Tanker.asp');" width="42" height="14" border="0" /><img src="Grafik/Menu_Tanker_Right.jpg" width="78" height="14" border="0" /><br />
<img src="Grafik/Menu_Mig_Left.jpg" width="44" height="11" border="0" /><img src="Grafik/Menu_Mig_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Mig.asp','Main_Mig.asp');" width="21" height="11" border="0" /><img src="Grafik/Menu_Mig_Right.jpg" width="100" height="11" border="0" /><br />
<img src="Grafik/Menu_Andet_Left.jpg" width="45" height="17" border="0" /><img src="Grafik/Menu_Andet_Button.jpg" style="cursor:pointer" onclick= "twoLinks('Submenu_Andet.asp','Main_Andet.asp');" width="46" height="17" border="0" /><img src="Grafik/Menu_Andet_Right.jpg" width="74" height="17" border="0" /><br />
    </td>
  </tr>

  <tr>
    <td><img src="Grafik/SubMenu_TopScroll_Left.jpg" width="53" height="15" border="0" /><a href="#null" onmouseover="curpage='Submenu';scrollvalue=-1;" onmousedown="scrollvalue=-10;" onmouseup="scrollvalue=-2;" onmouseout="scrollvalue=0;"><img id="Submenust" src="Grafik/SubmenuIDtopscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/SubMenu_TopScroll_Right.jpg" width="53" height="15" border="0" /></td>
  </tr>
  <tr>
    <td width="165" height="232">
    <iframe scrolling="no" height="232" width="165" frameborder="0" name="Submenu" id="SubmenuID" src="Submenu_Nyheder.asp"></iframe>
    </td>
  </tr>

  <tr>
    <td><img src="Grafik/SubMenu_BottomScroll_Left.jpg" width="54" height="15" border="0" /><a href="#null" onmouseover="curpage='Submenu';scrollvalue=1;" onmousedown="scrollvalue=10;" onmouseup="scrollvalue=2;" onmouseout="scrollvalue=0;"><img id="Submenusb" src="Grafik/SubmenuIDbottomscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/SubMenu_BottomScroll_Right.jpg" height="15" width="52" border="0" /></td>
  </tr>
  <tr>
    <td height="129"><img src="Grafik/Frame_BottomLeft.jpg" width="165" height="129" border="0" /></td>
  </tr>
</table>

    </td>
    <td width="27"><img src="Grafik/Frame_MiddleBar.jpg" height="494" width="27" border="0"></td>

    <td width="278">
    <table width="165" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Grafik/Main_TopScroll_Left.jpg" width="209" height="15" border="0" /><a href="#null" onmouseover="curpage='Main';scrollvalue=-5;" onmousedown="scrollvalue=-10;" onmouseup="scrollvalue=-5;" onmouseout="scrollvalue=0;"><img id="Mainst" src="Grafik/MainIDtopscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/Main_TopScroll_Right.jpg" width="210" height="15" border="0" /></td>
  </tr>
  <tr>
    <td background="Grafik/Main_Background.jpg" width="478" height="464">
    <iframe height="464" width="478" frameborder="0" name="Main" id="MainID" scrolling="no" src="Main_Forside.asp"></iframe>

    </td>
  </tr>

  <tr>
    <td><img src="Grafik/Main_BottomScroll_Left.jpg" width="209" height="15" border="0" /><a href="#null" onmouseover="curpage='Main';scrollvalue=5;" onmousedown="scrollvalue=10;" onmouseup="scrollvalue=5;" onmouseout="scrollvalue=0;"><img id="Mainsb" src="Grafik/MainIDbottomscroll.jpg" border="0" height="15" width="59" /></a><img src="Grafik/Main_BottomScroll_Right.jpg" height="15" width="210" border="0" /></td>
  </tr>
</table>

    </td>
    <td width="101"><img src="Grafik/Frame_RightBar.jpg" /></td>

  </tr>
</table>

   
    </td>
  </tr>
  <tr>
    <td><img src="Grafik/Frame_Bottombar.jpg" width="860" height="95" border="0" /></td>
  </tr>
</table>

</body>

</html>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
35 min siden Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
White papers
Flere white papers »