Sorting list

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
mkli93
Δημοσιεύσεις: 2
Εγγραφή: 28 Νοέμ 2010 18:00

Sorting list

Δημοσίευση από mkli93 » 05 Δεκ 2010 12:08

Εχω βρει τον ακολουθο κωδικο για sorting list

Κώδικας: Επιλογή όλων

<head>
    <script type="text/javascript">
    <!--

        // sort function - ascending &#40;case-insensitive&#41;
        function sortFuncAsc&#40;record1, record2&#41; &#123;
            var value1 = record1.optText.toLowerCase&#40;&#41;;
            var value2 = record2.optText.toLowerCase&#40;&#41;;
            if &#40;value1 > value2&#41; return&#40;1&#41;;
            if &#40;value1 < value2&#41; return&#40;-1&#41;;
            return&#40;0&#41;;
        &#125;

        // sort function - descending &#40;case-insensitive&#41;
        function sortFuncDesc&#40;record1, record2&#41; &#123;
            var value1 = record1.optText.toLowerCase&#40;&#41;;
            var value2 = record2.optText.toLowerCase&#40;&#41;;
            if &#40;value1 > value2&#41; return&#40;-1&#41;;
            if &#40;value1 < value2&#41; return&#40;1&#41;;
            return&#40;0&#41;;
        &#125;

        function sortSelect&#40;selectToSort, ascendingOrder&#41; &#123;
            if &#40;arguments.length == 1&#41; ascendingOrder = true;    // default to ascending sort

            // copy options into an array
            var myOptions = &#91;&#93;;
            for &#40;var loop=0; loop<selectToSort.options.length; loop++&#41; &#123;
                myOptions&#91;loop&#93; = &#123; optText&#58;selectToSort.options&#91;loop&#93;.text, optValue&#58;selectToSort.options&#91;loop&#93;.value &#125;;
            &#125;

            // sort array
            if &#40;ascendingOrder&#41; &#123;
                myOptions.sort&#40;sortFuncAsc&#41;;
            &#125; else &#123;
                myOptions.sort&#40;sortFuncDesc&#41;;
            &#125;

            // copy sorted options from array back to select box
            selectToSort.options.length = 0;
            for &#40;var loop=0; loop<myOptions.length; loop++&#41; &#123;
                var optObj = document.createElement&#40;'option'&#41;;
                optObj.text = myOptions&#91;loop&#93;.optText;
                optObj.value = myOptions&#91;loop&#93;.optValue;
                selectToSort.options.add&#40;optObj&#41;;
            &#125;
        &#125;
    //-->
    </script>
</head>

<body>
    <form>
        <select name="mySelect">
            <option value="3">Cat</option>
            <option value="4">Dog</option>
            <option value="2">Fish</option>
            <option value="1">Bird</option>
        </select>
        <br />
        <input type="button" onclick="sortSelect&#40;this.form&#91;'mySelect'&#93;, true&#41;;" value="Sort &#40;Asc&#41;">
        <input type="button" onclick="sortSelect&#40;this.form&#91;'mySelect'&#93;, false&#41;;" value="Sort &#40;Desc&#41;">
    </form>
</body>
</html>
Θα ηθελα να εφαρμοσω αυτη την εντο λη στα προιοντα μου
μπορειτε να τα δειτε στην ακολουθη διευθηνση
http://www.websites.designpandorabox.eu ... chic/c.htm
Απο οτι μπορω να καταλαβω απο τον κωδικο κανει sort στο option
var optObj = document.createElement('option');
Αυτο που θελω ειναι να εχω element που να μπορει να δειξει τα προιοντα
Μπορει καποιος να με βοηθησει η να με κατευθηνει για το πως να εφαρμοσω αυτο το script?
Συγνωμη αν δεν ειμαι πολυ ξεκαθαρη αλλ ειμαι αρχαρια στο java script
Ευχαριστω

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες