Response title
This is preview!
- Screen name: markthien1
markthien1's Profile
18 Posts
8 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 31-Oct-2012 12:38 PM
- Forum: jQuery Mobile
Hi Guys,I encountered an extreme weird problem on Android device where the data in listview will only display when i touch on the screen. I am using jqm 1.2, phonegap 2.1, eclipse juno 4.2.1, and samsung galaxy note. Below are the code:- <div data-role="page" id="sent_receipt" data-title="Sent Receipt" data-dom-cache="true">
- <div data-role="header" class="header" data-position="fixed" data-tap-toggle="false">
- <a id="a_sent_receipt" href="#search_receipt_option" data-icon="arrow-l" class="ui-btn-left" data-iconpos="notext" data-theme="d" data-direction="reverse"></a>
- <h2>Sent Receipt</h2>
- <a id="refresh" href="#" data-icon="refresh" class="ui-btn-right" data-iconpos="notext" data-theme="d"></a>
- </div><!-- /header -->
- <div data-role="content" data-iscroll>
- <ul data-role="listview" id="ul_no_record">
- </ul>
- <ul data-role="listview" id="ul_sent_receipt_list_today">
- </ul>
- <ul data-role="listview" id="ul_sent_receipt_list_yesterday">
- </ul>
- <ul data-role="listview" id="ul_sent_receipt_list_this_week">
- </ul>
- <ul data-role="listview" id="ul_sent_receipt_list_last_week">
- </ul>
- </div><!-- /content -->
- <div data-role="footer" data-position="fixed" data-tap-toggle="false">
- </div><!-- /footer -->
- </div><!-- /page -->
- $.ajax({
- type: 'POST',
- url: myApp.getHost() + myApp.getReceiptsUrl(),
- cache: false,
- data: {'email':myApp.getStoreValue('email')},
- dataType: 'json',
- timeout: myApp.getRequestTimeout(),
- beforeSend: function(x) {
- if (x && x.overrideMimeType) {
- x.overrideMimeType('application/json;charset=UTF-8');
- }
- },
- success: function(res) {
- if(res.end === undefined) {
- // some populated data goes here
- ul.append('<li id="li_show_more" data-icon="false"></li>').listview('refresh').css('display','block');
- } else {
- ul.listview('refresh').css('display','block');
- }
- },
- error: function(jqXHR, exception) {
- },
- complete: function(res) {
- }
Appreciate anyone can help here. thanks !regards,Mark- Hi Guys,I want to make the horizontal radio button to full width of the screen and I am referring http://jquerymobile.com/demos/1.1.1/docs/forms/radiobuttons/ and my code is below:
- <div>
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-choice-1" id="spent_money_1" value="choice-1" checked="checked" /> <label for="spent_money_1">Spent Some $</label>
- <input type="radio" name="radio-choice-1" id="made_money_1" value="choice-2"/>
- <label for="made_money_1">Made Some $</label>
- </fieldset>
- </div>
and i tried to put style="width:100%" in both div, fieldset and input but doesn't help either. Appreciate any advice please. thanks !Cheers,Mark
- 29-Aug-2012 01:15 AM
- Forum: jQuery Mobile
just as a tip for someone looking to load google map dynamically in jqm 1.1.1. hope this help ! Cheers !- in your index.html file:
- <div id="map_canvas"></div>
- in your js file:
- $('#map_canvas').live("pageinit", function() {
- $('#map_canvas').css({'width':$(window).width(),'height':$(window).height()});
- });
- $('#location').live("pageshow", function() {
- if(window.navigator.onLine){
- $.getScript("http://www.google.com/jsapi").done(function(script, textStatus) {
- google.load("maps","3", {"other_params":"sensor=false","callback":"loadJqueryUiMap"});
- });
- } else {
- // alert user and doesn't need to continue
- }
- });
- function loadJqueryUiMap(){
- $.getScript("jquery/jquery.ui.map.full.min.js").done(function(script, textStatus) {
- loadMap();
- });
- }
- function loadMap(){
- var map = $('#map_canvas');
- map.gmap('destroy');
- var latLng = new google.maps.LatLng('1.222222','110.333333333');
- map.gmap({'center': latLng, 'zoom': 15, 'disableDefaultUI': true, 'streetViewControl': true,'callback': function() {
- var self = this;
- self.addMarker({'position': this.get('map').getCenter() }).click(function() {
- self.openInfoWindow({ 'content': 'Awesome Google Map' }, this);
- });
- }});
- map.gmap('refresh');
- }
- Hi guys,i am using jqm 1.1.1 and trying the custom select menus (http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html). however, it is not stretch full 100% width like those input textbox. in addition, there is always a line appeal at the bottom of it although i already applied below CSS:
- .ui-hide-label.ui-br, .no-field-separator {
- border-bottom-width: 0;
- }
- .ui-field-contain.ui-hide-label, .no-field-separator {
- margin: 1em 0;
- padding: 0;
- }
- 08-Oct-2009 07:27 PM
- Forum: Using jQuery
Hi guys,
I got a page displaying subscriber's name, phone number and email. I need to update the table's row when there's a new record found in database.
Hence, I need to use a while loop (forever) to query backend database like every 2 seconds. Just like Gmail, you leave it there and when there's a new email, you will see it instantly update the table to the first row.
Anyone can advice on how to accomplish this using jQuery easily? I am not sure if Gmail is using push or pull method to get email updated in the table.
Thanks,
Mark- 11-Jul-2009 05:59 PM
- Forum: Using jQuery
Hi guys,
I got a textarea and I need to detect instantly if user input is a
chinese character or not. IS there anyway jquery can help this?
Thanks & Regards,
Mark
--
View this message in context: http://www.nabble.com/how-to-detect-if-user-input-is-a-chinese-character--tp24445883s27240p24445883.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 11-Jul-2009 05:57 PM
- Forum: Using jQuery
Hi guys,
I got a textarea and I need to detect instantly if user input is a chinese character or not. IS there anyway jquery can help this?
Thanks & Regards,
Mark- 06-Apr-2009 11:03 PM
- Forum: Using jQuery
Hi guys,
I just couldn't get the tablesorter pagination to work. I'm using
jquery-1.3.2.min.js. Below are my scripts:
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
<script type="text/javascript"
src="js/jquery.tablesorter.pager.js"></script>
$("#contact_list_table").tablesorter({
// pass the headers argument and assing a object
headers: {
// assign the secound column (we start counting zero)
0: {
// disable it by setting the property sorter to false
sorter: false
}
}
}).tablesorterPager({container: $("#pager")});
<table class="tablesorter" id="contact_list_table">
<thead>
<tr>
<th></th>
<th>Mobile</th>
<th>Email</th>
<th>Name</th>
<th>Abbreviation</th>
</tr>
</thead>
<tbody class="tb">
</tbody>
</table>
<div id="pager" class="pager">
<form>
F
P
<input type="text" class="pagedisplay"/>
N
L
<select class="pagesize">
<option selected="selected" value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</div>
Please help. Thanks !
regards,
Mark
--
View this message in context: http://www.nabble.com/couldn%27t-get-pagination-to-work-tp22926018s27240p22926018.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 10-Mar-2009 03:56 PM
- Forum: Using jQuery
Hi guys,
I upgraded to 1.3.2 from 1.2.6 and the following stop working:
$("input[@type=checkbox]").each(function(i, item) {
});
where I have almost spent an hour to diagnose it. Hence, I change to the
following then it works :
$("#form1 :checkbox").each(function(i, item) {
});
hope this may help someone out there
regards,
Mark Thien
Menggaris | The Technology Buddy
markt |@| menggaris.com
--
View this message in context: http://www.nabble.com/Jquery-1.3.2-bug-in-getting-checkbox-.....-maybe-tp22447984s27240p22447984.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 06-Feb-2009 12:44 AM
- Forum: Using jQuery
Hi guys,
My website is www.menggaris.com and if you go there 1st time, you will
find that it takes sometimes to load as the first page consist of several
images of a total of about 260kb in size. My index.html is like follow:
----------------------------------------------------------------------------------------------
<body>
<div id="main">
<div id="slide"></div>
<div id="skip" style="display:none;margin:50px 0;font-size:36px">
about.php Get me out of here !
</div>
</div>
</body>
----------------------------------------------------------------------------------------------
and the javascript for this page is like follows:
----------------------------------------------------------------------------------------------
jQuery.preloadImages = function()
{
for(var i = 0; i<arguments.length; i++)
{
jQuery(" ").attr("src", arguments[i]);
}
};
$.preloadImages('images/loading.gif','images/logo.jpg',
'images/tech-buddy.jpg', 'images/microsoft-logo.jpg',
'images/java-logo.gif',
'images/linux-logo.jpg','images/mysql-logo-web-large.jpg','images/oracle-logo-web.jpg','images/dotnet-logo-web-large.jpg','images/php-logo-web-large.jpg','images/mssql.jpg','images/san-logo-web-large.jpg','images/bea-logo.gif');
$(function() {
$('#slide').crossSlide({
fade: 1
}, [
{
src: 'images/logo.jpg',
from: '100% 80% 1x',
to: '100% 0% 1.7x',
time: 3
}, {
src: 'images/tech-buddy.jpg',
from: '100% 80% 1.5x',
to: '80% 0% 1.1x',
time: 3
}, {
src: 'images/microsoft-logo.jpg',
from: '100% 80% 1x',
to: '100% 0% 1.7x',
time: 2
}, {
src: 'images/java-logo.gif',
from: '100% 50%',
to: 'bottom right 1.5x',
time: 2
}, {
src: 'images/linux-logo.jpg',
from: 'top left',
to: 'bottom right 1.5x',
time: 2
}, {
src: 'images/mysql-logo-web-large.jpg',
from: '100% 80% 1.5x',
to: '80% 0% 1.1x',
time: 2
}, {
src: 'images/oracle-logo-web.jpg',
from: 'top left',
to: 'bottom right 1.5x',
time: 2
}, {
src: 'images/dotnet-logo-web-large.jpg',
from: '100% 50%',
to: '30% 50% 1.5x',
time: 2
}, {
src: 'images/php-logo-web-large.jpg',
from: 'top left',
to: '30% 50% 1.5x',
time: 2
}, {
src: 'images/mssql.jpg',
from: '100% 80% 1.5x',
to: '80% 0% 1.1x',
time: 2
}, {
src: 'images/san-logo-web-large.jpg',
from: 'top left',
to: 'bottom right 1.5x',
time: 2
}, {
src: 'images/bea-logo.gif',
from: 'top right',
to: 'bottom right 1.5x',
time: 2
}
]);
});
$(document).ready(function(){
$('#skip').show('slow');
});
----------------------------------------------------------------------------------------------
I am trying to use the jquery preloadImages function. I slide show library I
am using is by jquery.cross-slide.js.
The problem here is that I want to finish loading the images then the word
"Get me out of here !" appear. Now the word appear before those images
finished loading.
Is is possible that I use jquery to check if all the images have done
loading then I display the word "Get me out of here !" ? If yes, could
someone please show me the code ?
Thanks,
Mark Thien
--
View this message in context: http://www.nabble.com/how-to-wait-for-image-finished-loading-then-display-the-page--tp21866970s27240p21866970.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Hi guys,
For instance, user click a link on Site1 and the browser bring user to
Site2. In Site2, how can I use jquery to get the url of Site1 ? Appreciate
if anyone can help here. Thanks !
regards,
Mark
--
View this message in context: http://www.nabble.com/How-to-get-last-url---tp18796221s27240p18796221.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Hi Guys,
I got an javascript object like this :
var usercontacts = { id:null, contactEmail:null, contactName:null,
source:null };
and I save it into an Array with multiple of it.
How can I remove one of this object from an array ?
Thanks & Regards,
Mark
--
View this message in context: http://www.nabble.com/How-to-remove-an-object-from-an-Array---tp18178764s27240p18178764.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 13-Apr-2008 06:46 AM
- Forum: Using jQuery
Hi guys,
if got the following code which may insert duplicate record in an Array:
var userContactArray = new Array();
var count = 0;
$.each(item,function(j,item) {
var usercontacts = { id:null, contactEmail:null,
contactName:null, source:null };
usercontacts.id = item.id;
usercontacts.contactEmail = item.contactEmail;
usercontacts.contactName = item.contactName;
usercontacts.source = item.source;
userContactArray[count] = usercontacts;
count++;
});
}
is there anyway we can remove the duplicate record inside the Array
(userContactArray) ?
Thanks & Regards,
Mark
--
View this message in context: http://www.nabble.com/Remove-duplicate-record-in-an-Array-tp16661989s27240p16661989.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 01-Apr-2008 05:04 AM
- Forum: Using jQuery
Hi guys,
I am using greybox. However, I need to append some parameter to the link
before opening the frame by greybox. For instance, I got a link like this :
sendPage.html Send Email
<script type="text/javascript">
/* <![CDATA[ */
var GB_ROOT_DIR = "http://localhost:8080/todo/scripts/greybox/";
$(document).ready(function() {
$("a[@rel='gb_page[600,600]']").click(function() {
// how to append the parameter the link here?
});
});
/* ]]> */
</script>
Thanks & Regards,
Mark
--
View this message in context: http://www.nabble.com/How-to-append-parameter-to-a-href---tp16418706s27240p16418706.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 07-Mar-2008 10:31 AM
- Forum: Using jQuery
Hi guys,
if tried the following where usercontacts.j is in my localhost pc
windows vista (tomcat6) and alert showed like [object object] mean there's
some object in json argument:
$.getJSON("usercontacts.js", function(json){
alert(json);
});
so when I changed to remote location :
$.getJSON("http://stufftolet.com/test/usercontacts.js", function(json){
alert(json);
});
the alert doesn't work alert anymore. However, both behavior (local and
remote) works on windows xp in my office. Is it some kind of security issue
where stupid vista try to block outgoing connection? Appreciate any advice
and help, Thanks !
regards,
Mark
--
View this message in context: http://www.nabble.com/%24.getJSON-doesn%27t-work-on-Vista-PC-while-calling-remote-server-tp15893358s27240p15893358.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 07-Mar-2008 09:55 AM
- Forum: Using jQuery
Hi guys,
if tried the following where usercontacts.j is in my localhost pc
windows vista (tomcat6) and alert showed like [object object] mean there's
some object in json argument:
$.getJSON("usercontacts.js", function(json){
alert(json);
});
so when I changed to remote location :
$.getJSON("http://stufftolet.com/test/usercontacts.js", function(json){
alert(json);
});
the alert doesn't work alert anymore. However, both behavior (local and
remote) works on windows xp in my office. Is it some kind of security issue
where stupid vista try to block outgoing connection? Appreciate any advice
and help, Thanks !
regards,
Mark
--
View this message in context: http://www.nabble.com/%24.getJSON-doesn%27t-work-on-Vista-PC-while-calling-remote-server-tp15893358s27240p15893358.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.- 23-Jan-2008 11:50 AM
- Forum: Using jQuery
Hi guys,
I need to know if it's possible to call a php page, which is in
Apache HTTP Server, using jquery ajax from a jsp page, which is in a
tomcat server, and return an array of data. Appreciate if you can give
me some advice.
Thanks & Regards,
Mark- 23-Jan-2008 02:08 AM
- Forum: Using jQuery
Hi guys,
I need to know if it's possible to call a php page, which is in Apache HTTP Server, using jquery ajax from a jsp page, which is in a tomcat server. Appreciate if you can give me some advice.
Thanks & Regards,
Mark
© 2012 jQuery Foundation
Sponsored by
and others.