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>
<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);
}
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]
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
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???
[IMG]http://img233.imageshack.us/img233/5078/thumbnailte1.th.jpg[/IMG]
They say I look like daddy :D