Designos selectbox -> hagyja a JQueryt masra, prototypeot hasznaljon "forrasban":)

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>

Hirdetés

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.

Még van hozzászólás! Tovább