Search jQuery

jQuery Forum

Screen name:
srikrish

srikrish's Profile

35 Posts

46 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Table TD value gets me the TH value also why?
[2Replies]
- 12-Mar-2013 06:25 AM
- Forum: jQuery Mobile
Hi ,

I was working on the 1.3 jqm table to get TD values, but strangely, I am getting TH along with it? Can you please check on this.

// sample table
2. <div id="checkonme" style="display:none;">
3. <table data-role="table" id="debug" class="table-stripe ui-responsive table-stroke">
4. <thead style="font-size:small;font-weight:bold">
5. <tr>
6. <th>NickName</th>
7. </tr>
8. </thead>
9. <tbody class="mytbody">
10. <tr style="font-size:small;" class="myrow">
11. <td class="mynickname">Hey Nick</td>
12. </tr>
13. </tbody>
14. </table>
15. </div>
and //script try
2. $('.mytbody tr').click(function( index ) {
3. mytest = trim($(this).find('.mynickname').text()) ; console.log(mytest);
4. // returns NickName Hey Nick
5. mytest = trim($(this).find('.mynickname').htnl()) ; console.log(mytest);
6. // returns <b class="ui-table-cell-label">NickName</b>Hey Nick
7. })
Anything I fail to catchup ?
Regards
Srikrish
"Learning Continues..."

Doubt in JQM 1.3 Table Column Toggle
[0Replies]
- 10-Mar-2013 10:59 AM
- Forum: jQuery Mobile
Hi,

In Table toggle, data-priority is a nice feature.

Although not for comparison, a bit outside, I feel "Tables in Grid mode" if I may say so. (One common limitation you have advised is 5 column in both cases).

As I have few more extra columns...Here is my need and I am not sure how to go about it.

By default want a column in hide mode (unchecked in toggle) instead going through toggle. Toggle should have this unchecked by default.

If I may have something like data-priority-check="false" attribute for data-priority.
This will complement data-priority feature. If users wish they can check in toggle to show that column.

I am sure it can be achieved via code as of now, can you please shed some light on how to go start in those lines if I have to. if this is worth a suggestion would be glad to post as an Idea.

Regards
Srikrish
"Learning Continues..."

auto complete clarification
[3Replies]
- 09-Mar-2013 07:08 AM
- Forum: jQuery Mobile
Hi,

I am using - jqm1.3, my scenario is this

I am able to construct and display the search listview via ajax / GET attached to a text search input item
1. '<li data-theme="c" data-iconpos="notext"><a class="myfind" data-ajax="false" href="#" id="'+res[i]+'">'+names[i]+'</a></li>'
2. // names is json return
I am struck at these following 2 issues,

a) to populate in text item after I click on the listitem and listview hides ,
b) or when data-clear-btn="true"

I tried this but no help
1. $('li .myfind a').on('click', function(e){
2. e.preventDefault();
3. $("#myfindtxt").val($(this).attr("id"));
4. })
Please guide me on this . Also, can you guide if I can choose to ignore listviewbeforefilter over my list view construction. I have just used it on pageinit.

PS:
a) I am using above listview in data-role="popup".
b) data-clear-btn="true" , some browser deliberate to press tab twice for next item navigation. Is this expected behaviour?
c) There pretty good plugins out there, but admin constraints on my side.

I would really appreciate for a quick help.

Regards
Srikrish
"Learning continues..."

Checkbox in Jqm migration to 1.3 having trouble.
[2Replies]
- 15-Feb-2013 01:12 AM
- Forum: jQuery Mobile
Hi,
Can you please help me in checkbox issue i am facing while migrating from 1.0.1 to 1.3

Here is the specific code for which the error is.
1. if ($('input:checkbox[name="checkboxMyChoice"+counter]:checked').val() == 1 );{
2. // do some logic
3. }
the error in console is this
unrecognized expression: input:checkbox[name=
Please let me know what/how should I use it correctly to check the value.

Help very much appreciated

Regards
Srikrish
"Learning Continues..."

Text inconsistent alignment in buttons across browsers
[3Replies]
- 03-Oct-2012 10:38 AM
- Forum: jQuery Mobile
Hi,

I have shown two browsers that display my text in buttons inconsistently.

While initial times Chrome was my choice, now it seem it is not showing the text properly in my buttons.

The same is well displayed in other browser (Opera as in figure, or safari etc)

I dont know where to check for this anomalies.

you may check at this site http://guruttam.com/docs/gmindex.php

regards
SriKrish
"Learning Continues"

How to make JQM to an downloadable app
[5Replies]
- 01-Oct-2012 11:12 PM
- Forum: jQuery Mobile
Hi,

I am sure this must be one of those baby footstep questions.

Say I have am having an jQM + php + Db(JPD) built application fully functional. As of now, there is no device specific features that this application is depending upon. If I type web URL it works in the smart phones.

Now if I have to provide this as downloadable app is it possible and where should be the cut-off, I mean all processing are done at the server side. (basically nevertheless to say php generates the rendering JQM scripts).

Should we keep building devices specific code say an Init screen or some sort and make that as downloadable app to the user and a button click internally calls up to our server side my JPD application.

I have no idea on this, can you kindly guide the way to do it or look for some docs.

Please help me on this.

SriKrish
"Learning Continues"

Pls suggest free chat plugin/script available with JQM
[0Replies]
- 15-Jun-2012 01:02 AM
- Forum: jQuery Mobile
Hi,

For my website I had used Meebo so far, but now that Google has acquired and de-support notice announced I would like to know if you can suggest free chat plugin/script available around that works with JQM.1.0

regards
Srikrish

iconpos="notext" renders circular image in content
[2Replies]
- 16-Mar-2012 11:46 AM
- Forum: jQuery Mobile
Hi,

Issue 1:
The icons with iconpos="notext" rendering appears circular in content, Any chance to change this. Is this intentional design.
1. <a href="index.html" data-role="button" data-ajax="false" data-iconpos="notext" id="previd" data-inline="true" data-icon="arrow-l" >Prev</a>
I m having this in the content so it looks little different.
How do i get the rectangular buttons.

Issue 2:
Also, when I used Buttons , the rendering of button labels gets a blur text overlap (in Opera Mini where i tested this), but not if i replace this by <a data-role="button"> the look and feel is good (Opera mini renders good as in other browsers). So wherever i used buttons i m replacing with <a data-role="button">. This is also in content div.

Please advise on these two where i am failing to understand.

regards
Srikrish
"Learning Continues..."

How to format textarea inputs in JQM?
[4Replies]
- 10-Mar-2012 11:24 AM
- Forum: jQuery Mobile
Hi,

What is the best way to go formatting a text in a textarea in Jquerymobile ?
Any editors (a.k.a web based cleditor) that can be a plugin sort or any recommendation as how to achieve this will be quite helpful.

regards
Srikrish
"Learning Continues..."

How to conditionally show collapsible content?
[3Replies]
- 27-Feb-2012 09:27 AM
- Forum: jQuery Mobile
Hi,

My Food page

1. Fruits
2. Juice
3. Salads

in my Detail page I show collapisble=false attached for Fruit Details something like this

- Fruit Details
This is my collapsible content show by default for Fruit.
+ Juice Details
+ Salads Details

I want to expand when i traverse to the respective details based on Food page menu selection. Say if I click Juice my landing page should show Juice Details like this
+ Fruit Details
- Juice Details
This is my collapsible content show by default for Juice.
+ Salads Details

I used pagehide of Food page i store
1. targetToExpand = toExpandTarget = $("li a").attr("id") ;
I use pageshow of Details thought to compare both text match and set the collapisble=false but not successful
1. supposeToExpand = $(this).find(":jqmData(role=content)").find("h3").text()
It adds " click to expand contents" to my static heading.

Any help very much appreciated.

regards
Srikrish
"Learning Continues..."

how to "enhance jqm" when i return from a dialog page
[0Replies]
- 25-Feb-2012 06:20 PM
- Forum: jQuery Mobile
Hi,

I have a page with header navbar, which toggles respective divs in the page. The pageshows contents correctly on each of its call.

in one of the div i have <a href="abc.php" data-role="button" data-mini="true" data-inline="true" data-rel="dialog" data-transition="flip">

the dialog page shows up and on close i.e while returning, the source div contents gets hidden/not enhanced, unless i press f5 in browser.

is it a logical error of calling show particular div or how should i enhance... trigger("create")?

PS: data-mini="true" has no effect in 1.0.1 please let me know what I should check to make this work. As of now this appears as usual non-mini button.

Help appreciated.

regards
Srikrish
"Learning continues..."

About Navbars
[0Replies]
- 20-Feb-2012 12:56 PM
- Forum: jQuery Mobile
Hi,

At the least, I have this two scenarios but I do not know how to achieve this with Navbars.
Experts can vet if it qualifies as an idea.

There could be workarounds with JQ plugins but I would be comfortable as suggested below to work with mainstream JQM, I am not so techie to write without guidance in the current Jqm.

I would prefer to have

1) like sliders , a timer based sequential switch to subsequent navbars (say data-timer=myTime, data-slide="left", data-slidestop="true" )

2) certain Form input val() meeting 'my' condition, should trigger switch to subsequent or named navbars (say navdivtarget.trigger("switch") )

regards
Srikrish
"Learning continues..."

Why this ? Uncaught TypeError: Cannot read property 'jQuery1640526861684396863' of undefined
[2Replies]
- 18-Feb-2012 05:21 AM
- Forum: jQuery Mobile
Hi,

Although my pages are working, i got this random error
Uncaught TypeError: Cannot read property 'jQuery1640526861684396863' of undefined
I m unable to produce this error, but seeing it now
the number appended is not same next time.

It happened to me in a page of this construct

Page with
1. html with 3 pages
2. in one of the collapsible div content,
2. after i added a simple checkbox ...(first(couple of) time i saw this msg, however, it is non-reproducable now)
3. script with bind('pagebeforecreate'

Can you pls advise under what scenario this error would have occurred or is it something I can ignore?

regards
Srikrish
Learning Continues

How to know what JQM class to add while inserting a control dynamically?
[6Replies]
- 16-Feb-2012 12:00 PM
- Forum: jQuery Mobile
Hi,

I have say a home page with a footer having a link button
1. <div data-role="footer" class="ui-bar" data-position="fixed" id="myfootpg" >
2. <a href="#" data-role="button" data-icon="home" data-iconpos="left" data-theme="e>Old</a>
3. <div data-role="controlgroup" data-type="horizontal" id="ftrctrgrp">
4. <span class="fotrsep"> </span> // separator
5. </div>
now assume i go to a landing page where I insert another link button in above footer
by
1. var newlink = '<a href="#" data-role="button" data-icon="home" data-iconpos="left" data-theme="e>New</a> ';
2. $(newlink).insertAfter($('.fotrsep'));
but this assumption of insertion is not working in tandem with jqm feel factor so i added
1. $(newlink).insertAfter($('.fotrsep')).addClass('ui-btn-inner') ;
2. $('ftrctrgrp').trigger('create'); // enclosed div i trigger, assuming it is rightway to get jqm feel factor
but some improvement, but not good, so finally,
I go again and inspect in Chrome copying all the class-span-etc, and put in newlink.
Some breather here, it works, but still not perfect.

I expected that since the new insertion is within div of controlgroup, it will remove 1st link ui-btn-right-corner and add to 2nd link.

So if i keep doing manually everything this is taking me nowhere, something wrong i m doing.

please advise what is basic thing that i should put in addClass and a proper trigger so that my ui controls are even. This was just a case of <a></a> but may apply to other controls as well, i guess.

Just like data-attribute reference in docs, if you have something like class-attribute it would be great for a learner like me.

Help in this regards is much appreciated.

regards
Srikrish
"Learning continues"

How to upload image/file from local mobile using JQM to apps
[1Reply]
- 09-Feb-2012 12:30 PM
- Forum: jQuery Mobile
Hi Greetings,

How to upload image/file from local mobile using/through my http hosted JQM apps. e.g. Just like social share.
How can JQM handshake with user mobile device ?

Sure this is very basic questions and most of you would have already have an answer. Seeking expert's guidance on right way to go about.

Help very much appreciated.

regards
Srikrish
Beginner-And-Then-A-Beginner

Why my $.mobile.changePage target page does not fire events?
[2Replies]
- 07-Feb-2012 10:46 PM
- Forum: Getting Started
Hi there,

Wondering if you can please look at 2 simple files and help me understand the problem.
The sample page 1 calls page 2 , but
let me know why the page 2 does not fire its button !!

Page 1
2. <!DOCTYPE html>
3. <html>
4. <head>
5. <meta name="viewport" content="width=device-width, initial-scale=1">
6. <title>Single page Template</title>
7. <link rel="stylesheet" href="./css/jquery.mobile-1.0.min.css" type="text/css">
8. <script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
9. <script type="text/javascript" src="./js/jquery.mobile-1.0.min.js"></script>
10. </head>
11. <body>
12. <div data-role="page" id="pg1">
13. <div data-role="header">
14. <h1>Header Gallery</h1>
15. </div>
16. <div data-role="content" id="con1">
17. <form id="f1" action="#">
18. <p>
19. Sample 1
20. </p>
21. <input type="text" name="myname" id="myname" value="myname1"/>
22. <input type="button" value="Confrim" id="btn1" data-ajax="false" data-inline="true">
23. </form>
24. </div>
25. <div data-role="footer">
26. <h4>Footer Gallery</h4>
27. </div>
28. </div>
29. <script>
30. $('#pg1').live('pageshow', function(){
31. $("#btn1").click(function () {
32. $.mobile.changePage( "testmobilepage2.php", {
33. type: "post",
34. transition: "pop",
35. reverse: false,
36. changeHash: false,
37. data: $("form#f1").serialize()
38. });
39. })
40. });
41. </script>
43. </body>
44. </html>
Page 2
2. <!DOCTYPE html>
3. <html>
4. <head>
5. <meta name="viewport" content="width=device-width, initial-scale=1">
6. <title>Single page Template</title>
7. <link rel="stylesheet" href="./css/jquery.mobile-1.0.min.css" type="text/css">
8. <script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
9. <script type="text/javascript" src="./js/jquery.mobile-1.0.min.js"></script>
10. </head>
11. <body>
12. <div data-role="page" id="pg2">
13. <div data-role="header">
14. <h1>Header Gallery</h1>
15. </div>
16. <div data-role="content" id="con2">
17. <p>
18. Welcome <strong> <?php echo $_REQUEST['myname']; ?> </strong>to Sample 2 page
19. </p>
20. <input type="button" value="Save" id="btn2" data-ajax="false" data-inline="true" >
21. </div>
22. <div data-role="footer">
23. <h4>Footer Gallery</h4>
24. </div>
25. </div>
26. </script>
27. $('#pg2').live('pageshow', function(){
28. $("#btn2").click(function () {
29. alert('Saved Temporarily'+ '"'+<?php echo $_REQUEST['myname']; ?>+ '"');
30. })
31. });
32. </script>
33. </body>
34. </html>
help appreciated..

regards
Srikrish

Textarea value becomes empty unless I manually focus in it.
[1Reply]
- 04-Feb-2012 06:53 AM
- Forum: jQuery Mobile
Hi,

I fetch data into textarea through php for edits.
The Textarea value becomes empty when I read unless I manually focus in respective textarea.
Struck to find where i am wrong, guess it must be basic somewhere missing.
Could you please look into and help me out.

//php generates multiple textarea
2. ' <div data-role="fieldcontain" id="subject">' .
3. ' <textarea name="textareaptxt'.$myqcount.'1" id="textareaptxt'.$myqcount.'1" placeholder="' .$mydbrowtext. '" value="' .$mydbrowtext. '"></textarea> ' .
4. ' </div>' .
//js , i have used following focus/blur to show retrieved db text to user
2. $('#gcfgpgocreate').live('pageshow', function(){
3. $('textarea').focus(function() {
4. $(this).val($(this).attr('placeholder'));
5. });
6. $('textarea').blur(function() {
7. $(this).attr('placeholder',$(this).val());
8. });
9. //etc
10. })
//processformdata.php
// i get the serialized form value of textarea only if i focus on the textarea
// else
// those textarea id i dont focus is empty?

Your help very much appreciated.

Regards
Srikrish

Opera Emulator Issue I m facing
[6Replies]
- 15-Jan-2012 03:18 PM
- Forum: jQuery Mobile
Hi there,

I have a strange issue recent try using Opera 11.5 emulator with my app so
i just tried to use the emualtor with JQM basic template link,

http://jquerymobile.com/demos/1.0/docs/pages/page-template.html

it misses the data-theme? (or somethings on jqm css)

anybody experienced, any pointers to check will be greatly appreciated...
non-mobile jquery website are shown correctly in the emualtor?

i m trying to figure out where is the problem? can you help me on this.

pls see jpeg attachment.

regards
SriKrish
Attachments
- sampleoperaemulator.jpg
  
  Size: 162.31 KB Downloads: 1844

Display Spacing
[0Replies]
- 08-Jan-2012 09:33 AM
- Forum: jQuery Mobile
Hi,

Belated New Year Greetings.

Please see image attachment which displays vast space between labels and input fields in php-injected code.
The js/script code below is displaying correctly. Both are in same page and working fine functionally except for odd rendering of php code.

// php code
2. <?php
3. $mycount = 1;
4. // below code inside php for loop ..for loops until maxDBcounter value
5. echo '<div id="TextBoxDiv'.$mycount.'">';
6. echo '<div data-role="fieldcontain" >'.
7. '<label for="textbox'.$mycount.'">Topic #'. $mycount .' : </label>' .
8. '<input type="text" name="textbox' . $mycount .
9. '" id="textbox' . $mycount . '" value="'.$mycount. '" '.
10. 'placeholder="Topic'.$mycount .'"' .
11. '>' .
12. '</div> </div> '
13. ;
14. ?>
and js code
2. // called on demand
3. var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
4. newTextBoxDiv.html(
5. '<div data-role="fieldcontain" >'+
6. '<label for="textbox"'+counter+'>Topic #'+ counter + ' : </label>' +
7. '<input type="text" name="textbox' + counter +
8. '" id="textbox' + counter + '" value="Topic'+counter+ '" '+
9. 'placeholder="Topic'+counter +'"' +
10. '>') +
11. '</div> '
12. ;
Can you please help where is the problem.
regards
Srikrish
"New To Development"
Attachments
- space.jpg
  
  Size: 40.67 KB Downloads: 1851

live (change) works but not live( click )
[1Reply]
- 18-Dec-2011 09:03 AM
- Forum: jQuery Mobile
Hi,

As on the learning curve, finding difficult to presume the reason when recommended live(click ) fails to work but live(change) would work, this happens to be my case..

please guide what i m doing wrong which is making click event not getting fired...

// js
2. $(document).ready(function() {
3. $("input[name='usractsuschkbox']").live('change', function() { // replacing change to click fails
4. var n = $("input[name^='usractsus']:checked").length;
5. if ( parseInt(n) == 1) {
6. singleuserselect(); // say $("div#hidenseek").css("color","amber");
7. }
8. else if ( parseInt(n) > 1) { // say $("div#hidenseek").css("color","green");
9. groupuserselect();
10. }
11. else {
12. nouserselect(); // say $("div#hidenseek").css("color","red");
13. }
14. })
15. })
The checkbox is dynamically generated and within div container of li which holds it.
2. $.each(data, function(i,val){
3. listmarkupinput = '<li>' +
4. '<div id="dvcontainer-'+i+'">' +
5. '<input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-'+i+'" class="custom" value="' +data[i].username +'"/> ' +
6. '<label for="usractsuschkbox-' +i+'">' + data[i].username +' ( ' + data[i].lusername + ' )</label>' + '</div>' +
7. '</li>';
8. $('#mylist').append(listmarkupinput);
9. $("#dvcontainer-"+i).trigger('create');
10. $("#mylist").listview("refresh");
11. $("#usractsuschkbox-"+i).checkboxradio("refresh"); // added while test click and change
12. })
Should I code differently because these Checkboxes is embeded inside div > li ? pls advise.

Regards
Srikrish
"New To Development"

PS: Each query i put it reminds me to be thankful to the forum members on their support.

call methods on checkboxradio prior to initialization ...refresh
[6Replies]
- 15-Dec-2011 04:17 AM
- Forum: jQuery Mobile
Hi,
My thanks to the team who are patient enough answering jqm-newbies doubts.
Please let me know where i m creating problem. It is giving the following error in console for dynamic page content (list view content) injections. The page shows data correctly but i doubt on the JQM ui construct/elements. Kindly have a look at the following...

// Uncaught cannot call methods on checkboxradio prior to initialization; attempted to call method 'refresh'

Basically it is about dynamically creating listviews and apply a toggle button to select/deselect these list items.

//toggle code ...This toggle fires (but with above error for dynamic list)
$('#toggleselect').toggle(function() {
$("input[name^='usractsus']").attr("checked",true).checkboxradio("refresh");
// etc code works
}, function() {
$("input[name^='usractsus']").attr("checked",false).checkboxradio("refresh");
// etc code works
});
the refresh in my toggle is not causing any problem on static list view page, it works fine ,

<ul data-role="listview" id="mylist" data-filter="true">
<li><input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-0" class="custom" /><label for="usractsuschkbox-0">A name</label></li>
<li><input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-1" class="custom" /><label for="usractsuschkbox-1">A name</label></li>
<li><input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-2" class="custom" /><label for="usractsuschkbox-2">B name</label></li>
</ul>
BUT When i dynamically generate and place inside (in place of above static)

<ul data-role="listview" id="mylist" data-filter="true">

</ul>
using
$(document).ready(function() {
$.getJSON(
"../../../json/json6data.php",
function(data){
$.each(data.userdata, function(i,user){
var listrmarkup = '<li><input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-'+i+'" class="custom" /><label for="usractsuschkbox-' +i+' ">'+user.first+ '</label></li>';
$("#mylist").append(listrmarkup);
// Enhance the listview we just injected.
$("#myadminchkal").page();
$("#mylist").listview("refresh");
});
})
})
it has following problem.

1) an error - as underlined earlier (...attempt on refresh prior initialization )
2) the list view when inspected does not have any of the JQM class UI inheritance (as in static page e.g. theme etc)...it is just a plain listmarkup what i have injected and displayed. i sense this is the reason of problem..
3) it makes me doubtful if have to avoid ready and in place use bind / live and why?

please help me to solve 1 , clarify 2 and 3 JQM concept...

your help much appreciated..

regards
Srikrish
"New To Development"

How to trigger silentScroll on collapsible div click
[6Replies]
- 12-Dec-2011 08:53 AM
- Forum: jQuery Mobile
Hi there,

I have the following, code that displays a data in one of the collapsible divs. The data is shown in the div correctly but i a bit of aesthetics is missing on my side; thought silentScroll should help the user indicate some data is rendered. There are some div that happens to be at the bottom of visual screen.
1. <div data-role="collapsible-set" data-content-theme="c">
  <div data-role="collapsible" data-theme="b" data-content-theme="d" class="mycollapsible">
  <h3>Sample Data</h3>
  <div id="mydatadiv" style="width:250px;height:170px;" ></div>
  </div>
  </div>
What should i do so that my data is scrolled up for the user and manual scrolling can be avoided ( let us say i use $.mobile.silentScroll(-100)) as below.
2. $('.mycollapsible').click(function(){
3. $.mobile.silentScroll(-100);
4. })
but unfortunately, this does not work . I m not sure on this!

Can you please correct me.

Thanks in advance.
regards
Srikrish
"New To Development"

Jqplot with JQM data-role="collapsible" not rendering
[1Reply]
- 11-Dec-2011 11:20 AM
- Forum: jQuery Mobile
Hi,

Kindly advise where could be wrong.

When integrating JQM with Jqplot , if I run outside data-role="collapsible" it works including inside data-role="collapsible-set" . Please see the skeleton-code-comments
1. <div data-role="collapsible-set" data-content-theme="c">
2. 
3. <div id="chartdiv" style="width:250px;height:170px;" ></div>
4. <div data-role="collapsible" data-theme="b" data-content-theme="d">
5. <h3>Sample Chart</h3>
6. 
7. <div id="chartdiv" style="width:250px;height:170px;" ></div>
8. </div>
9. </div>
Please advise what should i do?

regards
Srikrish

Swipe Event Problem
[1Reply]
- 29-Nov-2011 11:03 AM
- Forum: jQuery Mobile
Hi,

I have a popme.php which works well with swipe events when tested individually(it is multiple page single doc), but when i call through caller.php this does not work, it shows me only the first page content of popme.php and does not allow swiping?

Is it restricted because of ajax changepage call /dialog relation? I am terribly struck!. Correct my understanding and help me solve it.

my caller.php looks like this
1. // caller.php
2. // html
3. <button id="infoid" data-inline="true" data-icon="info" data-iconpos="notext" data-shadow="false" >Information </button>
4. ..
5. //js
7. $("#infoid").click(function() {
8. $.mobile.changePage( "./popme.php", { data: "msg=Shree :" , transition: "flip", role:"dialog" });
9. });
can you please guide through and shed some light on this.

Regards
Srikrish
(Definitely Newbie)

How to have separator in horizontal group-buttons
[1Reply]
- 29-Nov-2011 05:25 AM
- Forum: jQuery Mobile
Hi
Please advise me to have in JQM group icons with separator (space or left-center-right alignment)
(as you see in the edit box menu of posting here..)
2. <div data-role="controlgroup" data-type="horizontal" >
3. <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
4. <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
5. <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
6. Some meaningful separator to be here (can be a input text also)
7. <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
8. <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
9. <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
10. </div>
Kindly help.
regards
Srikrish

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend