[ wex-alpha @ 07.10.2012. 16:55 ] @
Pozdrav svima,

U jednom projektu (za koji nemam source), dolaze mi opcije, tacnije njih sedam koamda u vidu horizontalnih linkova. Treba da te opcije prebacim u DropDown. Krenuo sam sa Javascriptom, ali imam problem sa dropdown boxom:

DIV iz kojeg parsiram vrijednosti:

Code:


<div id="tribSort" class="contentBlock">

[b]<a href="http://mojadomena.com/vsearch.aspx?Filter=[Sort=1*ava=1*Name=a19*SKU=a19*Description=a19]" onclick="SetCookie('sortopt','1');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=1*ava=1*Name=a19*SKU=a19*Description=a19]');return false;">Price Low to High</a>[/b]

<a href="http://mojadomena.com/vsearch.aspx?Filter=[Sort=2*ava=1*Name=a19*SKU=a19*Description=a19]" onclick="SetCookie('sortopt','2');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=2*ava=1*Name=a19*SKU=a19*Description=a19]');return false;">Price High To Low</a>

<a href="http://mojadomena.com/vsearch.aspx?Filter=[Sort=3*ava=1*Name=a19*SKU=a19*Description=a19]" onclick="SetCookie('sortopt','3');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=3*ava=1*Name=a19*SKU=a19*Description=a19]');return false;">Name A to Z</a>

<a href="http://mojadomena.com/vsearch.aspx?Filter=[Sort=4*ava=1*Name=a19*SKU=a19*Description=a19]" onclick="SetCookie('sortopt','4');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=4*ava=1*Name=a19*SKU=a19*Description=a19]');return false;">Name Z to A</a>

<a href="http://mojadomena.com/vsearch.aspx?Filter=[Sort=5*ava=1*Name=a19*SKU=a19*Description=a19]" onclick="SetCookie('sortopt','5');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=5*ava=1*Name=a19*SKU=a19*Description=a19]');return false;">Bestselling</a>

<a href="http://mojadomena.com/vsearch.aspx?Filter=[Sort=6*ava=1*Name=a19*SKU=a19*Description=a19]" onclick="SetCookie('sortopt','6');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=6*ava=1*Name=a19*SKU=a19*Description=a19]');return false;"</a>


Uzimam prvi link u boldu iz DIV-a:

Koristim sljedeci JS kod da parsiram:

Code:


var options = ["Price Low to High,", "Price High to Low", "Name A to Z", "Name Z to A", "Bestselling", "Rating", "Recently Added"];

        var select = document.getElementById("selectNumber");
        var clickvalue = " onClick=\"";
        var navodnici = "\"";
        var a = new Array();
        var b = new Array();
  
        
        for (var i in divContent.childNodes)
         {
             var el = document.createElement("option");
            [b] a[i] = divContent.childNodes[i].toString();[/b]

             var test = divContent.childNodes[i].toString();
           [b]  b[i] = divContent.childNodes[i].getAttribute("onClick");[/b]
             var combined = a[i] + navodnici + clickvalue + b[i];

             el.textContent = options[i];
             var test = "<a href=" + navodnici + combined + "</a>";


             el.value = "<a href=" + combined + "</a>";
             select.onclick
            
             select.appendChild(el);
         }





U biti na kraju dobijem sljedece dvije vrijednosti:
VALUE koji se nalazi u array a,
Code:

http://mojadomena.com/vsearch.aspx?Filter=[Sort=1*ava=1*Name=a19*SKU=a19*Description=a19]



onclick koji se nalazi u array B.
Code:

SetCookie('sortopt','1');Vibe_AjaxRequest('vsearch.aspx?Filter=[Sort=1*ava=1*Name=a19*SKU=a19*Description=a19]');return false


Kreiram ja u letu dropdown bez problema, ali imam problem sa onclick eventom... kako njega staviti da radi u dropdown? Koliko sam razumjeo tacnije treba da bude onchange event, ali nijedan mi ne radi

Kako da to stavim u dropdown box???
[ wex-alpha @ 08.10.2012. 20:50 ] @
HTML Dropdown nativno ne podrzava onclick, a i onchange ima problema. Rijeiso sam na drugi nacin.

Ako neko zeli postat cu rjesenje...