Ez az eset ugy esett, hogy tildynek tele lett a nemletezo testresze a webprogramozassal. Na jo, nem teljesen, de majdnem.
Keszitettem egy selectboxot , ami szep, csilivili, kb olyan, mint a ph fejleceben a lenyilo boxocskak.
<script type="text/javascript">
$(document).ready(function() {
$('#resultsperpagetop').selectbox({
inputClass: 'selectbox1'
});
$('#categoryselect').selectbox({
inputClass: 'selectbox1'
});
$('#resultsperpagebottom').selectbox({
inputClass: 'selectbox1'
});
});
</script>
<select id="resultsperpagetop" name="resultsperpagetop" onchange="window.location=this[this.selectedIndex].value;">
<option value="/category/~category_id=10112/~VIEW_SIZE=12" selected>12 results per page</option>
<option value="/category/~category_id=10112/~VIEW_SIZE=16">16 results per page</option>
<option value="/category/~category_id=10112/~VIEW_SIZE=20">20 results per page</option>
<option value="/category/~category_id=10112/~VIEW_SIZE=24">24 results per page</option>
</select>
Nos a designolast js vegezte, hat persze, hogy nem tudta lekezelni, ha a valueban alahuzas van...
Oke, alahuzas kidobva, oldjuk meg mashogy :
<script type="text/javascript">
$(document).ready(function() {
$('#resultsperpagetop').selectbox({
inputClass: 'selectbox1'
});
$('#categoryselect').selectbox({
inputClass: 'selectbox1'
});
$('#resultsperpagebottom').selectbox({
inputClass: 'selectbox1'
});
$('#resultsperpagetop').change(function(){
document.location ='/category/~category_id=${productCategoryId}/~VIEW_SIZE='+$('#resultsperpagetop').val()+'';
});
$('#resultsperpagebottom').change(function(){
document.location ='/category/~category_id=${productCategoryId}/~VIEW_SIZE='+$('#resultsperpagebottom').val()+'';
});
});
</script>
<select id="resultsperpagetop" name="resultsperpagetop" >
<option value="12" selected>12 results per page</option>
<option value="16">16 results per page</option>
<option value="20">20 results per page</option>
<option value="24">24 results per page</option>
</select>
Orulunk Vincent? Orulunk am, vegre mukodik: tanulsag, alulvonast ne hasznalj valueban....
Vagy csak orulnenk. Kiderul Jquery osszeakad prototypeal (tudom, noconflict) , ugyhogy egyalatalan ne pakoljak jqueryt az oldalba, mert meg igy is elrontja az egyik fo aloldalt.
Tanulsag? Tanulsag az, hogy ket napja keresem a megoldast a problemamra, mert vagy a designos selectbox mukodik, es akkor az onchange event nem ( talaltam egy kodot hozza) , vagy az onchange mukodik, de a designos selectbox nem.
Szoval aki tudja, sima JS-nel hogy adok at onchanget, netan azt, hogy ez mukodjon akkor is, ha az a selectbox designos (prototype, scriptacolousal mehet) , nos az ne habozzon okitani engem. Nem szegyen a nemtudas, de hasznos ha az ember ezaltal tanulhat valami ujat
Neha tudom utalni a munkam. Ilyenkor pl. De ez nagyon ritka.