Search jQuery

jQuery Forum

Screen name:
stenotti

stenotti's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Dynamic content multitemplate page
[4Replies]
- 21-Feb-2013 09:07 AM
- Forum: jQuery Mobile
Hi all,
I've a multi-template page with 2 pages.
The first contains a listview of element loaded dinamically by a json.
When a list item is clicked, I have to show the second page with another listview, with the items related to che clicked item.
I'm able to create correctly the view, but when I click the back button and choose another item, the second page also contains the items of the old page.
I've tried to use $("#list").empty(); but when i load the second page for the second time, jquerymobile doesn't load the css correctly.

How can I correct this bug?

Another question.
If I create another file.html for the second page and I use the method
1. $.mobile.changePage( file.html, {
2. data: data,
3. transition: "slide",
4. changeHash: true,
5. reloadPage: true
6. });
And in the file.html I initialize the contens in the method
1. $( document ).bind( "pageload", function( event, data )
when I click the back button and choose another item, I've the same problem, and are loaded the contents for the old view and the new view.
Thanks all,
Stefano

Login jquery, php and ajax
[1Reply]
- 18-Feb-2013 10:04 AM
- Forum: jQuery Mobile
Hi all,
I'm learning to use jQueryMobile to develop a web application.
I'm trying to do a simple login form that, on success, load another html page.
To do this, i wrote this javascript that i've insert in the <head> tag:

function onSuccess(data){
var jsonString = JSON.stringify(data);
var json = jQuery.parseJSON(jsonString);
if(json.success=="true"){
window.localStorage.setItem('userData', jsonString);
setCookie("username", json.user);
$.mobile.changePage( "pages/home/index.html", {
transition: "slide",
changeHash:true,
reloadPage:true,
dataUrl: "pages/home/index.html"
});
}
else if(json.success=="false"){
if(json.err=="userErr"){
$("#notification").text("Utente inesistente");
}
else if(json.err=="passErr"){
$("#notification").text("Password errata");
}
}
}

function onError(data){
data = $.trim(data);
$("#notification").text("Error");
}

$(document).ready(function() {
$("#submit").click(function(){
var formData = $("#loginForm").serialize();
$.ajax({
type: "POST",
url: "php/login.php",
cache: false,
dataType: 'json',
data: formData,
success: onSuccess,
error: onError
});

});

The form is correctly sent and i'm able to load the page "pages/home/index.html" on success, but the problem is that if in the new page I click the back button, when I resend the form it doesn't perform because take the link of php page starting from "pages/home/", so doesn't found the page.

In the second page, the back button is implemented as:

$("#backButton").click(function() {
setCookie("username", null);
window.localStorage.setItem('userData', null);
$.mobile.changePage( "../../index.html", {
transition: "slide",
reverse: true,
changeHash:true,
reloadPage:true
});

in the $(document).bind('pageload', function (evt,data)

How can I correct this?

And another question, in the new page (pages/home/index.html), where should I put the initializations of the buttons of this page?

Thanks in advance,
Stefano.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend