Search jQuery

jQuery Forum

Screen name:
tomyyba

tomyyba's Profile

4 Posts

9 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Jquery mobile 1.4 navigate to dynamically created page
[9Replies]
- 06-Dec-2013 04:32 AM
- Forum: Developing jQuery Mobile
Hi guys

does anyone has idea how to navigate to dynamically created page in jquery mobile 1.4?
e.g. in 1.3.0 version I did it like this
1. ajaxCall(param1).always(function (data) {
              //$.mobile.hidePageLoadingMsg();
             if (data.d != null) {
                  var newPage = $(data.d);
  
                  //append it to the page container
                  newPage.appendTo($.mobile.pageContainer);
                  //go to it
                  $.mobile.changePage(newPage );
  
              }
              else {
                  MyApp.DisplayErrorMsg("Error calling service!!");
              }
          });
Thanks in advance,
Tommy

CSS issue when using JQuery Mobile + Backbone.js
[1Reply]
- 17-Jul-2013 09:49 AM
- Forum: jQuery Mobile
Hi guys,

I would like to override some JQM classes such as .ui-header and some others.
So I have index.html file where I load css in this order.
1. <!DOCTYPE html>
2. <html >
3. <head>
4. <title></title>
6. <meta name="viewport" content="width=device-width, initial-scale=1">
7. <link href="Content/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" />
8. <link href="Content/myCustom.css" rel="stylesheet" type="text/css" />
10. 
12. </head>
13. <body>
14. </body>
15. </html >
Basically what happens is that all other styles( in myCustom.css) are applied, just those where I override JQM classes are not.
I noticed that if I use <style>/*my override css rules*/ </style>tag in the head of index.html then rules are applied. This is strange behavior and i cannot discover cause, so any help is welcome.

P.S. sorry if my English is bad :)

jquery mobile: custom back button
[2Replies]
- 26-Apr-2013 09:57 AM
- Forum: jQuery Mobile
Hi all,

I have the following situation. Inside one page I load dynamic content via web services. Something like:
1st level => Sports list desc: (when user clicks on specific sport) then I load all states
2nd level => States list desc: (when user clicks on specific state) then I load all leagues
3rd level => Leagues list

etc......

So I am able to do custom "back button" in a form normal jquery mobile button <a date-role="button">Back</a>, then I dynamic change onclick attr to put function name which will be called. (eg. currently I am on States list, and I put onclick ="GenereteSportsList" in back button ).
but I would like to override behavior of jquery mobile default back button in a way that i can put custom href or onclick attribute.

Hope I was clear enough :).

Thanks in advance,
Tomislav

JqueryMobile and asp.net master pages refresh footer
[4Replies]
- 08-Mar-2013 08:48 AM
- Forum: jQuery Mobile
Hi all,

I'm new to jquery mobile and I started to build mobile app that uses asp.net web forms and jquery mobile.
This is my master page file:
1. <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterMobile2.master.cs" Inherits="MasterMobile2" %>
  
  <!DOCTYPE html>
  <html>
      <head runat="server">
      <meta charset="utf-8">
      <title></title>
      <asp:ContentPlaceHolder ID="head" runat="server">
      </asp:ContentPlaceHolder>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
  
      <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  </head>
  <body>
  <div data-role="page">
      <div data-role="header">
  
          <h1>Title</h1>
  
  
  
      </div>
      <form runat="server">
      <div data-role="content">
      <asp:ContentPlaceHolder ID="MainContent" runat="server" />
  
      </div>
      </form>
  
      
      <div data-role="footer" class="ui-navbar-custom" data-position="fixed">
          <div data-role="navbar" class="ui-navbar-custom">
              <ul>
                  <li><a href="link1" id="home" data-icon="custom" data-transition="none" <%--data-ajax="false"--%>>Home</a></li>
                  <li><a href='link2' id="link2" data-icon="custom" data-transition="none" <%--data-ajax="false"--%>>Link1</a></li>
                  <li><a href='link3' id="link3" data-icon="custom" data-transition="none" <%--data-ajax="false"--%>>Link2</a></li>
  
              </ul>
          </div>
      </div>
  </div>
  
  </body>
  </html>
I would like to keep ajax transition between child(footer navigation) pages but to have possibility to update e.g. footer navigation dynamically on server.

Any help or advices are welcome..

Best regards,

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend