Trouble with putting google maps in a collapsible set in jquery mobile.
Hello I'm trying to put a google map in a collapsible set in a jquery mobile site I'm working on. The map skips when moved in the div but outside the div it behaves normally. Does anyone have a solution for this problem? The code looks like this and it's inside a collapsible-set: <div data-role="collapsible" data-collapsed="true"> <h3> Navigation</h3> <div data-role="content" id="map_canvas" > <script type="text/javascript"> function initializeMap()
Show colorbox popup images outside popup window.
Hi, I am calling colorbox images in popup and colorbox get displayed inside popup. I want to show images in colorbox outside popup window. Any idea? [CODE] <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Page</title> <script language="javascript" type="text/javascript"> function viewAttachments()
selectable lost area selected using animate zoom
$("#slider").slider({ value: 1, min: 0.1, max: 2, step: 0.1, slide: function (event, ui) { $("#amount").html("" + parseInt((ui.value) * 100) + "%"); $('#<%= GridView1.ClientID%>').animate({ zoom: ui.value }, 1); //selectable___(); } }); $("#amount").html("100%"); function selectable___() { $(document).ready(function
Passing Data to an AJAX Call
Hey all so Im trying to put data through an AJAX call into this div <div class="scroll-pane2 blue small" style=""> <p id="bulletinBodyArea" style="margin-right:20px;"></p> </div> The AJAX is being triggered when one clicks on one of the links being fed from the database <div class="bulletinSectionAccordion rounded"> <p class="blue" style="font-size:19px;margin-left:23px;margin-top:15px;margin-bottom:10px;">Archives</p>
Preventing paste event not working in jquery-mobile
hi, I am using jquery-mobile for developing my phongap application. I want to restrict paste event in particular input text. I have tried with normal jquery paste and copy events. But that is not at triggering. Can anyone help me to resolve this issue. Advance thanks for that..
I want to add one Element in XML file using jquery,How can i ?
Hello, Please let me know how to add parent and child node in xml file using jquery.Kindly reply as soon as possible,
show part of image on li:hover
Hi all, I've got a header with a <h1> and a very large image inside. Below the header, I placed a nav with some links and sublinks. Through css I set the sublinks to display:none; when hovering over a <li>, the sublinks appear. So far, so good.. The huge image inside the header is clipped to show only a part of the whole image. When hovering over a <li>, I want to show a bit more of the image eg. fill the sub-ul with more of the image. Now I've got this working, only I'm seeing more of the image
jquery.ui tabs help
Hi All, I have been searching for days and cannot seem to come up with an answer. I using jquery ui tabs and I have a form in the tabs. All my validation is done in my script which also contains my form i.e phpscript.php jquery is calling my script, the form displays but when I try and submit data the form just refreshes. this is the code in my head section. <script> $(document).ready(function(){ // set the tabs $("#tabs").tabs(); // Capture the form's submit event $('.legal').live('submit', function()
Datepicker
how to add Jquery datepicker in dynamically loaded textbox.i.e., When i click a button , the popup containing textboxes from external page will shows in the present page. in that textbox i want to use datepicker. i have used following ajax for Loading a external page <script type="text/javascript"> function manageapp(id,apcno) { /*alert(id); alert(apcno);*/ //alert(dd); if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari req=new XMLHttpRequest(); } else {// code for IE6,
JSLint warnings of jquery.ui.widget.js 1.9.0-beta.1
I'm checking jquery.ui.widget.js 1.9.0-beta.1(*1) by JSLint, and I have a question about the source code. *1 https://github.com/jquery/jquery-mobile/blob/1.2.0/js/jquery.ui.widget.js#L189 JSLint says "Do not use 'new' for side effects." at L189. Is this fatal problem ? 184: this.each(function() { 185: var instance = $.data( this, fullName ); 186: if ( instance ) { 187: instance.option( options || {} )._init(); 188: } else { 189: new object( options, this ); 190: } 191: }); Thanks.
Select Test In [ https://github.com/jquery/jquery-mobile ]
Now, I'm testing jQuery Mobile using QUnit Test Suits which are attached to [https://github.com/jquery/jquery-mobile]. Test suit is including in [ jquery-mobile/tests/unit/select/index.html ] My condition is that iOS 5.1.1 safari browser In Select Test(select_core.js), following test of second assertion is failed. asyncTest( "selecting an item from a dialog sized custom select menu leaves no dialog hash key", function(){ var dialogHashKey = "ui-state=dialog"; $.testHelper.pageSequence([ resetHash,
Tap Event on iOS 5.1.1
Please teach me about jQuery Mobile Tap Event Handler. My condition is that iOS 5.1.1 safari browser. when I tap jQuery Mobile Button , sometimes event handler don't fire. Thanks.
Sortable not working when the list comes from ajax
Hi, I am unable to do sortable when the list is coming from Servlet layer using ajax. My code: $(function() { $( "ul.droptrue" ).sortable({ connectWith: "ul" }); $( "#sortable1, #sortable2, #sortable3" ).disableSelection(); }); function changeSecurityConfig(securityType){ if (typeof XMLHttpRequest != "undefined"){ xmlHttp= new XMLHttpRequest(); } else if (window.ActiveXObject){ xmlHttp= new ActiveXObject("Microsoft.XMLHTTP"); } if (xmlHttp==null){
help needed regarding dialogs
I am having two dialogs on a page, one will show Telerik control in a div. The other will show another aspx page as popup. the first dialog is functioning correctly, until I open the second dialog that calls a .aspx page. The problem is the telerik control stops working after the second dialog is opened
How to select all combo boxes whose id starts with cmd?
How to select all combo boxes which id starts with 'cmd' ?
Help with dynamically changing content text size and background colour only?
Hi all. I’m not in the IT industry, just a college lecturer trying to give my students some bite size learning resources to use on their phones. I do have some programming experience mainly VB with Silverlight to get visual attendance data over time and HTML from a site I had a few years ago. I have created a single html page that has about 8 jqm pages for information relevant to their course, with a 10 question multi-choice quiz (10 pages) at the end with feedback on their chosen answers. This is
Change event misfiring for checkbox group only for iOS
Hi experts, I am developing a hybrid mobile application using jQuery Mobile and it needs to be used on both iOS and Android platforms. I have a group of checkboxes that are displayed horizontally (they look like a line of buttons) that can be checked/unchecked in any number. I have a listener for the change event so I know if something has changed in the group. However when testing in iOS simulator I found that tapping any other part of the screen unchecks the most recently checked checkbox, and
Auto dial when phone icon touched
I'm creating my first Mobile Web using JQuery Mobile, for a restaurant. and wish to place a phone icon on the contact page that will auto dial when touched. Can anyone please help.
Set a radio button in a fieldset?
All... On my JSP register page, I have a password entry field, and "Male" "Female" radio buttons. They are set up to display side by side. <div align="center"> <div style="width:300px;"> <fieldset class="ui-grid-a" style="height:75px;"> <div class="ui-block-a" style="padding-top:10px;"> <label for="registerPassword">Password</label> <input type="password" name="usrPassword" id="registerPassword" autocapitalize="none" style="width:145px;" value="${requestScope.usrPassword}"
problems with links
I have just almost finished my mobile phone website through jquery mobile. The links top and bottom work correctly on Firefox, Safari,maxthon,but they do not work on google chrome, opera. Considering I've already got a full functional website that works on all browsers I cannot understand why this mobile phone version isn't working on the three internet browsers that I have just listed. I have not bought any domain yet, I just want to make sure everything is working fine before I spend money on
jquery multiple tab dynamically
Hello Guys, I want to create multiple same tabs according to User request.Please help me in how to do that
Keeping same text alignment on different button types
Version jQuery: 1.2 URL: http://www.mobilehost.me/MP/ I'm using both collapsible and link buttons on the same page. The issue I'm having is the text position on linked centered and collapsible text on the left. How can I place the test in the same position on the buttons? <div data-role="controlgroup" data-inline="true" data-mini="true"> <a href="appetizers.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Appetizers</a> <a href="soups-salads.html" data-role="button"
I am looking for a treeview jquery code with a future to save the state of expanded nodes!
Hi I am looking foe a jquery script that creates a treeview menu! I have found couple but I need one with the ability to save the notes states! So if I expand the node called categories and found 3 links under it Manage Categories Add Edit Delete Reports So when I expand categories then I click on edit. I want the nodes to stay expanded exactly where are they now open not to reset! Is there any such a thing in jquery?
jquery append button formatting issue
hello, i have a issue with the jquery button. i parse a xml to iport a list "li" with jquery.. for(i; i < count; i++) { .... $('#veranstaltungenrss').append('<li><a href="'+link+'">'+filterDate+' | '+title+' | '+filterTime+'</a></li>'); } $('#veranstaltungenrss').append('<a href="#" data-role="button" data-icon="refresh" class="load-more">Weitere laden...</a>'); $('#veranstaltungenrss').listview('refresh');
JQuery Validate + Form Plugin integration Confusion
Hello all! I cannot figure out for the life of me why this code wont work. Its a simple 3 field form with validation. After submission the form should reset and thank the user for their email. Ive looked over all the docs and even watched a few Youtube vids, but I can figure out my mistake. (document).ready(function(){ $("#contact_form").validate({ rules:{ namefield:{ required: true, minlength: 10 }, emailaddress:{ required:true, minlength:
How to designate callback routine in jsonp?
Hello, How can I designate the callback I want to use in my jsonp? Below doesnt work ... $.ajax({ type: 'get', async: true, dataType: 'jsonp', url:'http://open.mapquestapi.com/geocoding/v1/address?callback=editResults", data:{location:$json),
setting style properties to table>tbody>tr>th cells
hello! trying to set the css class (or style properties) of th cells that are created with an asp.net gridview. my html looks something like this: <table> <tbody> <tr id="DT_V1_grdData_trueheader"> <th>... <th>... <th>... <th>... <th>... </tr> .... here are a couple of scripts i've tried to access the th cells w/in the first row, but neither of them work. can anyone point me in the right direction? i feel like i've given up 1/2 a day
mix of e.data and custom event?
Hello all, I think I need some help with a little question. In my code I use e.data for a window resize function that changes CSS of elements. So I have: $(document).ready(function() { sizing_I({data: {zoom:2.4}}); $(window). on('resize', function() { …other functions here… }) .on('resize', {zoom:2.4}, sizing_I); }); and the function: function sizing_I(e) { var wh = $(window).height(); var f = e.data.zoom; var f2 = f*2; var f4 = f*4; var f10 = f*10; var f20 = f*20; var f150
Is there a to call a function when you close or reopen the App
Dear All, I know that even "pagebeforehiden" will call a script when with change of page. But when I close the application, there si an event for that? The same when with open it? Thank and happy new year
How can I check if googlemap is not reload or is already loaded
Dear all, I have a juquerymobile built for iPhone and I would like to make it working on other smartphone is Android. It has several page and on the first (#home) google map is loaded: // When I visit the #home page $('#home').live('pagebeforeshow', function(e){ // Resize #mapHome (#mapHome = Sreen hight - footer - header) $('#mapHome').css('height', Resize.content()-0 +'px'); // Start tracking the Use // extract les id des modules existants navigator.geolocation.getCurrentPosition(function(position){
How to do this using jquery instead of CS flash???
Hi. I would like to know if it possible to do this using jquery to retrieve data from my database and presenting in my web page like the flash I attach. I'm getting problems using flash (beside being very slow) so I want to change it. The idea is to use each button in bottom (NOV, ABC, ...) to show different types of information and in movement. Anybody knows if there is something slightly similar to use it or adapt it. Here is the swf and html page (Flash CS5): https://dl.dropbox.com/u/66063007/FLASHJQUERY/todoinjquery.rar
Inline datepicker not rendered when disabled
Create an inline datepicker with the disabled option or call the disable method later, and you don't see any calendar at all. It would be very nice to just be able to disable the visible calendar, i.e. turn off callbacks, but levae it up for viewing! Is this a bug? Seems so to me... cheers, jab
problem with css animation on older Safari
Hi all, lately I discovered that some animation of mine ( that workes fine on most today browsers) does not so with the older 3.0.4 Safari I have on my old MacBook. (Yet it works fine with an even older Camino on it) Here is the CSS: .central { position: absolute; width: 60px; height: 600px; top: 50%; left: 50%; margin-top: -300px; margin-left: -30px; } #white_line { position: absolute; background-color: #ffffff; width: 4px; height: 150px; top: -25%; left: 50%; margin-left:
Edit a specific table cell using jQuery
Hi , I have table created by Json : function show(json) { var content = '<tbody>'; var counter; for(counter = 0; counter < json.length; counter++) { content += '<tr><td>' + json[counter]['id'] + '</td>' + '<td>' + json[counter]['time'] + '<td>' + json[counter]['fullname'] + '</td>' + '<td>' + json[counter]['message'] +'</td>' +'<td>' + json[counter]['level'] +'</td>' + '<td><div id = ' + json[counter]['id'] + '><input type="button" id = "listbutton" value="Answer"
As this is a simple question I guess its not needed to paste the entire code.
I have set anchor tags in navigation section in the left to take me to different sections in my site like home, about, contact, etc. In the contact section I have three tabs like contact, location, hello in the same order. So when ever I click the contact in the navigation menu it should take me to the contact tab in the contact section. That is actually done. But its doing this only at page reload. When I click on the hello tab in the contact section, go back to home and then if I again click on
storing data from a form each time it is called
Can I save data to an array each time a form is submit? Or do I have to store the data somewhere else?
Smoothness is not working as you developed in Your Demo Site
HI i am using accordion control as you explained in you demo site .its working fine but when i click flickering the control not working smoothly as your Site Thanks
can i dynamically insert a new li into Split button list?
Hi Everyone, I try to create a Split button list dynamically, since all the item are retrieve in runtime. http://jquerymobile.com/demos/1.2.0/docs/lists/lists-split.html what I did is, I define a ul like the following: <ul id="timer-list" data-role="listview" data-split-icon="delete" data-split-theme="a"> then in runtime, I use JQuery to insert new li into the ul. $("#timer-list").append('<li id="' + itemId + '">\ <a href="#">\ Some
Set css property in code (not value, but property)
Hello, I'm want to create animation, where picture is animated from left, right, top and bottom. I'm using absolute position for animation, but I don't know how can I dynamicaly set css property (like left, right, bottom, top); something like this: var tmp = 'left'; $('ul.grid li').eq(2).find('img.flag').animate(tmp, '0'); Can you help me please? Thank you and have a nice day! Sebastian
jQuery, Java - Struts and Eclipse Integration
Hi I am new to jQuery. I am in need to develop web site using Struts, JSP, Servlets, AJAX and MySQL with eclipse juno IDE. I just google about jQuery and that brought me here. I need to create a good web page designs and then integrate them with above mentioned technologies and IDE. Do jQuery support such development or it is just an extended JavaScript? If so can anyone guide me for the same.
Next Page