Response title
This is preview!
- Screen name: srikrish
srikrish's Profile
33 Posts
41 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 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"
- 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
- // caller.php
- // html
- <button id="infoid" data-inline="true" data-icon="info" data-iconpos="notext" data-shadow="false" >Information </button>
- ..
- //js
- $("#infoid").click(function() {
- $.mobile.changePage( "./popme.php", { data: "msg=Shree :" , transition: "flip", role:"dialog" });
- });
can you please guide through and shed some light on this.RegardsSrikrish(Definitely Newbie)- HiPlease 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..)
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
- Some meaningful separator to be here (can be a input text also)
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
- </div>
Kindly help.regardsSrikrish- 28-Nov-2011 05:15 AM
- Forum: Getting Started
Hi,For a novice can experts guide me a starting point (url or so) on JQM with SQLite (is it a fair call) with some Pluses n Minus in going for it.regardsSrikrish- Hi,Is there a possibility for ajax search (or as t9 dictionary) in the topic title text/search item, so that i can learn related post in the forum and then post it. The nearest that comes to this "related post" - i suppose based on tag it greps ..that too.. either on posted forum that i am currently reading or after i have submitted the post.My problem (i think some may agree) with forum posting(beyond this as well) is that for a newbie like me there are too many postings out there. These are quite useful topics out there, however, the search is difficult and I am biased most of the time by moderator postings or just reading the topic title that attracts, for couple of pages and skip the useful rest because of constraint like time, preparation to write/ask a query etc.I m sure i could be even more a organized person! ...
but what to do..my manager wants in jiffy...money money money 
...time is money...hey! that was just out of topic...I imagine usefulness: New Postings/Posters'Please consider and let me know if feasible.regardsSrikrish- Hi,I want to do a conditional fetch on json data record fetch. kindly help me improve.I did the following coding, i m loading all json data and then filtering it successfully,I instead want my ajax request should be for target record fetch only.Please help what changes in JS or php should be done to achieve itmydatarecords.php
- <?php
- $json = '{
- "myrecords": [
- {
- "regno": "1",
- "name": "Name1",
- "greet": "Happy Programming"
- },
- {
- "regno": "2",
- "name": "Name2",
- "greet": "Happy Designing"
- }
- ]
- }';
- echo $json;
- ?>
my HTML/JS- $.getJSON("./mydatarecords.php", // read json
- function(data){
- // now all records fetched is available for display
- // currently i filter data here and display specific record
- // but I want ONLY Specific record fetched for display
- // how should i go about
- })
- .success(function() { console.log("ajax loaded successfully"); })
- .error(function(xhr, ajaxOptions, thrownError) { console.log("error"); console.log(xhr.status); console.log(thrownError);})
- .complete(function() { console.log("ajax work complete"); });
Your help would improve my coding.regardsSrikrish- Hi,If I a starter, want to have menus(dropdown/pullup) in a (Nav-bar footer/header) how do I do it?As far as i tried it seems that most docs suggest a direct landing url.Pls. guide me with a code outline.----------------------------Options v----------------------------Enable Tooltips [ ]Show me Alerts [ ]...------------------------------regdsSrikrish
- 17-Nov-2011 01:46 PM
- Forum: Getting Started
Hi,Greetings,I really appreciate the forum support as i happen to chase my fortunes in development as a newcomer.Scenario, // using jqm-rc2, sample registration - ajax callback scenario1. Say formtoregister.php calls a studentsregister.php // Ajax/json and POST2. This studentsregister.php does this2.1 validates POST data, does db work and2.2 sends back to formtoregister.php following messages //on success- echo json_encode($promoinfo); // json format, see below the echoed content
- echo "<p>Welcome $user </p>"
Problem,is plain format text is printedMessage is: {promo code: JsonNAjax} <p>Welcome Beginner </p>My question,How to format it better? if wish like this (instead of raw json data , welcome line)Message is: Promo Code: JsonNAjaxWelcome Beginner !What I have in formtoregister.php is a- <p>Message is:<span id="confirmation" name="confirmation" ></span> </p>
Please help me how should i go about.regardsSrikrish
© 2012 jQuery Foundation
Sponsored by
and others.