Search jQuery

jQuery Forum

Screen name:
kainevarley

kainevarley's Profile

7 Posts

21 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Is it possible to add to calendar?
[0Replies]
- 20-Jun-2013 04:31 AM
- Forum: jQuery Mobile
Hi all,

Do you know if it is possible to prompt a user to be able to add a date/event to their calendar from a mobile site? It's possible from an app of course, but I was wondering if there is a way from a jQuery Mobile site?

What I'd really like to do would be to have a button called "Add to calendar" to allow a user to be able to add a booking that they have just made to their mobile device calendar.

Cheers,

Kaine

Problems with headings within LI sections
[1Reply]
- 29-Apr-2013 07:42 AM
- Forum: jQuery Mobile
Hi all,

I have chosen to "inset" most of my content using the data-inset="true" attribute to allow my background to show through, rightly or wrongly. This is generally applied to a <ul> tag, meaning that all content should be within <li> tags.

It seems that when I add heading tags (h1, h2, h3, etc) they are all formatted exactly the same, rather than accepting the browser default styles. This appears to be because they are all given a class of ui-li-heading, which is subsequently styled by the JQM standard stylesheet.

I guess that I can write a script to remove this class after it has been applied, but that seems like a bit of a fudge.

I have a few questions:
1. Have I made a mistake by wanting to use the "inset" and a background (square pegs in round holes)?
2. Or, have I missed something that will allow me to override this?
3. Or, should I just create a custom stylesheet to override the default styles?
Doing the latter (point 3) means that I won't be leveraging the browsers native style. I guess I'd rather stick closely to the JQM intended usage.
All suggestions and criticisms welcome.

Cheers,

Kaine

Recommended method for displaying user messages and errors?
[1Reply]
- 25-Apr-2013 06:16 AM
- Forum: jQuery Mobile
Hi all,

Is there a recommended way to display consistent messages to users, such as information and error messages?

For instance, displaying a message that suggests that the user may have entered an incorrect email address or password at login, or prompting them to complete a field?

Cheers,

Kaine

Add to calendar - Does it exist?
[2Replies]
- 07-Feb-2013 06:44 AM
- Forum: jQuery Mobile
Hi all,

I was just wondering if there was any way of interacting with the mobile-user's calendar, specifically adding/scheduling an event or appointment?

Part of the work that I'm doing is for a mobile bookings system. What I would like to do is offer the user a link/button to be able to add the details of their new booking to their phone's calendar.

Is this possible? Is it something that is being planned for? If the answer is no, does anyone know of an elegant work-around? My fallback position is to send the user an email from the server with an .ics file attached, assuming that works.

Cheers,

Kaine

Understanding JavaScript and Page Transitions
[14Replies]
- 04-Dec-2012 11:19 AM
- Forum: jQuery Mobile
Hi,

I have been scratching my head for while trying to figure out how to get my pages to call the JavaScript initialisation just once and not repeatedly throughout the page transitions as pages are loaded and reloaded.

Initially I tried adding script section to my div data-role="content" section. Then I tried adding it to a section below and outside the div data-role="page" section. Then I tried adding to an external JS file.

I'm tempted to remove the Ajax page loading, as some people have suggested, but that doesn't feel right either. I have created a couple of simplistic html files (attached as text files) that illustrate how many times the initialisation is being called, and how unpredictable it seems, to me at least.

My JS and JQM are a not too advanced, so I would be grateful for simple explanations.

Many thanks,

Kaine
Attachments
- page1.txt
  
  Size: 1.5 KB Downloads: 1179
- page2.txt
  
  Size: 1.5 KB Downloads: 1205

Overlay Panel Not Working After page Transition
[5Replies]
- 19-Sep-2012 06:35 AM
- Forum: jQuery Mobile
Hi,

Following the recommendation in the jQuery Mobile docs, I have implemented a similar popup overlay menu that looks and behaves the same. However, after each page transition, the overlay panel does not expand to the full height of the page unless I hit F5 on that page.

Having had a bit of a look, the problem seems to be that the popupbeforeposition event isn't being fired, or isn't being fired at the correct time.

Here is the code that I am using:
1. ```
/* Options Menu */
```
2. ```
 $("#OptionsMenuPanel").on({
```
3. ```
   popupbeforeposition: function () {
```
4. ```
     var h = $(window).height();
```
5. ```
     $("#OptionsMenuPanel").css("height", h);
```
6. ```
   }
```
7. ```
 });
```
Cheers,

Kaine

Validating Multiple Forms with a Single Form Tag

[2Replies]

27-May-2011 12:22 PM
Forum: Using jQuery Plugins

Hi all,

It doesn't appear to be possible to validate multiple forms on a pages that only has a single <form> tag, using the JQuery Validation Plugin offered by Jörn Zaefferer.

The reason I need to do this is because my pages are created with ASP.NET whose architecture generally calls for a single page-wide <form> tag.

In my designs, I'd like to submit my data using a custom ajax call to a web-method, and link it to a click event on a button. Below is an example that, hopefully, shows my difficulty:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

```
<head>
```

     <title>JQuery Validation Test</title>

     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js" type="text/javascript"></script>

     <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js" type="text/javascript"></script>

```
 </head>
```
```
 <body>
```
```
 <form action="#">
```

 <script language="javascript" type="text/javascript">

```
   $(document).ready(function()   {
```

     $("#btnSubmit1").click(function() { $("div#form1").validate(); });

     $("#btnSubmit2").click(function() { $("div#form2").validate(); });

```
   });
```
```
 </script>
```
```
 <div id="form1">
```
```
   <h1>Form 1</h1>
```
```
   <div class="outer-container">
```
```
     <div class="input-container">
```

       <label for="txtName1" class="label">Name:</label>

       <input type="text" name="txtName1" id="txtName1" class="required" />

```
     </div>
```
```
     <div class="input-container">
```

       <label for="txtEmail1" class="label">Email:</label>

       <input type="text" name="txtEmail1" id="txtEmail1" class="required email" />

```
     </div>
```
```
   </div>
```

   <div class="submit-button-container">

       <button id="btnSubmit1" class="btn-submit-1">Submit</button>

```
    </div>
```
```
 </div>
```
```
 <div id="form2">
```
```
   <h1>Form 2</h1>
```
```
   <div class="outer-container">
```

     <div class="input-container">

       <label for="txtName2" class="label">Name:</label>

       <input type="text" name="txtName2" id="txtName2" class="required" />

```
     </div>
```

     <div class="input-container">

       <label for="txtEmail2" class="label">Email:</label>

       <input type="text" name="txtEmail2" id="txtEmail2" class="required email" />

```
     </div>
```
```
   </div>
```

   <div class="submit-button-container">

     <button id="btnSubmit2" class="btn-submit-2">Submit</button>

```
   </div>
```
```
 </div>
```
```
 </form>
```
```
 </body>
```
```
 </html>
```


What I was hoping to do is to tie into the SubmitHandler of the validation plugin to
execute my custom ajax method, like this:

```
  $(document).ready(function() {
```

     $("#btnSubmit1").click(function() {

```
       $("div#form1").validate({
```

         submitHandler: function(form) {

           // execute my ajax method here

```
         }
```
```
       });
```
```
     });
```
```
   });
```


 That's idea anyway. I'm not sure that I fully understand the documentation for the Validation plugin, but it doesn't seem like this is possible, as the plugin seems to need a <form> for each form.
 
 Thanks for any help,
 
 
 Kaine

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend