Avatar billede peterterkildsen Nybegynder
04. juli 2001 - 14:45 Der er 4 kommentarer

Positionering af select box

Jeg har en select box, som jeg gerne vil opdatere dynamisk, når indholdet af en anden select box ændres. Jeg kan også få det til at fungere i IE, men når det kommer til Netscape 4.7, så volder det store problemer.
Jeg har en fornemmelse af, at mine problemer skyldes, at man ikke kan positionere en select box absolut i NS 4.7. Kan det passe?
Avatar billede jakoba Nybegynder
04. juli 2001 - 14:52 #1
Det skulle da ikke være det der gør den svær at opdatere. Måske svær at addressere hvis den ligger inde i et layer.
Kode?
Avatar billede peterterkildsen Nybegynder
04. juli 2001 - 15:05 #2

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
<title>test</title>
   

<STYLE type=\"text/css\">
#selectBoxWeekday {
    POSITION:absolute;
    TOP:500;
    LEFT:500;
}
</STYLE>

</head>

<BODY>

<form action=\"noway.html\" method=\"post\" name=\"this_page\">

<DIV ID=\"selectBoxType\">
<select name=\"type\" onchange=\"doChangeType()\">
<option value=\"1\">value 1</option>
<option value=\"2\">value 2</option>
<option value=\"3\">value 3</option>
<option value=\"4\">value 4</option>
</select></div>


<DIV ID=\"selectBoxWeekday\"><select name=\"ugedag\">
<option value=\"1\">value 1</option>
<option value=\"2\">value 2</option>
<option value=\"3\">value 3</option>
</select></DIV>

<DIV ID=\"inputImageSize\">
Spalter (1-8): <input type=\"text\" name=\"spalter\" value=\"\" onchange=\"resizeImage(document.picture); void(0)\"><br>
Millimeter (10-520): <input type=\"text\" name=\"millimeter\" value=\"\" onchange=\"resizeImage(document.picture); void(0)\"><br>
<br>
</DIV>
<DIV ID=\"DynamicPicture\">
<img src=\"buttons/icons/doc.gif\" width=\"32\" height=\"33\" border=\"0\" alt=\"\" name=\"picture\"></div>
</form>


</body>
</html>
Avatar billede peterterkildsen Nybegynder
04. juli 2001 - 15:08 #3
sorry.....det var ikke det hele, der kom med...check dette i stedet:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
<title>test</title>
       
<SCRIPT LANGUAGE=\"javascript\">

function doChangeType() {
        dag_id = new Array(9);
o_id = new Array(9);
dag_id[0] = \"1\";
o_id[0] = \"1\";
dag_id[1] = \"2\";
o_id[1] = \"1\";
dag_id[2] = \"3\";
o_id[2] = \"1\";
dag_id[3] = \"1\";
o_id[3] = \"2\";
dag_id[4] = \"1\";
o_id[4] = \"3\";
dag_id[5] = \"2\";
o_id[5] = \"3\";
dag_id[6] = \"1\";
o_id[6] = \"4\";
dag_id[7] = \"2\";
o_id[7] = \"4\";
dag_id[8] = \"4\";
o_id[8] = \"4\";
dag_id_ugedag = new Array(4);
dag_id_ugedag[1] = \"Hverdag\";
dag_id_ugedag[2] = \"Søndag\";
dag_id_ugedag[3] = \"Kombi\";
dag_id_ugedag[4] = \"JobTotal\";
        var i = 0;
        var k = 0;
        match = new Array();
        while (o_id[i]) {
                // Is the value of the changed select box in the array?
                if (o_id[i]==document.this_page.type.value) {
                        match[k] = dag_id[i];
                        k++;
                }
                i++;
        }

        i=0;
        var html = \"\";
        while (match[i]) {
                html += \"\\n<option value=\\\"\" + match[i] + \"\\\">\" + dag_id_ugedag[match[i]] + \"</option>\";
                i++;
        }
       
       
    if (document.all){
        document.all[\"selectBoxWeekday\"].innerHTML = html;
    }
    else if (document.layers) {
          document.layers[\"selectBoxWeekday\"].document.open();
          document.layers[\"selectBoxWeekday\"].document.write(html);
          document.layers[\"selectBoxWeekday\"].document.close();
    }
}

function resizeImage (imageOrImageName) {
        var widthUnits = 20;
        var allowedMaxUnits = 8;
        var allowedMaxWidth = allowedMaxUnits * widthUnits;
        var allowedMaxHeight = 520;
        var allowedMinUnits = 1;
        var allowedMinWidth = allowedMinUnits * widthUnits;
        var allowedMinHeight = 10;     
        var width;
        var height;
       
        // Has the user entered anything ??
        if (document.this_page.spalter.value>0) {
                width = document.this_page.spalter.value * widthUnits;
        }
        // If not then read picture width
        else {
                width = document.picture.width;
        }
       
        // Has the user entered anything ??   
        if (document.this_page.millimeter.value>0) {
                height = document.this_page.millimeter.value;
        }
        // If not then read picture height
        else {
                height = document.picture.height;
        }     

        // Is the submitted value valid?
        if (width>=allowedMinWidth && width<=allowedMaxWidth && height>=allowedMinHeight && height<=allowedMaxHeight) {

          var image = typeof imageOrImageName == \'string\' ?
                        document[imageOrImageName] : imageOrImageName;
          if (document.layers) {
            image.currentWidth = width;
            image.currentHeight = height;
            var layerWidth = image.width > width ? image.width : width;
            var layerHeight = image.height > height ? image.height : height;
            if (!image.overLayer) {
              var l = image.overLayer = new Layer(layerWidth);
            }
            var l = image.overLayer;
            l.bgColor = document.bgColor;
            l.clip.width = layerWidth;
            l.clip.height = layerHeight;
            l.left = image.x;
            l.top = image.y;
            var html = \'\';
            html += \'<IMG SRC=\"\' + image.src + \'\"\';
            html += image.name ? \' NAME=\"overLayer\' + image.name + \'\"\' : \'\';
            html += \' WIDTH=\"\' + width + \'\" HEIGHT=\"\' + height + \'\">\';
            l.document.open();
            l.document.write(html);
            l.document.close();
            l.visibility = \'show\';
          }
          else {
            image.width = width;
            image.height = height;
          }
        }
}


</script>

<STYLE type=\"text/css\">
#selectBoxWeekday {
    POSITION:absolute;
    TOP:500;
    LEFT:500;
}
</STYLE>

</head>

<BODY>

<form action=\"noway.html\" method=\"post\" name=\"this_page\">

<DIV ID=\"selectBoxType\">
<select name=\"type\" onchange=\"doChangeType()\">
<option value=\"1\">value 1</option>
<option value=\"2\">value 2</option>
<option value=\"3\">value 3</option>
<option value=\"4\">value 4</option>
</select></div>


<DIV ID=\"selectBoxWeekday\"><select name=\"ugedag\">
<option value=\"1\">value 1</option>
<option value=\"2\">value 2</option>
<option value=\"3\">value 3</option>
</select></DIV>

<DIV ID=\"inputImageSize\">
Spalter (1-8): <input type=\"text\" name=\"spalter\" value=\"\" onchange=\"resizeImage(document.picture); void(0)\"><br>
Millimeter (10-520): <input type=\"text\" name=\"millimeter\" value=\"\" onchange=\"resizeImage(document.picture); void(0)\"><br>
<br>
</DIV>
<DIV ID=\"DynamicPicture\">
<img src=\"buttons/icons/doc.gif\" width=\"32\" height=\"33\" border=\"0\" alt=\"\" name=\"picture\"></div>
</form>


</body>
</html>
Avatar billede jakoba Nybegynder
04. juli 2001 - 15:35 #4
sorry. jeg forstår det ikke.
Et gæt er at fordi den <div er positioneret absolute er nr 2 selectbox slet ikke inde i <form ... </form> kommandoerne.
jeg satte bogstaver omkring, og de bliver tegnet, men selectboxen bliver ikke tegnet.

mvh JakobA
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