Response title
This is preview!
- Screen name: srikrish
srikrish's Profile
40 Posts
50 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 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
- <div id="checkonme" style="display:none;">
- <table data-role="table" id="debug" class="table-stripe ui-responsive table-stroke">
- <thead style="font-size:small;font-weight:bold">
- <tr>
- <th>NickName</th>
- </tr>
- </thead>
- <tbody class="mytbody">
- <tr style="font-size:small;" class="myrow">
- <td class="mynickname">Hey Nick</td>
- </tr>
- </tbody>
- </table>
- </div>
- $('.mytbody tr').click(function( index ) {
- mytest = trim($(this).find('.mynickname').text()) ; console.log(mytest);
- // returns NickName Hey Nick
- mytest = trim($(this).find('.mynickname').htnl()) ; console.log(mytest);
- // returns <b class="ui-table-cell-label">NickName</b>Hey Nick
- })
RegardsSrikrish"Learning Continues..."- 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.RegardsSrikrish"Learning Continues..."- Hi,I am using - jqm1.3, my scenario is thisI am able to construct and display the search listview via ajax / GET attached to a text search input item
- '<li data-theme="c" data-iconpos="notext"><a class="myfind" data-ajax="false" href="#" id="'+res[i]+'">'+names[i]+'</a></li>'
- // 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- $('li .myfind a').on('click', function(e){
- e.preventDefault();
- $("#myfindtxt").val($(this).attr("id"));
- })
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.RegardsSrikrish"Learning continues..."- 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.3Here is the specific code for which the error is.- if ($('input:checkbox[name="checkboxMyChoice"+counter]:checked').val() == 1 );{
- // do some logic
- }
Please let me know what/how should I use it correctly to check the value.unrecognized expression: input:checkbox[name=Help very much appreciatedRegardsSrikrish"Learning Continues..."- 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.phpregardsSriKrish"Learning Continues"- 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"
- 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.0regardsSrikrish- 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.- <a href="index.html" data-role="button" data-ajax="false" data-iconpos="notext" id="previd" data-inline="true" data-icon="arrow-l" >Prev</a>
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.regardsSrikrish"Learning Continues..."- 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.regardsSrikrish"Learning Continues..."
- Hi,My Food page1. Fruits2. Juice3. Saladsin my Detail page I show collapisble=false attached for Fruit Details something like this- Fruit DetailsThis is my collapsible content show by default for Fruit.+ Juice Details+ Salads DetailsI 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 DetailsThis is my collapsible content show by default for Juice.+ Salads DetailsI used pagehide of Food page i store
- 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- supposeToExpand = $(this).find(":jqmData(role=content)").find("h3").text()
It adds " click to expand contents" to my static heading.Any help very much appreciated.regardsSrikrish"Learning Continues..."- 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.regardsSrikrish"Learning continues..."- 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 have1) 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") )regardsSrikrish"Learning continues..."- 18-Feb-2012 05:21 AM
- Forum: jQuery Mobile
Hi,Although my pages are working, i got this random errorUncaught TypeError: Cannot read property 'jQuery1640526861684396863' of undefinedI m unable to produce this error, but seeing it nowthe number appended is not same next time.It happened to me in a page of this constructPage with1. html with 3 pages2. 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?regardsSrikrishLearning Continues- 16-Feb-2012 12:00 PM
- Forum: jQuery Mobile
Hi,I have say a home page with a footer having a link button- <div data-role="footer" class="ui-bar" data-position="fixed" id="myfootpg" >
- <a href="#" data-role="button" data-icon="home" data-iconpos="left" data-theme="e>Old</a>
- <div data-role="controlgroup" data-type="horizontal" id="ftrctrgrp">
- <span class="fotrsep"> </span> // separator
- </div>
now assume i go to a landing page where I insert another link button in above footerby- var newlink = '<a href="#" data-role="button" data-icon="home" data-iconpos="left" data-theme="e>New</a> ';
- $(newlink).insertAfter($('.fotrsep'));
but this assumption of insertion is not working in tandem with jqm feel factor so i added- $(newlink).insertAfter($('.fotrsep')).addClass('ui-btn-inner') ;
- $('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.regardsSrikrish"Learning continues"- 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.regardsSrikrishBeginner-And-Then-A-Beginner- 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 , butlet me know why the page 2 does not fire its button
!!Page 1- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Single page Template</title>
- <link rel="stylesheet" href="./css/jquery.mobile-1.0.min.css" type="text/css">
- <script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="./js/jquery.mobile-1.0.min.js"></script>
- </head>
- <body>
- <div data-role="page" id="pg1">
- <div data-role="header">
- <h1>Header Gallery</h1>
- </div>
- <div data-role="content" id="con1">
- <form id="f1" action="#">
- <p>
- Sample 1
- </p>
- <input type="text" name="myname" id="myname" value="myname1"/>
- <input type="button" value="Confrim" id="btn1" data-ajax="false" data-inline="true">
- </form>
- </div>
- <div data-role="footer">
- <h4>Footer Gallery</h4>
- </div>
- </div>
- <script>
- $('#pg1').live('pageshow', function(){
- $("#btn1").click(function () {
- $.mobile.changePage( "testmobilepage2.php", {
- type: "post",
- transition: "pop",
- reverse: false,
- changeHash: false,
- data: $("form#f1").serialize()
- });
- })
- });
- </script>
- </body>
- </html>
Page 2- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Single page Template</title>
- <link rel="stylesheet" href="./css/jquery.mobile-1.0.min.css" type="text/css">
- <script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="./js/jquery.mobile-1.0.min.js"></script>
- </head>
- <body>
- <div data-role="page" id="pg2">
- <div data-role="header">
- <h1>Header Gallery</h1>
- </div>
- <div data-role="content" id="con2">
- <p>
- Welcome <strong> <?php echo $_REQUEST['myname']; ?> </strong>to Sample 2 page
- </p>
- <input type="button" value="Save" id="btn2" data-ajax="false" data-inline="true" >
- </div>
- <div data-role="footer">
- <h4>Footer Gallery</h4>
- </div>
- </div>
- </script>
- $('#pg2').live('pageshow', function(){
- $("#btn2").click(function () {
- alert('Saved Temporarily'+ '"'+<?php echo $_REQUEST['myname']; ?>+ '"');
- })
- });
- </script>
- </body>
- </html>
help appreciated..regardsSrikrish- 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- ' <div data-role="fieldcontain" id="subject">' .
- ' <textarea name="textareaptxt'.$myqcount.'1" id="textareaptxt'.$myqcount.'1" placeholder="' .$mydbrowtext. '" value="' .$mydbrowtext. '"></textarea> ' .
- ' </div>' .
- $('#gcfgpgocreate').live('pageshow', function(){
- $('textarea').focus(function() {
- $(this).val($(this).attr('placeholder'));
- });
- $('textarea').blur(function() {
- $(this).attr('placeholder',$(this).val());
- });
- //etc
- })
// 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.RegardsSrikrish- Hi there,I have a strange issue recent try using Opera 11.5 emulator with my app soi just tried to use the emualtor with JQM basic template link,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.regardsSriKrish
- 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- <?php
- $mycount = 1;
- // below code inside php for loop ..for loops until maxDBcounter value
- echo '<div id="TextBoxDiv'.$mycount.'">';
- echo '<div data-role="fieldcontain" >'.
- '<label for="textbox'.$mycount.'">Topic #'. $mycount .' : </label>' .
- '<input type="text" name="textbox' . $mycount .
- '" id="textbox' . $mycount . '" value="'.$mycount. '" '.
- 'placeholder="Topic'.$mycount .'"' .
- '>' .
- '</div> </div> '
- ;
- ?>
- // called on demand
- var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
- newTextBoxDiv.html(
- '<div data-role="fieldcontain" >'+
- '<label for="textbox"'+counter+'>Topic #'+ counter + ' : </label>' +
- '<input type="text" name="textbox' + counter +
- '" id="textbox' + counter + '" value="Topic'+counter+ '" '+
- 'placeholder="Topic'+counter +'"' +
- '>') +
- '</div> '
- ;
Can you please help where is the problem.regardsSrikrish"New To Development"
- 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
- $(document).ready(function() {
- $("input[name='usractsuschkbox']").live('change', function() { // replacing change to click fails
- var n = $("input[name^='usractsus']:checked").length;
- if ( parseInt(n) == 1) {
- singleuserselect(); // say $("div#hidenseek").css("color","amber");
- }
- else if ( parseInt(n) > 1) { // say $("div#hidenseek").css("color","green");
- groupuserselect();
- }
- else {
- nouserselect(); // say $("div#hidenseek").css("color","red");
- }
- })
- })
The checkbox is dynamically generated and within div container of li which holds it.- $.each(data, function(i,val){
- listmarkupinput = '<li>' +
- '<div id="dvcontainer-'+i+'">' +
- '<input type="checkbox" name="usractsuschkbox" id="usractsuschkbox-'+i+'" class="custom" value="' +data[i].username +'"/> ' +
- '<label for="usractsuschkbox-' +i+'">' + data[i].username +' ( ' + data[i].lusername + ' )</label>' + '</div>' +
- '</li>';
- $('#mylist').append(listmarkupinput);
- $("#dvcontainer-"+i).trigger('create');
- $("#mylist").listview("refresh");
- $("#usractsuschkbox-"+i).checkboxradio("refresh"); // added while test click and change
- })
Should I code differently because these Checkboxes is embeded inside div > li ? pls advise.RegardsSrikrish"New To Development"PS: Each query i put it reminds me to be thankful to the forum members on their support.- 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 ,- <!-- Static List -->
- <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)- <!-- dynamic List -->
- <ul data-role="listview" id="mylist" data-filter="true">
- <!-- json php ajax li data result is here-->
- </ul>
- $(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..regardsSrikrish"New To Development"- 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.- <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.- $('.mycollapsible').click(function(){
- $.mobile.silentScroll(-100);
- })
but unfortunately, this does not work . I m not sure on this!Can you please correct me.Thanks in advance.regardsSrikrish"New To Development"- 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- <div data-role="collapsible-set" data-content-theme="c">
- <!-- chart renders placing outside data-role="collapsible" -->
- <div id="chartdiv" style="width:250px;height:170px;" ></div>
- <div data-role="collapsible" data-theme="b" data-content-theme="d">
- <h3>Sample Chart</h3>
- <!-- chart NOT rendered placing inside data-role="collapsible" -->
- <div id="chartdiv" style="width:250px;height:170px;" ></div>
- </div>
- </div>
Please advise what should i do?regardsSrikrish- Dear Support team,I recently marked keep me signed in Chrome browser, but now if i use Chrome to login, it is refreshing endlessly showing "Loading Please Wait " and not allowing to login. (Login widget trying to connect and delegating page refresh). I m not sure if this (keep me signed in) is the reason, I guess so because it is not giving opportunity to type user/pwd.So I used another browser (Opera browser to login) and send you this message.Kindly advise what I should do to continue using Chrome in case with normal login.PS: Attached the screenshot.regardsSrikrish.
- Hi,My congrats and thanks to the team on implementing Filter Topic Text , it has come out very well. I used it and then posting this query..In JQM,I want to have a combination of two powers1. data-filter="true" (of list)2. multiple="multiple" (of select)Scenario:I want to send mail to those people whose income category is "low , high" or etc...problem now is having only search helps only to see not select, andwith multiple selects if candidate items are many it is difficult to scroll.(say my DB values may have any combo of names under any category as it is all dynamically updated and i am constraint by only 1 UI to display to the user)Please see the attachment picture of my problem (multiple, search) and my need (search-multiple.png) ...I need to implement this, I have no clue how to do it in JQM app logic, any suggestions or guidance would help me out..So i thought, if JQM features can help me...say... a Filter combined with Select, new attribute like data-filter-multiple="true" (by default false) in multi-select only will be great.Pls advise.regardssrikrish"new comer to development"
© 2012 jQuery Foundation
Sponsored by
and others.