jQuery Forum

Hi there,
I'm using jQuery mobile with multi-page template.
In one of my pages I'm using a Loop and it built 5 pages:
<div data-role='page' id='page1'>, <div data-role='page' id='page2'> and etc,.
 which are same, just the values are different as it  taken from SQL tables.
I have an image tag that the id is named as mainPhoto, which is the main photo of of the page.
attached the mainPhoto HTML img tag:

<img id='mainPhoto' src='../image/items/page1.jpg' style='position: relative; margin-left: auto; margin-right: auto; margin-top: -15px;'/>

I also have 2-3 thumbnails photos on the page that when the user click on one of them the small thumbnail photo turn to be the mainPhoto.
Means the previous photo disappeared and the new thumbnail image source replaced with it.
attached the thumbnail HTML code:

<a href='../image/items/page1_01.jpg' data-ajax='false' class='thumbnail'><img src='../image/items/page_01.jpg'/></a>

<a href='../image/items/page1_02.jpg' data-ajax='false' class='thumbnail'><img src='../image/items/page_02.jpg'/></a>

And this is the jQuery code:

$(document).ready(function(){
        $('.thumbnail').click(function(){
        var mainImage = $(this).attr("href"); //Find Image Name
        $("#mainPhoto").attr({ src: mainImage });
        return false;
        });
        });

Everything works great and the swapping of the photos is working on all the pages and photos.
The only problem I'm facing with is that the last swapped image stay in the mainPhoto img class and not refreshed with the new vales, even when I navigate to another page.
For example the mainPhoto of page 1 is page1.jpg by default.
I clicked on the thumbnail and it changed the photo of mainPhoto to be page1_02.jpg.

Now the problem is when I turn to page 2, the new image "page2.jpg" that mentioned in the img html class is not loading, as the jQuery changed it to the previous thumbnail photo in the previous page.
So my problem is that the photo of the previous page is kept, while I already navigate to another page.
How can I set that when a new page loading the mainPhoto will be reset to the HTML code of the nee page that loaded?

Thanks in advanced  for your help!
Ofir.

Hi everyone,
I have auto complete input in my website which includes objects array like label and value.
I need to send the form instantly once the user chose the suggestion from the pop up menu of the auto complete.
How can I do it, is there an addition to the script that can do that?
As I need to send the form and to get also the value of the label selected in another page.
Is there is a script addition can do that or I need to transfer the javascript value into html input hidden so I can get it to another page?
Please your help.
Attached the form in my HTML

1. <form name="client_autocomplete" method="post" action="catalog.           
   
2. <input name="client" id="client" />
3. </form>

Hi everyone,
When I'm using simple JSON syntax like this auto complete works perfect:

1. [ "Choice1", "Choice2" ]

Hi Everyone,
I need to use autocomplete in my website.
I integrate it with my SQL database and I'm using an ASP page to generate the JSON parse.
The JSON parse I'm using have label and value for each suggest, that means that I need to get the value that behind the label text shows in the autocomplete suggestions.
My JSON output syntax is:

1. [{ label: "client1" value: "1"},{ label: "client2" value: "2"},{ label: "client3" value: "3"}]

Now, all works well, but I'm getting the label text and not the value text into my input.
Means the result is "client1" instead of the value "1".
How can I set that the autocomplete will retrieve the value and not the label?

Thanks and waiting for your kind reply.
Ofir,

Hi everyone,
I want to integrate the autocomplete feature in my website.
As my site it written in ASP CLASSIC, I've been already wroten ASP source page instead of the original PHP using JSON which works pretty well and get my information via SQL.
Actually the script is working great after get the values from my SQL server, but I have one problem that when the label variable includes apostrophes in the variable - the autocomplete does not apply or suggest it as just  ignoring this variable and continue to the next one, even I'm writing the problematic label text correct.
When running the source.asp file I can see that the output is shown correct, for example:

[{"label":"Test1","value":"Value1"},{"label":"Te"st2","value":"Value2"},{"label":"Test3","value":"Value3"}]

The bold label is the problem as in the Test text I have also " so the autocompleate function just ignore this label and value and continue to the next Text3 label.
So finally when I'm writing in the textbox value like "Te" I'm getting results for only Test1 and Test3 - the value "Te"st2" is ignored.

Attached my source.asp file source code for your idea -

1. <%@ Language=VBScript  Codepage=65001 %>
   
   <%
   
       Response.charSet = "utf-8"
       Response.Codepage=65001
       Response.ContentType = "application/json"
   
       Dim rs,stSQL, result, resultLen
   
       Strt = request.querystring("term")
      
      
      
       'create an instance of the ADO connection and recordset object
   Set oConnection = Server.CreateObject("ADODB.Connection")
   
   'define the connection string
   oConnection.Open "my_connection_string_here"
   
   set rs = oConnection.Execute("SELECT CUSTDES, STATE FROM CUSTOMERS where CUSTDES like '%" & Strt & "%'")
   
   
      
       result=""
       While Not rs.EOF
          
           result = result & "{""label"":""" & rs.Fields("CUSTDES") & """,""value"":""" & rs.Fields("CUSTDES") & """},"
           'result = result & """" & rs.Fields("CUSTDES") & ""","
           rs.moveNext
       Wend
       resultLen = Len(result)
       If resultLen>1 then
           result = Left(result, resultLen-1)
       End if
       result = "[" & result & "]"
      
       response.write result
       'closeRecordset rs
      
       %>