checkboxes u option menu

checkboxes u option menu

offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

Pozdrav,

napravio sam option menu gde iščitavam delove, tj., deo grada za izabrani grad i to je ok. Sad treba da prepravim da bude multiple selection, kad čekiram nekoliko delova grada, dobijem podatke za sve njih.

Takođe mi checkboxes izleću iz option menija al to je manji problem. Evo slike i koda.

<?php           if($gradRid > 0){          ?>          <select class="tab-select-box submit" name="deoGrada" id="deoGrada">              <option value="0">Svi delovi grada</option>              <?php             $deoGradaColl = new Collection("_content_deo_grada");             $delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang = '$currentLanguage' AND grad = '$gradRid'", "ORDER BY ordering");             #$delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang='1'");                       foreach($delovi_grada as $deo_grada){                                  ?> <option><input type="checkbox" name="deo_grada" value="<?php echo $deo_grada->resource_id; ?>" <?php if ($deo_grada->resource_id == $deoGradaRid) { ?>selected="selected"<?php } ?>><?php echo $deo_grada->title; ?>  <br/> </option>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Web Designer, PHP Developer; HTML, CSS, SQL, jQuery Programmer
  • Pridružio: 13 Jun 2010
  • Poruke: 307
  • Gde živiš: Subotica

Vidi, imaš jednostavniji način sa DIV-om bez padajućeg menija. U <option> samo slova, simbole i brojeve možeš staviti. HTML tagove nikako.

<div style="overflow:auto; width:200px; max-heigh:200px">        <?php while($grad=mysql_fetch_array($query_baze))        {             echo '<input type="checkbox" name="deo_grada"  value="'.$grad['id'].'">'.$grad['naziv'].'<br />';        } ?> </div>
ili javascript da imaš i padajući i checkbox
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">     <html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <title>Check box list</title>     </head>     <script type="text/javascript" language="javascript">         function selectCheckBox()         {             var total="";             for(var i=0; i < document.form.languages.length; i++)             {                 if(document.form.languages[i].checked)                 {                     total +=document.form.languages[i].value + "\n";                 }             }             if(total=="")             {                 alert("select checkboxes");             }             else             {                 alert("Selected Values are : \n"+total);             }         }     </script>     <body>         <form id="form" name="form" method="post" action="stranica.php">             <div style="overflow: auto; width: 100px; height: 80px; border: 1px solid #336699; padding-left: 5px">                 <input type="checkbox" name="languages[]" value="English"> English<br>                 <input type="checkbox" name="languages[]" value="Hindi"> Hindi<br>                 <input type="checkbox" name="languages[]" value="Italian"> Italian<br>                 <input type="checkbox" name="languages[]" value="Chinese"> Chinese<br>                 <input type="checkbox" name="languages[]" value="Japanese"> Japanese<br>                 <input type="checkbox" name="languages[]" value="German"> German<br>             </div>             <br/><input type="button" name="goto" onClick="selectCheckBox()"value="Check">         </form>     </body>



offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

Baš ovo sam i hteo da uspostavim, padajuću listu sa multiple checkboxom + javascript.

Probao sam ovu varijantu sa JS na zasebnoj stranici ali ovo ne radi... Bebee Dol

Probao sam ovo da primenim na pravom fajlu ali je problem što kad ovu formu ubacim u select options, neće da radi, tačnije, SUBMIT umre. Smile

JS sam uglavio, a forma bi trebala da se nabudži negde u ovom delu koji mi inače čita delove grada

<select class="tab-select-box submit" name="deoGrada" id="deoGrada">              <option value="0">Svi delovi grada</option>              <?php             $deoGradaColl = new Collection("_content_deo_grada");             $delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang = '$currentLanguage' AND grad = '$gradRid'", "ORDER BY ordering");             #$delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang='1'");       foreach($delovi_grada as $deo_grada){                        ?>               <!--div style=" width: 200px; height: auto; border: 1px solid #336699; padding-left: 5px"-->                 <input type="checkbox" name="deoGrada[]" value="<?php echo $deo_grada->resource_id; ?>" <?php if ($deo_grada->resource_id = $deoGradaRid) { ?>selected="selected"<?php } ?>><?php echo $deo_grada->title; ?><br>                             <!--/div-->             <br/><input type="button" name="goto" onClick="selectCheckBox()"value="Check">                        <?php             }              ?>            </select>

offline
  • Web Designer, PHP Developer; HTML, CSS, SQL, jQuery Programmer
  • Pridružio: 13 Jun 2010
  • Poruke: 307
  • Gde živiš: Subotica

Izvini, greška:
Drugi primer je nešto drugo, ja sam pobrkao. Drugi primer je za automatsko čekiranje svih sadržaja:
<script type="text/javascript" language="javascript">    function selectCheckBox()    {       var total="";       for(var i=0; i < document.form.deograda.length; i++)       {          if(document.form.languages[i].checked)          {             total +=document.form.deograda[i].value + "\n";          }       }       // DEBUGING       if(total=="")       {          alert("select checkboxes");       }       else       {          alert("Selected Values are : \n"+total);       }       // END DEBUGING    } </script> <form id="form" name="form" method="post" action="#"> <?php $deoGradaColl = new Collection("_content_deo_grada"); $delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang = '$currentLanguage' AND grad = '$gradRid'", "ORDER BY ordering"); #$delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang='1'"); foreach($delovi_grada as $deo_grada) { ?> <input type="checkbox" name="deograda[]" value="<?php echo $deo_grada->resource_id; ?>" <?php if ($deo_grada->resource_id = $deoGradaRid) { ?>selected="selected"<?php } ?>><?php echo $deo_grada->title; ?><br> <?php } ?> <br/><input type="button" name="goto" onClick="selectCheckBox()"value="Check"> </form>
A evo ti nešto što te može oduševiti, to je ono što si tražio:
http://odyniec.net/projects/selectlist/examples.html
http://code.google.com/p/dropdown-check-list/

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3745
  • Gde živiš: 127.0.0.1

Osim sto verovatno input unutar select-a nije "u skladu s' propisi", nema ni potrebe za tim. Select tag ima atribut "multiple", koji ukoliko se setuje dozvoljava multi-selection.

<select name="example" multiple="multiple"> <option value="1">Jedan</option> <option value="2">Dva</option> <option value="3">Tri</option> </select>

Jedini problem je sto selektovanje vise opcija zahteva pritisnuto CTRL dugme.

Sa druge strane, imas jako lep i lak jQuery plugin multiselect, koji ti resava sve probleme.

offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

Bios sam duže odsutan, zato i nisam odgovorio, elem

@Rastafarii

ovaj Jquery multiple checklist je sjajan i to sam odmah primenio.

Jedino što još ima problem da kad čekiram više delova grada , da mi izlista stanove za čekirane.
Trenutno mi se prikazuju stanovi za samo jedan izabrani...

Ovde bi trebao još neki LOOP jer sa ovim dobijam samo rezultate za svaki ponaosob.

Evo koda opet
<?php           if($gradRid > 0){          ?>                            <select class="tab-select-box submit" multiple="multiple" name="deoGrada" id="deoGrada" size="5">                     <?php             $deoGradaColl = new Collection("_content_deo_grada");             $delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang = '$currentLanguage' AND grad = '$gradRid'", "ORDER BY ordering");             #$delovi_grada = $deoGradaColl->getCollection("WHERE status = 1 AND lang='1'");                                    foreach($delovi_grada as $deo_grada){        ?> <option value="<?php echo $deo_grada->resource_id; ?>" <?php if ($deo_grada->resource_id == $deoGradaRid) { ?>selected="selected"<?php } ?>><?php echo $deo_grada->title; ?></option>    <?php }              ?> </select>          <?php           }       ?>

Ko je trenutno na forumu
 

Ukupno su 1008 korisnika na forumu :: 24 registrovanih, 2 sakrivenih i 982 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: _Rade, amstel, Bobrock1, Botovac, darkangel, Futog 74, ILGromovnik, Karla, Kriglord, krkalon, Krvava Devetka, LUDI, m0nstrum_, Mixelotti, mkukoleca, Nemanja.M, opt1, paja69, Parker, powSrb, sabros, Shilok, slonic_tonic, sovanova95