jQuery Forum

I've not created an example on jsfiddle since it'd be pointless to do so since I don't have a place readily available to upload the file to be used. Below is the exact code that is supposed to be fired off and what's not happening.

1.             $(".sliders").each(function(){
                   $(this).slider({
                           min:-127,
                           max:127,
                           slide:function(event, ui){
                               function_tester(this,ui.value);
                           }
                   });
               });

from a different file aka any .js file. The slider code is on the html page.

1. function function_tester(identifier, value){
2.       console.log('a');
3. }

The function will never be fired if the function is loaded from an external source, I've tried this in Firefox 7, and Chromium 13. Neither of them has the javascript being fired off, unless the function is defined above the function that makes the elements that are supposed to be sliders sliders.

When I do a JSON.stringify() on data from the $.ajax()'s success handler, it escapes all of the " instead of just storing them as such. Also the data, itself is unable to be used.

The way that I was using it from PHP was as follows.

1. <?PHP
2.       $array['something']=array(3,4,7);
3.       $array['something2']=array(5,6,"something else");
   
4.       echo json_encode($array);
5. ?>

The data when echoed out like that, and then used directly via JSON.stringify is the same as it would be by just echoing it out. I can also easily work with it as an array, and I am using the following 'hacks' from mozilla to handle the data.

1. function cache_write(key,value){
       return localStorage.setItem(key, JSON.stringify(value));
   }

1. function cache_read(key){
       return JSON.parse(localStorage.getItem(key));
   }

When using the data as.

1. $.ajax({
2.       url:"test.php",
3.       success:function(data){
4.                   cache_write('tester',data);
   
5.             }
6.  }
7. );

the data in 'tester', is escaped strings like what one would expect form mysql_real_escap_string(). Or something similar.

If I try to do the following.

1. var tests=cache_read('tester');
2. console.log(tests['something];

It gives an undefined.I have no idea why jquery's ajax method is returning the JSON data in a different form than PHP's json_encode gives when directly echoing it out. Even if i just do ' instead of ". It results in the same exact behavior. I imagine that it's similar for other server-side languages.

I'm not aware of any easy way to do this at the moment. The thing that I'd like to do, is to have jqueryui to use conditional arguments to decide which cache it should be reading from. The data is stored in the localStorage object via the mozilla hack.

But I don't know of an easy way to make it, so that jqueryui will easily wrap around it. Since I have a few input elements, and each one is going to have its own cache that it will be using. Since I do not want to have to use a ton of elements being built around them, I'd rather due it via a wrapper function. Since some of the inputs are changed dynamically and thus which cache they're supposed to be reading from is 'on demand' so to speak.

Is there any easy way to do this? The api i'm talking about is at the following url. http://jqueryui.com/demos/autocomplete/

I'd like to be able to use it, instead of having to use my own code through it, but if there is no easy way to do it, then I'll just have to reimplement the code myself without using jqueryui.

http://jsbin.com/idexa4/edit

That code, is not working even though said value that is returned is completely valid, i don't know why the maximum range is not letting me do it since the end result is a number. This would just let me do it with multiple items on the same page with the same class and make it slide and such based upon which one was used.

For some reason the code at the link doesn't seem to work with more than one element on the page. It says that it takes all selectors so i thought it'd work. I have one set up as '#query' and '#posts' and then a second as "#query2", '#posts2'. But it only seems to do the live update for the first one completely ignoring the second. They are both called/defined with

1.     $(document).ready(function (){       
           $('#query').liveUpdate('#posts').focus();
           $('#query2').liveUpdate('#posts2').focus();
       });

For some reason it doesn't seem to work with the second one. I don't know why this is, and it might just be some sort of issue with how jquery maps to the events but i have no idea why it wouldn't work since all other bindings work that i've used.

I don't know why but it's not working no matter how much i try to do it. I was planning on posting some elements on a page's div and one of them allows for mutiple things going on at once, as in allows for someone to have more than one of something. And since i don't think that it'll be working right if i try to pull it from 1+ items with the same name it'd just show the last one? Or is it that PHP would show them as a list... either way it's seeming that .attr() doesn't allow for a name change for some odd reason. And i was wondering if there was any function to allow for this to be changed easily written within jquery.

Ok, as i'm sure that most people here have heard about this plugin if not here's the exact link to it.live search link
and here's a link to the demo demo and finally here's the code that i was using which is the revised version of it. revised Which was done by the main man himself apparently.

Well the problem i'm having with it is that it searches by list elements. And what i was going to do was to add in a bit of hidden text for the various items that i was listing mainly the hidden text/revealing thing it doesn't allow it to work for me. Essentially i was doing a <span class="show">Click here to reveal extra text</span><p class="hide"> some rnadom text.

here is a basic layout of the page itself. And for some reason it's not working. I"m guessing it's because it read the information after it. I guess i could create a sub list item in itself but then that'd not do a whole lot for me. Does anyone know how to edit it so that i can do what i'm trying to properly?

1. # <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Untitled Document</title>
   <link href="../css/style.css" rel="stylesheet" type="text/css">
   <script src="../scripts/jquery-1.4.1.js" type="text/javascript"></script>
   <script type="text/javascript" src="../scripts/functions.js"></script>
   <script type="text/javascript" src="../scripts/jquery.livesearch.js"></script>
   <script type="text/javascript" src="../scripts/quicksilver.js"></script>
   <script type="text/javascript" charset="utf-8">
       $(document).ready(function() {
           $('.q').liveUpdate($('posts')).focus();
               });
       </script>
   <script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
            $(".hide").hide();
            $(".show").click(function()
            {
            $(this).next(".hide").slideToggle(200);
               });
            });
            </script>
   <style type="text/css">
       ul{
   list-style:none;
       }
   </style>
   </head>
    <body>
      <div class="float" id="float"><form method="get">Item Creation Help, Search for the Topic<input type="text" class="q" name="q" val="" /></form>
           <ul id="posts">
        <li><span class="show">Click here to reveal</span><p class="hide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus tortor in risus adipiscing at suscipit odio porta. Ut a magna ligula. Pellentesque porta, mauris eget malesuada mollis, risus est aliquet ipsum, vel commodo sem sem a arcu. Fusce eget nisi ipsum. Suspendisse vitae leo purus. Suspendisse potenti. Cras ultrices posuere lacus vel suscipit. Vivamus mauris lectus, pharetra a aliquet id, eleifend vel eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse non purus justo. Vestibulum tempor tristique imperdiet. Nullam mattis venenatis nisi, nec scelerisque nulla dignissim nec. Nulla vehicula nisi sit amet felis porttitor a rhoncus lectus blandit. Ut tincidunt justo quis felis sagittis et aliquet dui malesuada. Aenean erat mi, ultrices eu placerat ut, adipiscing vel turpis. Cras venenatis orci ac erat viverra nec mollis diam rhoncus. Nunc vehicula enim ac enim rutrum mattis.</p></li>
   <div>
   </body>
   <html>
   
   

OK here's the exact code right here. I don't know why it's not working for me. I click on it and it's not adding it to itself.  I've looked over it but i think it may be an append issue, but the problem is that i thought it'd just add itself all nice and calmly.

1. <div>
   
2. <table>
   
3. <tr><td class="objective">Objective:<input type="text"></td></tr>
4. </div>
5. <script>
6. $(".objective").click(function () {
7.       $(this).add("<td class='objective'>Objective:<input type='text'></td>");
8.     });
9. </script>

Any help is greatly appreciated.