[es] - Problem sa tabelom u javascriptu

Mirjana21
nezaposlena
Beograd

Član broj: 190164
Poruke: 73
*.dynamic.sbb.rs.

+2 Profil

^{17.01.2010. u 21:39 - pre 173 meseci}

Kako da promenim izgled tabele koja se nalazi u head-u pod var porudzbina?
Radi samo border, kada dodam color ili font family, ili bilo šta slično, ne prihvata.
Takođe, zanima me da li u toj tabeli mogu dodati još jednu kolonu "Izbriši" čiji će redovi biti checkbox, odnosno označavaće se da li korisnik želi brisati neke već poručene proizvode ili ne.
Evo koda:

Code:

<html>
     <style type="text/css">
           a.meni1{display:inline; margin-right:10px; background:silver; padding:2px 2px 2px 2px;
             color:black;font-weight:bold; text-decoration:none; border:2px black inset; font-size:12px}
           a.meni1:hover{background:silver; border:2px black outset}
           a.meni{margin-top:20px; margin-left:10px; width:80%; display:block;  margin-bottom:10px; background:silver;
                  padding:1px 1px 1px 1px;color:black;font-weight:bold; text-decoration:none;
                  border:2px silver inset; font-size:12px}
           a.meni:hover{background:silver; border:2px black outset}
           table{margin-top:-570px; font-family:Verdana; font-size:14px;
                 color:silver; width:700px; background-color:black; border-spacing: 4px;}
           h1{font-family:Verdana; font-size:16px; color:silver}
           .navigacija1-1{height:9%; float:left; margin-bottom:5px; background-color:black; width:80%;
                          margin-top:40px}
           .navigacija2{margin-top:20px; width:100%; height:65%; margin-bottom:100px}
           .navigacija1{font-family:Verdana; width:70%; height:50%; margin-top:18px; margin-left:270px; text-align:center}
           .proizvodi {font-family:Verdana; margin-top:150px; margin-left:20px; height:90%; background-color:black; width:20%; text-align:center}
           .tabela{height:80%; float:left; background-color:black; margin-left:240px;
                   margin-top:70px; width:700px}
           .sivo{height:20%; float:left; background-color:silver; margin-top:4px;
                 width:700px; color:black}
           .crno{height:20%; float:left; background-color:black; margin-top:4px;
                 width:700px; color:silver}
           .container{border:solid 8px #999;}
           input{margin-left:400px}
     </style>
     <head>
          <title>Tastature</title>
          <script language="JavaScript">
    function odgovor(){
    var racun=0
    var porudzbina="<center>Naručili ste:"+"<br></br>"+
                       "<center><table border=2><tr><th>Proizvod</th><th>Cena</th></tr>"
        if(document.obrazac.check1.checked==true){
    racun+=804;
    porudzbina+="<tr><td>Gigabyte GKM-KM5000/YU/PS2</td><td>804,00 din</td></tr>"
        }
    if(document.obrazac.check2.checked==true){
    racun+=1071
    porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/</td><td>1.071,00 din</td></tr>"
        }
    if(document.obrazac.check3.checked==true){
    racun+=1071
    porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/USB</td><td>1.071,00 din</td></tr>"
        }
    if(document.obrazac.check4.checked==true){
    racun+=1071
    porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black, USB</td><td>1.071,00 din</td></tr>"
        }
    if(document.obrazac.check5.checked==true){
    racun+=1071
    porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black/</td><td>1.071,00 din</td></tr>"
        }
        if(document.obrazac.check6.checked==true){
    racun+=1071
    porudzbina+="<tr><td>Logitech Cordless Wave Crna USB</td><td>1.071,00 din</td></tr>"
        }
    porudzbina+="<tr><th>Ukupno</th><th>"+racun+" dinara</th></tr></table></center><br>"
    {
    document.write(porudzbina)
    }//end else
    }//end funkcija
    </script>
    </head>
     <body bgcolor=black>
       <div class="container">
          <div class="navigacija1-1">
              <div class="navigacija1">
                  <a href="Pocetna.html" class="meni1"> POČETNA </a>
                  <a href="Cenovnik.html" class="meni1"> CENOVNIK </a>
                  <a href="O nama.html" class="meni1"> O NAMA </a>
                  <a href="Kontakt.html" class="meni1"> KONTAKT </a>
              </div>
          </div>
          <div class="proizvodi">
             <h1> Proizvodi </h1>
             <div class="navigacija2">
               <a href="Miševi, tastature.html" class="meni"> Tastature, miševi </a>
               <a href="Monitori, TFT monitori.html" class="meni"> Monitori - TFT monitori </a>
               <a href="Web kamere.html" class="meni"> Web kamere </a>
               <a href="Digitalni foto aparati, digitalne kamere.html" class="meni"> Digitalni foto aparati, digitalne kamere </a>
               <a href="Notebook, Desktop Računari.html" class="meni"> Notebook, Desktop Računari </a>
             </div>
          </div>
          <div class="tabela">
              <form name="obrazac">
              <table>
                    <tr class="sivo">
                       <th align="left">Tastature</th>
                    </tr>
                    <tr class="crno">
                       <td align="left">Gigabyte GKM-KM5000/YU/PS2///</td>
                       <td align="right"><input type="checkbox" name="check1" value="on">Naruči</td>
                    </tr>
                    <tr class="sivo">
                       <td align="left">Logitech /OEM/Deluxe 250/US/Black/</td>
                       <td align="right"><input type="checkbox" name="check2" value="on">Naruči</td>
                    </tr>
                    <tr class="crno">
                       <td align="left">Logitech /OEM/Deluxe 250/US/Black/USB</td>
                       <td align="right"><input type="checkbox" name="check3" value="on">Naruči</td>
                    </tr>
                    <tr class="sivo">
                       <td align="left">Logitech /OEM/Deluxe 250/YU/Black, USB</td>
                <td align="right"><input type="checkbox" name="check4" value="on">Naruči</td>
                    </tr>
                    <tr class="crno">
                       <td align="left">Logitech /OEM/Deluxe 250/YU/Black/</td>
                       <td align="right"><input type="checkbox" name="check5" value="on">Naruči</td>
                    </tr>
                    <tr class="sivo">
                       <td align="left">Logitech Cordless Wave Crna USB</td>
                       <td align="right"><input type="checkbox" name="check6" value="on">Naruči</td>
                    </tr>
                    <tr></tr>
                    <tr>
                       <td align="right"><input type="submit" value="Naruči" onClick="odgovor(obrazac)"></td>
                    </tr>
             </table>
          </div>
       </div>
     </body>
</html>

Odgovor na temu