Avatar billede peanut2000 Nybegynder
10. juni 2005 - 17:06 Der er 10 kommentarer og
1 løsning

problemer med script til skærmopløsning

Hej Eksperter

Mit problem er at jeg har en menu i javascript, som bliver loaded i body. den bliver placeret via moveTo(x,y), mit problem er så at jeg har lavet en side via tabeller hvor jeg centrere min yderste tabel som har str 780px, problemet er så at når opløsningen ændres så kommer min menu til at stå uden for mine tabeller.

Har følgende:

function init() {

  // Get width of window, need to account for scrollbar width in Netscape.

  fullWidth = getWindowWidth()
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

  myNavBar1.resize(780);
  myNavBar1.create();
  myNavBar1.setAlign("center");
 
  myNavBar1.setzIndex(2);
  if ( screen.width=1024 || screen.height>=768 )
  myNavBar1.moveTo(100,100);
  else
  myNavBar1.moveTo(240,100);

}

jeg prøver at lave et script som hvis opløsningen er det så skal myNavBar1.moveTo(100,100), ellers skal den være myNavBar1.moveTo(240,100), men det virker ikke, hvad gør jeg forkert???

Vil kun tage højde for opløsningerne 1024x768 og 1280x800
Avatar billede baitianlong Nybegynder
10. juni 2005 - 20:38 #1
Prøv at arbejde med screen.availWidth og screen.availHeight i stedet for. De virker nok lidt bedre. :)
Avatar billede roenving Novice
11. juni 2005 - 00:05 #2
Det er en rigtig dårlig ide at bruge flytning eller resize af vinduer, brug i stedet tilpasninger til brugerens vindue !-)

-- du kan i hvert fald være sikker på, at jeg _aldrig_ nogensinde mere vil besøge dit site, hvis du forsøger at overtage kontrollen med min browser !o]
Avatar billede peanut2000 Nybegynder
11. juni 2005 - 01:21 #3
ok men kan i ikke komme med et eksempel på hvordan, er i tvivl om hvordan koden skal sættes op?
Avatar billede olebole Juniormester
11. juni 2005 - 02:03 #4
<ole>

Vi andre kender ikke din kode og kan derfor sige endnu mindre om, hvordan den skal sættes op  :)

/mvh
</bole>
Avatar billede roenving Novice
11. juni 2005 - 08:30 #5
-- og jeg skal da selvfølgelig beklage, at jeg misforstod det derhen, at du ville flytte vinduer og ikke menubar ...

-- men som regel er sådanne ting placeret absolut, så måske kan du sørge for at skrive det ind i en celle, og sætte placeringen i forhold til cellen ved at positionere denne:

<td style="position:relative;">
  Her skal menu-koden så sætte indholdet !-)
  Måske script-kaldet her ?-)</td>
Avatar billede peanut2000 Nybegynder
11. juni 2005 - 13:24 #6
Min menu ser ud som følgende:
                           
<script language="JavaScript" src="navcond.js"></script>
<script language="JavaScript">

/*
Top Navigational Bar II (By Mike Hall)
Last updated: 00/05/08
Permission granted and modified by Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below

dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Hjem", "default.aspx"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Nyheder", "VisNyhed2.aspx"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Produkter", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Windows Applikationer", "windows_applicationer.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Web Applikationer", "web_applicationer.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(130, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Referencer", "referencer.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Profil", "profil.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Kontakt", "Kontakt.html"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors("000000", "#ffffff", "#000000", "#ffffff", "#0099CC", "#ffffff", "#8DCEF1", "#ffffff", "#0099CC")

//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")

var fullWidth;

function init() {

  // Get width of window, need to account for scrollbar width in Netscape.

  fullWidth = getWindowWidth()
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

  myNavBar1.resize(780);
  myNavBar1.create();
  myNavBar1.setAlign("center");
 
  myNavBar1.setzIndex(2);
  //if ( screen.width=1024 || screen.height>=768 ) then
  myNavBar1.moveTo(100,100);
  //if ( screen.width=1280 || screen.height>=800 ) then
  //myNavBar1.moveTo(240,100);
  //UNCOMMENT BELOW LINE TO MOVE MENU DOWN 50 pixels
  //myNavBar1.moveTo(0, 50);
}
</script>

Hvor myNavBar1.moveTo(100,100); bestemmer placering, og er den ikke sat er den som default 0,0.

Min side ligner lidt eksperten med en tom left, rigth og så selve indholdet i midten, problemet er nu at menuen flytter sig alt efter opløsning, hvad gør jeg hvis jeg vil bruge ovenstående kode???
Avatar billede roenving Novice
11. juni 2005 - 14:09 #7
Nu var det ikke lige den, jeg havde brug for at se, men den anden .js-fil ...

-- men godt du ikke smed den her, for den fylder jo liiige en smule !-)

-- og de nedslående nyheder er, at den for det første ikke er kompatibel med DOM ifølge w3c anno 1998, så den vil kun du i IE, nogle Operaer samt i Netscape 4, men ikke i andre nyere browsere og at den desuden vil skide på, hvad du gør for at placere den et bestemt sted ...

-- man kan gøre noget med at hente placeringen af den celle, du godt vil have den indeni, men er det besværet værd, hvis den alligevel ikke dur i mange browsere ?-)
Avatar billede peanut2000 Nybegynder
11. juni 2005 - 14:30 #8
hmm måske ikke, men så skal jeg bruge noget hjælp til et program der kan lave en menu der ligner den på www.zaz.dk eller noget kode og en forklaring.
Avatar billede peanut2000 Nybegynder
11. juni 2005 - 14:31 #9
sys det er en pæn menu de har lavet, så bare noget der minder om
Avatar billede roenving Novice
11. juni 2005 - 14:41 #10
Den menu ser ud til at være lavet med Dreamweavers menu-plugin !-)

-- men du kan også prøve at kigge på den, som bruges her på sitet, coolmenu: http://www.dhtmlcentral.com/projects/coolmenus/ !o]
Avatar billede peanut2000 Nybegynder
15. juli 2005 - 23:32 #11
Har selv løst problemet
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