jQuery Forum

2. function updateprice(pprice, ppricediv, pform, popt) {
3.     var totAdd = pprice;
4.     var thisopt = popt;
5.     if (!isW3) return;
6.     var pDiv = document.getElementById(ppricediv);
7.     totAdd = totAdd + pricechecker(document.forms.pform.thisopt.options[document.forms.pform.thisopt.selectedIndex].value);
8.     pDiv.innerHTML = formatprice(Math.round(totAdd * 100.0) / 100.0, '', '');
9. }

and it returns;

this is what I'm doing this;

And I have no idea why?

Kind regards,
    Glenn - glenn223

1. $(document).ready(function() {
   
   
   $("#Search").autocomplete('loadxml.asp',
   { minChars: 2
   , matchSubset: false
   , matchContains: true
   , width: 290
   , max: 10
   , scrollHeight: 600
   , dataType: 'json'
   , parse: newParser
   , cacheLength: 10
   , selectFirst: false
   , formatItem: function(row) { return row['value'] }
   }).result(function(event, data) {
   window.location.href = data.url;
   });
   
   
   function newParser(raw) {
   var array = new Array();
   
   
   var prodCount = 0;
   
   
   for (var i = 0; i < raw.length; i++) {
   if (raw[i] != null){
   var text
   if (raw[i].type == "product") {
   text = "<a href='" + raw[i].landing + "'><div class='searchitem product";
   if (prodCount == 0) {
   text = text + " first";
   prodCount = 1;
   }
   text = text + "'><div class='imagearea'><img src='" + raw[i].image + "' alt='' /></div>"
   } else {
   text = "<div class='searchitem'>"
   }
   text = text + "<div class='detailarea'>" + raw[i].text + "</div></div>";
   
   
   array[array.length] = { 'data': { text: raw[i].text, value: text, url: raw[i].landing, image: raw[i].image },
   'result': '', 'value': raw[i].text
   }
   };
   }
   return array;
   }
   });

Can you see anything in here that would make it not work at all my source is returning values by the way. And I have jquery-1.9.0.min.js loaded. Please help. It used to work on IE only and now NOTHING!

If you need any other info please feel free to ask.

Kind regards,
Glenn - glenn223

I've got the code bellow and i want it to wait 1 second before showing. Also when it shows and hides, to do it in a transition of about a second. I'm really struggling and the help would be really appreciated.

html:

1.     <ol class="top">
2. <li>
4.       <a href="/link1" class="show">topList1</a>
5.         <div class="sublist" style="left:0px;">
6.             <div class="row">
7.               <ul>
8.                  <li><a href="/list1link" class="head">list1</a></li>
9.                   <ul>
10.             </div>
11.       </div>
12. </li>
14. <li>
15.         <a href="/link2" class="show">topList2</a>
16.             <div class="sublist" style="left:0px;">
17.                   <div class="row">
18.                         <ul>
19.                        <li><a href="/list12ink" class="head">list2</a></li>
20.                         <ul>
21.                   </div>
22.             </div>
23.       </li>
24. </ol>

css:

2. ol.top{ list-style-type: none; margin: 0px; padding: 0px; position:relative; float:left;}
3. ol.top li { float: left; border: 1px solid silver;}
4. div.sublist { display: none; }
5. li:hover a.show + div.sublist { display:block; opacity: 1.0; }
6. a.show:hover + div.sublist { display:block; opacity: 1.0; }
7. div.sublist:hover { display:block; opacity: 1.0; }

It would mean allot if you could do something for me.

Kind regards,

     Glenn - glenn223