Avatar billede engrob Nybegynder
29. november 2000 - 17:03 Der er 18 kommentarer og
2 løsninger

Resize i NS

Hvorfor kommer min hjemmeside til at se så underlig ud når jeg resizer vinduet i NS, og hvad kan jeg gøre ved det?
DIV\'ne bliver placeret helt forkert, og der kommer JavaScript fejl...
Avatar billede .stx Nybegynder
29. november 2000 - 17:24 #1
Hvad for et program bruger du !
Avatar billede engrob Nybegynder
29. november 2000 - 17:26 #2
Til hvad?
;)
Jeg skriver koderne i notepad
Avatar billede el_gnu Nybegynder
29. november 2000 - 20:13 #3
Der er en fejl i Netscape der gør at du er nødt til at reloade siden når du resizer
Avatar billede Trez Seniormester
29. november 2000 - 20:14 #4
Hej engrob,

prøv at bruge følgende JavaScript og se om ikke det hjælper.

<script language=\"JavaScript\">
<!--
function reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
    document.pgW=innerWidth; document.pgH=innerHeight; onresize=reloadPage; }}
  else if (innerWidth!=document.pgW || innerHeight!=document.pgH) location.reload();
}
reloadPage(true);
// -->
</script>

Hilsen

Trez
Avatar billede engrob Nybegynder
30. november 2000 - 14:34 #5
Tak el_gnu.

trez>>
Jeg har prøvet med sådan et script der, og den reloader også når man resizer NS, men det er bare som om det ikke rigtig hjælper. Hvad er det der er galt?
Avatar billede olebole Juniormester
30. november 2000 - 19:34 #6
<ole>
Eller endnu simplere:

<script language=\"JavaScript\">

function myResize() {

}

</script>
</bole>
Avatar billede olebole Juniormester
30. november 2000 - 19:39 #7
Det var satans...hvad skete...?!? Nu blev det vist liiiiiidt for simpelt *LOL*

<script language=\"JavaScript\">

function myResize() {
  if (document.layers) { document.location.href = document.location; }
}
window.onResize = myResize();

</script>

/mvh
Avatar billede engrob Nybegynder
30. november 2000 - 20:42 #8
*lol*

nå, men jeg har prøvet med begge scripts, og der er ingen af dem der gør siden pænere. Det hjælper heller ikke hvis jeg selv refresher.
Er det noget andet det er galt????
Avatar billede olebole Juniormester
30. november 2000 - 23:35 #9
Det lyder som om, det ligger i resten af din kode.
/mvh
Avatar billede engrob Nybegynder
03. december 2000 - 14:58 #10
Okay, nu er jeg lidt forvirret.
Jeg prøvede at bruge siden igen, og nu ser siden fin nok ud når jeg selv reloader, ingen af scriptene virker.

olebole>>
Dit script virker delvist, det vil sige at den reloader, men den reloader bare på en forkert måde. Når jeg går ind på siden så bliver den ved med at reloade af sig selv, også selv om jeg ikke resizer. Den holder ikke op!

Og jeg tror ikke det er koden den er gal med.
Avatar billede el_gnu Nybegynder
03. december 2000 - 22:29 #11
det skyldes vist en mindre typo fra olebole\'s side ;-)
Brug nedenstående i stedet

<script language=\"JavaScript\">

function myResize() {
  if (document.layers) { document.location.href = document.location; }
}
window.onResize = myResize;

</script>
Avatar billede olebole Juniormester
04. december 2000 - 18:03 #12
Årrrhhhhh...selvfølgelig, Gnu - der refereres til en metode...doooohhhh...!!! Dum fejl! :)
Avatar billede engrob Nybegynder
05. december 2000 - 14:29 #13
Okay det hjalp lidt. Nu er der i det mindste ikke javascript fejl, men det virker ikke som det gerne skulle.
Hvorfor kan jeg ikke få det til at virke, det virker jo hvis jeg selv reloader.
Avatar billede olebole Juniormester
05. december 2000 - 14:32 #14
Prøv at gi\' os en URL - ellers tror jeg, det bliver svært at komme nærmere.
/mvh
Avatar billede engrob Nybegynder
05. december 2000 - 15:02 #15
Er det i orden med koden?
Avatar billede engrob Nybegynder
05. december 2000 - 15:35 #16
Nå, her kommer koden:

----------------------------------------------------------------------
default.asp

<html>
<head>
<title>&nbsp;&#133;&#133;&#133;&#133;&#133;&#133;[rs1.0]&#133;&#133;&#133;&#133;&#133;&#133;</title>

<link rel=\"stylesheet\" href=\"styles.css\" type=\"text/css\">
<style type=\"text/css\">
<!--
A:link          {text-decoration:underline; color:#CDCDCD;}
A:active        {text-decoration:underline; color:#FF0000;}
A:visited      {text-decoration:underline; color:#CDCDCD;}
A:hover        {text-decoration:underline; color:#FFFFFF;}
//-->
</style>


<script type=\"text/javascript\" language=\"javascript\" src=\"jscriptet.js\"></script>

<script type=\"text/javascript\" language=\"javascript\">
<!-- ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

preload(\'mac\',\'images/mm.gif\')
preload(\'maco\',\'images/mm_over.gif\')

function init() {
      if (ns4) sl = document.sld
      if (ie4) sl = sld.style
             
      sl.ypos = parseInt(sl.top)
}

function slide() {
      if (sl.ypos < 58) {
              sl.ypos += 2
              sl.top = sl.ypos 
              setTimeout(\'slide()\',0)
      }
}

//-->
</script>

</head>

<body BGCOLOR=\"SLATEGRAY\" MARGINHEIGHT=\"0\" MARGINWIDTH=\"0\" TOPMARGIN=\"0\" LEFTMARGIN=\"0\" BACKGROUND=\"images/bg.gif\" onLoad=\"window.defaultStatus=\'R U B E N S side\'; init(); slide();\">



<table width=\"758\" height=\"20\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\">
  <tr>
      <td valign=\"bottom\" width=\"50%\"><font color=\"#FFFFFF\">Tirsdag&nbsp;d.&nbsp;5.12.2000</font></td>
      <td align=\"right\" valign=\"bottom\" width=\"50%\"><font color=\"#FFFFFF\">14:25:15</font></td>
  </tr>
</table>


<table border=\"0\" width=\"758\" cellpadding=\"3\" cellspacing=\"0\" align=\"center\" bgcolor=\"#990000\">
  <tr>
      <td>


        <table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#9999AA\">
            <tr>
              <td>


              <table width=\"100%\" cellpadding=\"3\" cellspacing=\"0\" border=\"0\">
                  <tr>
                    <td width=\"50%\" valign=\"top\" height=\"56\">

                    <a href=\"default.asp\" onmouseover=\"window.status=\'[ &#133; forsiden ]\'; return true;\"><img src=\"images/ruben.gif\" width=\"32\" height=\"32\" border=\"0\"></a><a href=\"default.asp\" onmouseover=\"window.status=\'[ &#133; forsiden ]\'; return true;\" style=\"text-decoration:none;\"><font color=\"#FFFFFF\" style=\"font-size:32px;\"><b>Rub</b></font><font color=\"#FF3300\" style=\"font-size:32px;\"><b>e</b></font><font color=\"#FFFFFF\" style=\"font-size:32px;\"><b>ns</b> </font><font color=\"#000000\" style=\"font-size:32px;\">side</font></a><br><img src=\"images/dot.gif\" width=\"5\" height=\"5\"></td>

                    <td width=\"50%\" valign=\"top\" align=\"right\" height=\"56\">

                    <OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 WIDTH=90 HEIGHT=50> <PARAM NAME=movie VALUE=flash/bed.swf> <PARAM NAME=salign VALUE=RT> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#9999AA> <EMBED src=flash/bed.swf quality=high bgcolor=#9999AA salign=RT wmode=transparent WIDTH=90 HEIGHT=50 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED></OBJECT></td>
                  </tr>
              </table>




<!-- INDHOLD -->

              <table cellpadding=\"3\" cellspacing=\"0\" border=\"0\" width=\"100%\">
                  <tr>
                    <td width=\"50\"></td>
                    <td valign=\"top\"><img src=\"images/df.gif\">
                    <br>
                    <font style=\"line-height:14px;\">
                    </font>
                    </td>
                   
                    <td width=\"160\" valign=\"top\">


                    <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
                        <tr>
                          <td>

                          <table width=\"160\" align=\"right\" cellpadding=\"1\" cellspacing=\"0\" border=\"0\" bgcolor=\"#FF0000\">
                              <tr>
                                <td>
                         
                                <table border=\"0\" cellpadding=\"3\" cellspacing=\"0\" width=\"100%\" background=\"images/ntablebg.gif\" bgcolor=\"#FFFFFF\">
                                    <tr>
                                      <td bgcolor=\"#FF3300\" style=\"filter:\'alpha(opacity=52)\';\">Nyheder</td>
                                    </tr>
                                    <tr>
                                      <td> 
                                      <img src=\"images/firkant.gif\"><br><br>
                                      <br>
                                      <a href=\"#\" onMouseOver=\"skiftBil(null,\'map\',\'maco\')\" onMouseOut=\"skiftBil(null,\'map\',\'mac\')\"><img src=\"images/mm.gif\" name=\"map\" align=\"left\" border=\"0\" WIDTH=\"26\" HEIGHT=\"32\"></a>
                                      <font color=\"#000000\">
                                      <br><br><br><br><br>
                                      </font>
                                      </td>
                                    </tr>
                                </table>
                         
                                </td>
                              </tr>                   
                          </table>




                          </td>
                        </tr>
                    </table>


                    </td>
                    <td width=\"2\"><img src=\"images/dot.gif\" width=\"2\" height=\"1\"></td>
                  </tr>
              </table>


              <br>
<!-- SLUT INDHOLD -->


              </td>
            </tr>
        </table>

      </td>
  </tr>
</table>


<table width=\"758\" cellpadding=\"3\" cellspacing=\"0\" align=\"center\">
  <tr>
      <td style=\"padding-left:70;\"><a href=\"mailto:rubens@e-mail.dk\" onMouseover=\"window.status=\'[ &#133; skriv til mig ]\'; return true;\" class=\"copy\"><img src=\"images/copy.gif\" border=\"0\" width=\"184\" height=\"5\"></a></td>
  </tr>
</table>


<div id=\"sld\" style=\"position:absolute; top:-14px; left:0; width:100%; height:14; background-color:#FFFFFF; layer-background-color:#FFFFFF; filter:\'alpha(opacity=35)\'; z-index:1;\">
<table width=\"100%\" height=\"100%\" cellpadding=\"1\" cellspacing=\"0\" border=\"0\" bgcolor=\"#FF3300\">
  <tr>
      <td>

      <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" bgcolor=\"#FFFFFF\">
        <tr>
            <td>&nbsp;
            </td>
        </tr>
      </table>

      </td>
  </tr>
</table>
</div>

<div id=\"news\" style=\"position:absolute; top:125; left:0; width:15; height:200; filter:\'alpha(opacity=80)\'; z-index:1;\">

<table width=\"15\" height=\"200\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
  <tr>
      <td>
      <a href=\"java script:void(null)\" onClick=\"gem(\'news\'); vis(\'newsthing\');\" onFocus=\"this.blur();\" onMouseOver=\"skiftBil(\'news\',\'nd\',\'bil4\'); window.status=\'[ &#133; åbn ]\'; return true;\" onMouseOut=\"skiftBil(\'news\',\'nd\',\'bil5\');\">
      <img name=\"nd\" src=\"images/news.gif\" border=\"0\"></a></td>
  </tr>
</table>

</div>


<div id=\"newsthing\" style=\"position:absolute; visibility:hidden; overflow:hidden; top:125; left:0; width:300; height:200; filter:\'alpha(opacity=80)\'; z-index:1;\">

<table width=\"300\" height=\"200\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
  <tr>
      <td width=\"285\" valign=\"top\" background=\"images/nfyld.gif\">

      <table width=\"100%\" height=\"100%\" cellpadding=\"2\" cellspacing=\"0\" border=\"0\">
      <tr>
      <td valign=\"top\">
      <font color=\"#000000\">     
      <a href=\"nyheder.asp\"><img src=\"images/blomst.gif\" width=\"44\" height=\"44\" border=\"0\"></a>
      <a href=\"nyheder.asp\"><img src=\"images/sko.gif\" width=\"44\" height=\"44\" border=\"0\"></a>

      </font>
      </td>
      </tr>
      </table>

      </td>   
      <td align=\"left\" width=\"15\" valign=\"top\">
      <a href=\"java script:void(null)\" onClick=\"gem(\'newsthing\'); vis(\'news\');\" onFocus=\"this.blur();\" onMouseOver=\"skiftBil(\'newsthing\',\'nt\',\'bil4\'); window.status=\'[ &#133; luk ]\'; return true;\" onMouseOut=\"skiftBil(\'newsthing\',\'nt\',\'bil5\');\">
      <img name=\"nt\" src=\"images/news.gif\" border=\"0\"></a></td>
  </tr>
</table>

</div>

</body>
</html>


-------------------------------------------------------------------------------

js-filen


ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function myResize() {
if (document.layers) { document.location.href = document.location; }
}
window.onResize = myResize;

function preload(imgObj,imgSrc) {
    if (document.images) {
        eval(imgObj+\' = new Image()\')
        eval(imgObj+\'.src = \"\'+imgSrc+\'\"\')
    }
}

function skiftBil(layer,imgName,imgObj) {
    if (document.layers && layer!=null)
eval(\'document.\'+layer+\'.document.images[\"\'+imgName+\'\"].src = \'+imgObj+\'.src\');
    else document.images[imgName].src = eval (imgObj+\".src\");
    }

preload(\'bil4\',\'images/news_over.gif\')
preload(\'bil5\',\'images/news.gif\')


if (ns4) l = \"&nbsp;<a class=skns href=\"
if (ie4) l = \"<a class=dl href=\"

function vis(id) {
      if (ns4) document.layers[id].visibility = \"show\"
      else if (ie4) document.all[id].style.visibility = \"visible\"
}

function gem(id) {
      if (ns4) document.layers[id].visibility = \"hide\"
      else if (ie4) document.all[id].style.visibility = \"hidden\"
}

document.write(\"<div id=mDiv>\")

document.write(\"<table height=100% width=100% cellspacing=0 cellpadding=0 border=0 bgcolor=#336699>\")
document.write(\"<tr>\")
document.write(\"<td>\")

document.write(\"<table height=100% width=771 cellspacing=0 cellpadding=0 border=0>\")
document.write(\"<tr><td bgcolor=#FF6600 background=images/opt.gif width=149><font color=white><b>&nbsp;OPTIONS::..&nbsp;</b></font></td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=100>\")
document.write(\"<a href=# class=menu onFocus=this.blur() onMouseover=vis(\'drop1\') onMouseout=gem(\'drop1\')>dhtml</a>\")
document.write(\"</td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=70>\")
document.write(\"<a href=# class=menu onFocus=this.blur() onMouseover=vis(\'drop2\') onMouseout=gem(\'drop2\')>asp</a>\")
document.write(\"</td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=27 bgcolor=white background=images/ttbg.gif></td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=120>\")
document.write(\"<a href=# class=menu onFocus=this.blur() onMouseover=vis(\'drop3\') onMouseout=gem(\'drop3\')>online webhjælp</a>\")
document.write(\"</td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=100>\")
document.write(\"<a href=# class=menu onFocus=this.blur() onMouseover=vis(\'drop4\') onMouseout=gem(\'drop4\')>design</a>\")
document.write(\"</td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=80>\")
document.write(\"<a href=# class=menu onFocus=this.blur() onMouseover=vis(\'drop5\') onMouseout=gem(\'drop5\')>hosting</a>\")
document.write(\"</td>\")

document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")
document.write(\"<td width=101>\")
document.write(\"<a href=kontakt.asp class=menu onFocus=this.blur() onMouseover=vis(\'drop6\') onMouseout=gem(\'drop6\')>kontakt</a>\")
document.write(\"</td>\")
document.write(\"<td width=3 bgcolor=black><img src=images/dot.gif height=1 width=1></td>\")

document.write(\"</tr>\")
document.write(\"</table>\")

document.write(\"</td>\")
document.write(\"</tr>\")
document.write(\"</table>\")

document.write(\"</div>\")


document.write(\"<div id=drop1 onmouseover=vis(\'drop1\') onmouseout=gem(\'drop1\')>\")
document.write(\"\"+l+\"#>T</a><br></div>\")

document.write(\"<div id=drop2 onmouseover=vis(\'drop2\') onmouseout=gem(\'drop2\')>\")
document.write(\"\"+l+\"#>T</a><br></div>\")

document.write(\"<div id=drop3 onmouseover=vis(\'drop3\') onmouseout=gem(\'drop3\')>\")
document.write(\"\"+l+\"#>rej</a><br></div>\")

document.write(\"<div id=drop4 onmouseover=vis(\'drop4\') onmouseout=gem(\'drop4\')>\")
document.write(\"\"+l+\"#>sho</a><br></div>\")

document.write(\"<div id=drop5 onmouseover=vis(\'drop5\') onmouseout=gem(\'drop5\')>\")
document.write(\"\"+l+\"#>ray</a><br></div>\")

document.write(\"<div id=drop6 onmouseover=vis(\'drop6\') onmouseout=gem(\'drop6\')>\")
document.write(\"\"+l+\"#><b>i</b></a><br></div>\")

-----------------------------------------------------------------------------

stylesheet-filen

body, td, div  {font-size:10px; font-family:verdana; color:white; margin:0;}
.kontakti      {border:\'2px solid white\'; font-family:verdana; font-size:10px; height:17px; width:169px; font-weight:bold; color:#FFFFFF; background-color:#FF6633;}
.kontaktt      {border:\'2px solid white\'; font-family:verdana; font-size:10px; color:#FFFFFF; background-color:#FF6633;}

#mDiv          {position:absolute; top:58px; left:0px; width:100%; height:14px; background:#336699; layer-background-color:#336699; border-style:\'solid\'; border-width:\'1px\'; border-left:\'0\'; border-right:\'0\'; border-color:\'black\'; filter:\'alpha(opacity=60)\'; z-index:2;}

#drop1          {position:absolute; visibility:hidden; top:71; left:149; width:106; background:#336699; layer-background-color:#336699; filter:\'alpha(opacity=65)\'; border:solid 3px black; border-top:1px black; z-index:20;}
#drop2          {position:absolute; visibility:hidden; top:71; left:252; width:140; background:#336699; layer-background-color:#336699; filter:\'alpha(opacity=65)\'; border:solid 3px black; border-top:1px black; z-index:20;}
#drop3          {position:absolute; visibility:hidden; top:71; left:355; width:126; background:#336699; layer-background-color:#336699; filter:\'alpha(opacity=65)\'; border:solid 3px black; border-top:1px black; z-index:20;}
#drop4          {position:absolute; visibility:hidden; top:71; left:478; width:106; background:#336699; layer-background-color:#336699; filter:\'alpha(opacity=65)\'; border:solid 3px black; border-top:1px black; z-index:20;}
#drop5          {position:absolute; visibility:hidden; top:71; left:581; width:106; background:#336699; layer-background-color:#336699; filter:\'alpha(opacity=65)\'; border:solid 3px black; border-top:1px black; z-index:20;}
#drop6          {position:absolute; visibility:hidden; top:71; left:664; width:106; background:#336699; layer-background-color:#336699; filter:\'alpha(opacity=65)\'; border:solid 3px black; border-top:1px black; z-index:20;}

A.copy          {text-decoration:none; color:#CCCCCC;}
A.copy:active  {text-decoration:none; color:#CC0000;}
A.copy:visited  {text-decoration:none; color:#CCCCCC;}
A.copy:hover    {text-decoration:none; color:#FFFFFF;}

A.menu:link    {text-decoration:none; color:#FFFFFF; width:100%; padding-left:4;}
A.menu:active  {text-decoration:none; color:red; width:100%; padding-left:4;}
A.menu:visited  {text-decoration:none; color:#FFFFFF; width:100%; padding-left:4;}
A.menu:hover    {text-decoration:none; color:#000000; width:100%; padding-left:4; background-color:lightblue;}

A.dl:link      {text-decoration:none; color:#FFFFFF; width:100%; padding-left:4; padding-top:1; padding-bottom:1; border-top:solid 1 #336699; border-bottom:solid 1 #336699;}
A.dl:active    {text-decoration:none; color:red; width:100%; padding-left:4; padding-top:1; padding-bottom:1; border-top:solid 1 #336699; border-bottom:solid 1 #336699;}
A.dl:visited    {text-decoration:none; color:#FFFFFF; width:100%; padding-left:4; padding-top:1; padding-bottom:1; border-top:solid 1 #336699; border-bottom:solid 1 #336699;}
A.dl:hover      {text-decoration:none; color:#000000; width:100%; padding-left:4; background-color:lightblue; padding-top:1; padding-bottom:1; border-top:solid 1 black; border-bottom:solid 1 black;}

A.skns:link    {text-decoration:none; color:#FFFFFF;}
A.skns:active  {text-decoration:none; color:red;}
A.skns:visited  {text-decoration:none; color:#FFFFFF;}
A.skns:hover    {text-decoration:none; color:#000000;}

A.news:link    {text-decoration:none; color:#333366;}
A.news:active  {text-decoration:none; color:#000000;}
A.news:visited  {text-decoration:none; color:#333366;}
A.news:hover    {text-decoration:none; color:#336699;}

Avatar billede engrob Nybegynder
09. december 2000 - 15:00 #17
Er det umuligt at lave eller skal i bare have flere point??
Avatar billede engrob Nybegynder
14. december 2000 - 15:53 #18
Nøøj, se. 100 points, er der nogen der gider hjælpe mig...?
Avatar billede engrob Nybegynder
19. december 2000 - 22:31 #19
Er der INGEN, der kan lave det??

Jeg vil meget gerne have noget hjælp...
Avatar billede engrob Nybegynder
02. januar 2001 - 17:17 #20
Nå, jeg lukker...
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