[javascript] variable dropdownbox probleem - Softwareontwikkeling

maandag 3 februari 2003 13:00

Acties:

Verwijderd

Topicstarter

Ik ben bezig met een site, en daarin heb ik 3 dropdownboxen. Als de eeste geselecteerd wordt, heb je bij de 2e dropdownbox weer andere opties. En als de 2e geselecteerd wordt, heb je bij de 3e dropdownbox weer andere opties.
De eeste en 2e werken bij mij. Alleen een 3e erbij zetten lukt me niet. Ik ben heel slecht in javascript.
ik heb dit scriptje geript van een andere site.
Kan iemand mij hier even mee helpen?
hier is de code:

code:

<html>
<head>
    <title>ADmin</title>
    <link rel="stylesheet" href="style.css">
    <script language="Javascript" src="keypress.js" type="text/javascript"></script>
    <SCRIPT LANGUAGE="JavaScript">
<!--

var projectlen = new Array();

function initproject(bedrijf, project) {
    this.bedrijf = bedrijf;
    this.project = project
}

function add(bedrijf) {
    bedrijf = unescape(bedrijf);
    for (var i = 1; i < arguments.length; i++) {
        projectlen[projectlen.length] = new initproject(bedrijf, unescape(arguments[i]));
    }
}

function initprojectselect(select, bedrijf, bestand) {
    select.options.length = 1;

    var temp = 0;
    var j=0;
    var t=0;
    for (var n = 0; n < projectlen.length; n++) {
        if (projectlen[n].bedrijf == bedrijf) {
            var AtSym = projectlen[n].project.indexOf('@');
            if ((AtSym > 0 && bestand==0) || bestand!=0) {
                temp = projectlen[n].project;
                t++;
                if (temp=='') { j=t; }
                if (temp=='@') { j=t; }
                if (AtSym>0) {
                    temp = temp.substring(0,temp.length-1);
                }
                select.options[select.options.length] = new Option(temp, temp);
            }
        }
    }
    select.options[j].selected = true;
    select.options[0].text = 'PROJECT';
}

add('Klant1' ,'project henk' ,'project pietje');

add('klant2' ,'project klaas' ,'asdfasdfasdfasdf');

// -->
</SCRIPT>
</head>

<body bgcolor="#D6D6D6">

<FORM name="SearchForm" METHOD="GET" ACTION="user.php?action=1">
<INPUT TYPE="hidden" NAME="bestand" value="1">
<table class="maintable">
 <tr>
   <td class="blue" colspan="6"><font class="f3">Uren</td>
 </tr>
 <tr>
  <td width="80" class="grey3"><font class="f3">Aantal uur:</td>
  <td width="125" class="grey4"><font class="f3">Bedrijf:</td>
  <td width="150" class="grey3"><font class="f3">Project:</td>
  <td width="100" class="grey4"><font class="f3">Taak:</td>
  <td width="40" class="grey3"><font class="f3">Opmerking:</td>
  <td width="40" class="grey4"><font class="f3">Status:</td>
 </tr>
 <tr>
  <td width="80" class="white"><font class="f2"><SELECT name="uur"><OPTION value="0">0</option><OPTION value="1">1</option><OPTION value="2">2</option><OPTION value="3">3</option><OPTION value="4">4</option><OPTION value="5">5</option><OPTION value="6">6</option><OPTION value="7">7</option><OPTION value="8">8</option><OPTION value="9">9</option></SELECT><SELECT name="min"><OPTION value="00">00</option><OPTION value="15">15</option><OPTION value="30">30</option><OPTION value="45">45</option></SELECT></td>
  <td width="125" class="white2"><font class="f2"><SELECT name="bedrijf" onChange="initprojectselect(this.form.projectselect, this.form.bedrijf.options[this.form.bedrijf.selectedIndex].text,this.form.bestand.selectedIndex)"><OPTION value="">BEDRIJF</option><option  value="Klant1">Klant1</option><option  value="klant2">klant2</option></SELECT></td><td width="150" class=""><font class="f2"><select name="projectselect"><option value="0" selected>PROJECT
  <script language="JavaScript">
  <!--
  var interval = null;
  function doLists()  {
   initprojectselect(document.SearchForm.projectselect, document.SearchForm.bedrijf.options[document.SearchForm.bedrijf.selectedIndex].text,document.SearchForm.bestand.selectedIndex);
   clearInterval(interval);
  }
  interval=setInterval("doLists()", 100);//-->
 </script>
 </select></td>
  <td width="100" class="white2"><font class="f2"></td>
  <td width="40" class="white"><font class="f2"></td>
  <td width="40" class="white2"><font class="f2">&nbsp;&nbsp;</td>   
 </tr>
</table>
</center>
<INPUT  type="submit" VALUE=submit border="0" width="100" height="21"></TD></TR>
</form>

</body>
</html>

maandag 3 februari 2003 15:39

Acties:

Verwijderd

Ik heb het gemaakt voor je. Ik zou denk ik het hele ding herschrijven naar het gebruik van een database. Alles in html zetten in leuk en makkelijk, maar zodra er wat gewijzigd moet worden, wordt het problematisch. Denk daar dus over na. Daarnaast moet je beter leren inspringen in de html code om het leesbaar te houden en je moet tags die je begint ook eindigen zoals de font tag. daarnaast kwam ik ook nog een eind tag van centreren tegen. Lees dus eerst even beter de code door voordat je wat copieert of neerzet.

Het aanpassen was slechts een copy-paste werk, met daarbij een paar nieuwe namen en functies maken.

Hier is het bestand: http://home.kabelfoon.nl/~jcb/Files/testje.html

sterkte ermee.

maandag 3 februari 2003 20:21

Acties:

Verwijderd

Topicstarter

Ten eerste harstike bedankt. $_/-\o_$ $_/-\o_$
En sorry voor de slordige code.
maar omdat het uit een groot stuk andere code geript is, en omdat het uit een heleboel templates is opgebouwd en omdat ik een heleboel heb lopen editen om het werkend te krijgen, klopte er geen zak meer van. Maar ik zal het in het vervolg eerst ff tidy'n

dinsdag 4 februari 2003 09:51

Acties:

Mickman

zo, zie je ook niet vaak meer, dat iemand een gehele code voor iemand anders schrijft. Goed werk hoor, maar nu hopen dat DarKHunteR hier van geleerd heeft en de volgende de problemen zelf op kan lossen. En niet verwachten dat iemand anders weer een code voor hem schrijft. Maar dit neemt niet de lof weg voor Coos