Poslao: 30 Apr 2013 19:58
|
offline
- gfactory
- Super građanin
- 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.
|
|
Poslao: 01 Maj 2013 14:38
|
offline
- FoxVanis
- Ugledni građanin
- 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>
|
|
|
|
Poslao: 01 Maj 2013 21:56
|
offline
- gfactory
- Super građanin
- 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...
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.
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>
|
|
|
|
Poslao: 02 Maj 2013 12:51
|
offline
- FoxVanis
- Ugledni građanin
- 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/
|
|
|
|
Poslao: 02 Maj 2013 17:45
|
offline
- Rastafarii
- Moderator foruma
- 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.
|
|
|
|
Poslao: 14 Maj 2013 18:33
|
offline
- gfactory
- Super građanin
- 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
}
?>
|
|
|
|