Avatar billede DonTorro Nybegynder
03. april 2011 - 23:15 Der er 12 kommentarer

Avanceret søgning

Hej. Jeg kunne godt tænke mig at vide hvordan ASOS har lavet deres avanceret søgning med Prisen. Og måske guides lidt på vej :)

http://www.asos.com/Men/Accessories/Cat/pgecategory.aspx?cid=4210#state=Rf-800%3D161.740%2C-1&parentID=Rf-800&pge=0&pgeSize=20&sort=-1

Nogen som ved dette?
Avatar billede magic-mouse Novice
04. april 2011 - 08:11 #1
Lær de her 2 teknikker til hudløshed så kan du lave en pris slider som på den side.

http://www.w3schools.com/Ajax/default.asp
http://jqueryui.com/demos/slider/#range
Avatar billede DonTorro Nybegynder
04. april 2011 - 08:21 #2
ser spændende ud.. nr 1 link - er det en tutorial til Ajax, eller bare en funktion i ajax?
Avatar billede magic-mouse Novice
04. april 2011 - 08:44 #3
Det er en basic tutorial i ajax.

Du kan google ajax for at finde mere advanceret guides på andre ting du kan gøre.

.Net har eks. et internt ajax hvor du kun kan kalde servicen fra den specifikke side.
Avatar billede DonTorro Nybegynder
04. april 2011 - 08:49 #4
har aldrig arbejdet med ajax, så tror jeg starter med den du har sendt :)
prøver at kigge på det

smid svar :)
Avatar billede DonTorro Nybegynder
04. april 2011 - 09:29 #5
som du kan se har jeg sat den ind nu..

http://turist-fyn.dk/index.php?page=1

hvordan kommer jeg videre herfra hurtigt?
Avatar billede DonTorro Nybegynder
04. april 2011 - 10:10 #6
Prøver at få Javascript værdien over i PHP men det virker ikke

var val1 = val(ui.values[ 0 ]);
var val2 = val(ui.values[ 1 ]);
              location.href="${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}" . "&min=" + val1 + "&max=" + val2;
Avatar billede magic-mouse Novice
04. april 2011 - 13:22 #7
Du skal lave det via ajax. Er på arbejde lige nu men jeg tror jeg kan smide et hurtigt eksempel sammen i aften.
Avatar billede DonTorro Nybegynder
04. april 2011 - 13:29 #8
sweet :)
Avatar billede magic-mouse Novice
05. april 2011 - 08:08 #9
Nåede ikke lige at kigge på det igår, men har basics liggende, håber at jeg kan finde lidt tid i aften.
Avatar billede DonTorro Nybegynder
06. april 2011 - 08:34 #10
:) bare iorden
Avatar billede magic-mouse Novice
08. april 2011 - 08:12 #11
Beklager men jeg har en lille datter som er syg hvilket gør at mine aftener går på at passe hende.

Dog kan jeg give en hurtig gennemgang af hvordan det skal fungere.


        $( "#slider-range" ).slider({
            range: true,
            min: 0,
            max: 500,
            values: [ 75, 300 ],
            slide: function( event, ui ) {
                $( "#amount" ).val( AjaxKald(ui.values[ 0 ],ui.values[ 1 ] );
            }
        });;


og ajaxen


function AjaxKald(min, max)
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
   }
  }
xmlhttp.open("POST","demo_post2.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("min=" + min + "&max=" + max + "");
}


jeg har ikke lige testet at det virker men princippet skulle være der.
Avatar billede DonTorro Nybegynder
09. juni 2011 - 23:46 #12
Smid svar Magic mouse.. Undskyld jeg har været væk..

Dit script virkede :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester