Ergebnis 1 bis 4 von 4
  1. #1
    blaic ist offline Grünschnabel
    registriert
    17-12-2010
    Beiträge
    2

    javascript function problem

    sers leutz... wir müssen in Web-tec eine Produktbestellung mit Hilfe von Javascript entwickeln. Ich habe den Code so geschrieben, dass man später wählen kann wie viel Reihen man haben will.

    Ich habe das mit einer for-schleife und createElement/Attribute gelöst und auf jeder Option ein onclick event hinzugefügt. Mein Problem ist jetzt, ich habe nach der for-schleife die function die mir alles berechnet und so. Doch da es mehrere reihen sind brauche ich auch automatisch function1,function2... oder eine function mit einer while schleife, die immer solange leuft bis f=0;while(f!=...produktname[i]){f++; ...}

    Würde gerne wissen ob es möglich ist so eine Abfrage auf N-Reihen zu realsieren oder sowas nicht machbar ist.

    code ist nicht so schön programmiert!

    HTML-Code:
    <html>
    
    <head>
    
    <title></title>
    
    </head>
    
    <body>
    
    </body>
    
    </html><html>
    <head>
    <title>Produkterstellung</title>
    </head>
    
    <script type="text/javascript">
    //table declaration
    var mytr;
    var mytdpos;
    var mytdmenge;
    var mytdproduct;
    var mytdmwst;
    var mytdeinzelpreis;
    var mytdmwsteuro;
    var mytdbetrag;
    
    //input field declaration
    
    //Position-declaration
    var myinputpos;
    var myposnumber;
    var myposdisabled;
    
    var myinputmenge;
    
    //einzelpreis-declaration
    var myinputeinzelpreis;
    var myieinzelpreisvalue ;
    var myieinzelpreisdisabled;
    
    var myinputmwsteuro;
    var myimwsteurovalue;
    var myimwsteurodisabled;
    
    var myinputbetrag;
    var myibetragvalue;
    var myibetragdisabled;
    
    var myinputgesamtbetrag;
    
    //product-field declaration
    var myselectproduct;
    var myoptionkugelschreiber;
    var myoptionradirgummi;
    var myoptionfueller;
    var myoptionspitzer;
    var myoptionlineal;
    
    var myokprice;//Preis->Value
    var myoktext;//Text->Kugelschreiber
    
    var myorprice;
    var myortext;//Text->Radirgummi
    
    var myofprice;
    var myoftext;//Text->Füller
    
    var myosprice;
    var myostext;//Text->Spitzer
    
    var myolprice;
    var myoltext;//Text->Lineal
    
    //mwst select field declaration
    var myselectmwst;
    
    var myoption_16;
    var myov_16;
    var myot_16;
    
    var myoption_19;
    var myov_19;
    var myot_19;
    
    
    function addline()
    {
        for(var i=0;i<5;i++)
        {
            //Position-erstellung
    	mytr=document.createElement("tr");
    	mytdpos=document.createElement("td");
    	myinputpos=document.createElement("input");
    	myposnumber=document.createAttribute("value");
    	myposnumber.nodeValue=i+1;
    	myinputpos.setAttributeNode(myposnumber);
    	myposdisabled=document.createAttribute("disabled"); 
    	myposdisabled.nodeValue="disabled";
    	myinputpos.setAttributeNode(myposdisabled);
    	myinputpos.id="pos";
    	mytdpos.appendChild(myinputpos);
    	mytr.appendChild(mytdpos);
    	
    	mytdmenge=document.createElement("td");
    	myinputmenge=document.createElement("input");
    	mytdmenge.appendChild(myinputmenge);
    	mytr.appendChild(mytdmenge);
    	
    	//product-erstellung
    	//Aufbau 
    	mytdproduct=document.createElement("td");
    	myselectproduct=document.createElement("select");
    	myselectproduct.id="productauswahl"+[i];
    	
    	myoptionkugelschreiber=document.createElement("option");
    	myoptionradirgummi=document.createElement("option");
    	myoptionfueller=document.createElement("option");
    	myoptionspitzer=document.createElement("option");
    	myoptionlineal=document.createElement("option");
    	myselectproduct.appendChild(myoptionkugelschreiber);
    	
            //optionKugelschreiber
    	myokprice=document.createAttribute("value");
    	myokprice.nodeValue="2.00";
    	myoptionkugelschreiber.setAttributeNode(myokprice);
    	myoktext=document.createTextNode("Kugelschreiber");
    	myoptionkugelschreiber.appendChild(myoktext);
            myoptionkugelschreiber.setAttribute("onclick", "funci();");
    	
    	//optionRadirgummi
    	myorprice=document.createAttribute("value");
    	myorprice.nodeValue="0.50";
    	myoptionradirgummi.setAttributeNode(myorprice);
    	myortext=document.createTextNode("Radirgummi");
    	myoptionradirgummi.appendChild(myortext);
    	myoptionradirgummi.setAttribute("onclick", "func();");
    	
    	//optionFüller
    	myofprice=document.createAttribute("value");
    	myofprice.nodeValue="20.00";
    	myoptionfueller.setAttributeNode(myofprice);
    	myoftext=document.createTextNode("Füller");
    	myoptionfueller.appendChild(myoftext);
            myoptionfueller.setAttribute("onclick", "func();");
    
    	//optionSpitzer
    	myosprice=document.createAttribute("value");
    	myosprice.nodeValue="1.50";
    	myoptionspitzer.setAttributeNode(myosprice);
    	myostext=document.createTextNode("Spitzer");
    	myoptionspitzer.appendChild(myostext);
            myoptionspitzer.setAttribute("onclick", "func();");	
    	
    	//optionLineal
    	myolprice=document.createAttribute("value");
    	myolprice.nodeValue="3.00";
    	myoptionlineal.setAttributeNode(myolprice);
    	myoltext=document.createTextNode("Linieal");
    	myoptionlineal.appendChild(myoltext);
            myoptionlineal.setAttribute("onclick", "func();");
    	
    	//Einbindung und Erstellung von Produktauswahl
    	myselectproduct.appendChild(myoptionradirgummi);
    	myselectproduct.appendChild(myoptionfueller);
    	myselectproduct.appendChild(myoptionspitzer);
    	myselectproduct.appendChild(myoptionlineal);
    	mytdproduct.appendChild(myselectproduct);
    	mytr.appendChild(mytdproduct);
    	
    	//MWST-Erstellung
    	mytdmwst=document.createElement("td");
    	myselectmwst=document.createElement("select");
    	
    	//option 16%
    	myoption_16=document.createElement("option");
    	myov_16=document.createAttribute("Value");
    	myov_16.nodeValue="0.16";
    	myoption_16.setAttributeNode(myov_16);
    	myot_16=document.createTextNode("16%");
    	myoption_16.appendChild(myot_16);
    	
    	//option 19%
    	myoption_19=document.createElement("option");
    	myov_19=document.createAttribute("Value");
    	myov_19.nodeValue="0.19";
    	myoption_19.setAttributeNode(myov_19);
    	myot_19=document.createTextNode("19%");
    	myoption_19.appendChild(myot_19);
    	
            //Ende der MWST erstellung und einbindung	
    	myselectmwst.appendChild(myoption_16);
    	myselectmwst.appendChild(myoption_19);
    	mytdmwst.appendChild(myselectmwst);
    	mytr.appendChild(mytdmwst);
    	
    	
    	//Einzelpreis - Erstellung
    	mytdeinzelpreis=document.createElement("td");
    	myinputeinzelpreis=document.createElement("input");
    	myieinzelpreisvalue=document.createAttribute("Value");
    	myieinzelpreisvalue.nodeValue="";
    	myinputeinzelpreis.setAttributeNode(myieinzelpreisvalue);
    	myieinzelpreisdisabled=document.createAttribute("disabled");
    	myieinzelpreisdisabled.nodeValue="disbaled";
    	myinputeinzelpreis.setAttributeNode(myieinzelpreisdisabled);
    	myinputeinzelpreis.id="einzelp"+[i];
    	mytdeinzelpreis.appendChild(myinputeinzelpreis);
    	mytdeinzelpreis.appendChild(myinputeinzelpreis);
    	mytr.appendChild(mytdeinzelpreis);
    	
    	//MWST-Euro Erstellung
    	mytdmwsteuro=document.createElement("td");
    	myinputmwsteuro=document.createElement("input");
    	myimwsteurovalue=document.createAttribute("Value");
    	myimwsteurovalue.nodeValue="";
    	myinputmwsteuro.setAttributeNode(myimwsteurovalue);
    	myimwsteurodisabled=document.createAttribute("disabled");
    	myimwsteurodisabled.nodeValue="disbaled";
       	myinputmwsteuro.setAttributeNode(myimwsteurodisabled);	
    	mytdmwsteuro.appendChild(myinputmwsteuro);
    	mytr.appendChild(mytdmwsteuro);
    
    	//Betrag - Erstellung
    	mytdbetrag=document.createElement("td");
    	myinputbetrag=document.createElement("input");
    	myibetragvalue=document.createAttribute("Value");
    	myibetragvalue.nodeValue="";
    	myinputbetrag.setAttributeNode(myibetragvalue);
    	myibetragdisabled=document.createAttribute("disabled");
    	myibetragdisabled.nodeValue="disbaled";
       	myinputbetrag.setAttributeNode(myibetragdisabled);	
    	mytdbetrag.appendChild(myinputbetrag);
    	mytr.appendChild(mytdbetrag);
    	
        //Einbindung aller erstellten Elemente in <table> mit der ID nummer "Produkt"	
        document.getElementById("produkt").appendChild(mytr);
    
        }
    return i;
    }
    
    function func(i)
    {
        var f=0;
        while(document.getElementById("einzelp"+[f])!=document.getElementById("einzelp"+[i]))
        {
        f++;
        alert("Test");
        }    
    f=0;
    }
    
    </script>
    
    <body onload="addline()">
    <form>
    <table border="2px" id="produkt">
    <tr>
    <td>pos</td>
    <td>Menge</td>
    <td>Produkt</td>
    <td>Mwst-Satz</td>
    <td>Einzelpreis</td>
    <td>Mwst</td>
    <td>Betrag</td>
    </table>
    </select>
    </form>
    
    </body>
    </html>

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: javascript function problem

    Ich verstehe noch nicht einmal ansatzweise, was dein Problem ist.

    PS: Und du hast recht - dein Code ist nicht schön geschrieben.

  3. #3
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: javascript function problem

    Mein Gott, was ist das für eine Variablen-Armee?!
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  4. #4
    blaic ist offline Grünschnabel
    registriert
    17-12-2010
    Beiträge
    2

    AW: javascript function problem

    wir haben javascript erst seit 2 wochen in der vorlesung , deswegen kenne ich mich nicht so gut aus... und ich bin kein javascript fan ^^

    hab das problem aber gelöst kann geschlossen werden

Ähnliche Themen

  1. function-Problem
    Von IceTigers im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 02-11-2009, 01:44
  2. new function problem
    Von ChefDeus im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 23-01-2009, 21:15
  3. Javascript Problem mit new Function
    Von PNS-Richi im Forum JavaScript
    Antworten: 30
    Letzter Beitrag: 26-10-2007, 11:46
  4. javascript function variablenübergabe problem
    Von manne89 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 02-03-2007, 13:45
  5. Problem mit Function
    Von Firemice im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 19-09-2006, 13:33

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •