Avatar billede cozey Nybegynder
08. januar 2003 - 14:12 Der er 13 kommentarer og
1 løsning

Ved tryk på link, ændre indhold i anden boks... hvordan?

Hej.

Kig på denne side:
http://www.musikviden.dk/madviden/opskrifter.php

-Som der står på siden, skal det laves sådan så man trykker på en verdensdel, hvilket så skal få landene i denne verdensdel til at komme frem i boksen ved siden af... men hvordan laves dette?

PS. Jeg ved ikke om dette sp. hører til her ...?

på forhånd tak.

/Cozey
Avatar billede cozey Nybegynder
08. januar 2003 - 14:35 #1
Der må da være en som ved det ... :o)
Avatar billede jakobclausen Nybegynder
08. januar 2003 - 14:37 #2
Jeg ved ikke om du kender noget til layers, men det kan du i hvertfald bruge til at lave det med?
Avatar billede whatever Nybegynder
08. januar 2003 - 14:48 #3
Jeg har et lille eksempel på det her http://www.efusion.it/exp/302475.html
Avatar billede whatever Nybegynder
08. januar 2003 - 14:49 #4
Det benytter innerHTML, og dette gør at det ikke virker i gamle netscape browsere. Istedet innerHTML kunne du også bruge show/hide på nogen layers.
Avatar billede cozey Nybegynder
08. januar 2003 - 14:50 #5
whatever>>>
Det er præcis hvad jeg mener!!! ... Men kan du ikke lige hjælpe mig lidt mere, da jeg aner intet om javascript! ... Hvad skal ind i Head, og hvad skal hvad???
Avatar billede whatever Nybegynder
08. januar 2003 - 14:56 #6
Al javascripten skal ind imellem head-tagene.

I toppen af javascriptet står der nogle linier som ligner denne:

countries[1] = new Array ('1#Danmark','2#Sverige','3#Norge','10#Frankring')

Det er arrays for hver verdensdel. countries[1] 1 tallet er verdensdelens id, som skal passe til getCountries(1). I selve array står der ved hvert land f.eks. '1#Danmark' 1-tallet er landets id, som nok bruges når man klikker på et land. Men Danmark jo er landets navn. Javascriptet splitter strengen op ved # idet dataen skal udskrives.
Avatar billede cozey Nybegynder
08. januar 2003 - 18:31 #7
to spørgsmål...

1) Hvordan lægger jeg en font på landene, når de dukker op? ... skal det ind i <td>-scriptet? Og hvordan?

2) Hvilke browsere understøtter det? ... Er det browsere de fleste har?
Avatar billede cozey Nybegynder
08. januar 2003 - 18:38 #8
Glem sp. nr. 1 ... (Har klaret det), men derimod vil jeg gerne høre, om du kan lave koden om, så den istedet for at gøre det til et link, sætter en tjekboks ud for hvert land???
Avatar billede whatever Nybegynder
08. januar 2003 - 19:03 #9
Jeg har fikset det med checkboksene, se http://www.efusion.it/exp/302475.html
Avatar billede whatever Nybegynder
08. januar 2003 - 19:22 #10
Og med hensyn til browserene, ja så fungerer det i IE5+, NS6+ og Opera7 (beta2), og nyeste Mozilla. Om det virker i ældre udgaver af Mozilla kan jeg ikke sige, da jeg kun har den nyeste installeret. Men det burde virke i tidligere udgaver. Men hensyn til IE4, virker det når jeg tester lokalt, hvis html-filen ligger på mit webhotel, ja så virker det ikke :-(
Avatar billede cozey Nybegynder
09. januar 2003 - 00:07 #11
Lige et sidste sp.

Hvis du kigger på siden nu, så er checkboksene ikke lige ud for Lande-navnet! ... Dette kan man normalt løse ved at lægge dem er hver siden celle, og give den ene (Den med c-boksen) valign="top" og den med navnet "Bottom", men nu ligger de jo i en celle... ved du hvad man kan gøre ved det? ...
PS... jeg har givet dem en mindre size ...
Avatar billede cozey Nybegynder
09. januar 2003 - 00:20 #12
Hov... jeg lovede vist noget for tidligt ;)

Hvordan får jeg en submitknap frem efter landene? ... altså sådan en "Vis opskrifter"-knap?
Avatar billede whatever Nybegynder
09. januar 2003 - 14:37 #13
Prøv denne javascript kode istedet:

<script language="JavaScript" type="text/JavaScript">
<!--

var countries = new Array()
countries[1] = new Array ('1#Danmark','2#Sverige','3#Norge','10#Frankring')
countries[2] = new Array('50#Brasilien','99#Argentina','19#Bolivia')
countries[3] = new Array('55#test1')
countries[4] = new Array('55#test2')
countries[5] = new Array('55#test3')
countries[6] = new Array('55#test4')

var ns4 = (document.layers) ? true : false;
var ie4 = (document.all) ? true : false;
var ie5 =(document.getElementById)?  true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;

function get(id) {
  var obj = (ns4)? document.layers[id] : (ie4)? document.all[id] : document.getElementById(id);
  return obj;
}

function getCountries(id) {
  var obj = get('divCountry');
  var i = 0;
  var test = "<form action=\"\" method=\"post\">";
  test = test + "<tr><td align=\"center\"><table border=\"0\" width=\"154\" cellpadding=\"0\ cellspacing=\"0\">";
  for (i = 0; i < countries[id].length; i++) {
    arr_split = countries[id][i].split("#");
    test = test + "<tr><td><input type=\"checkbox\" name=\"country[]\" style=\"height:10px; width:10px;\" value=\"" + arr_split[0]  + "\"></td>";
    test = test + "<td valign=\"bottom\"><font size=\"1\">" + arr_split[1]  + "</font></td></tr>";
  }
  test = test + "<tr><td>&nbsp;</td>";
  test = test + "<td valign=\"bottom\"><input type=\"submit\" value=\"Vis opskrifter\" /></td></tr>";
  test = test + "</table></td></tr>";
  test = test + "</form>";
  obj.innerHTML = test;
}

//-->
</script>
Avatar billede cozey Nybegynder
09. januar 2003 - 15:22 #14
Jeg takker mange gange for hjælpen... det virker som det skal.
Her har du dine 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