Not displaying map within modal screen
Hello, I cant seem to get my google map to display in my modal. The code is as follows. Does anyone see anything. Thank You var mapOptions = { zoom: 4, center: centered, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('maparea'), mapOptions; var marker = new google.maps.Marker({
Conflict between jquery lightbox_me and validate plugin for web forms
I use two jquery plugin and I have a conflict. The plugins are: Lightboxme: http://buckwilson.me/lightboxme/ jQuery Validate: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ The lighbox and validation works fine but when I fire the lightbox, the validation doesn't work. Note that I use ASP.NET Web Forms. I have the following code: HTML: <form id="form1" runat="server"> <a class="ct">Click me!</a> <div class="form" id="contact" style="display:none;"> <input type="text" id="name" name="name"
Accordion JQuery MySQL menu
Hi, Thank you in advance for your precious help. I would like, if it is possible of course, the clicked button to be active and the category expanded (open) when the desired page is loaded in a new window -- when the visitor has clicked to consult all the items of the selected category. Pleade find below the code: <div id="menuCategories"> <ul class="topnav"> <?php $query_categories = mysql_query("SELECT * FROM " . categories . " WHERE parent_id=0") or die("" . $MySQLError . ""); while($row
UI Tooltip: tracking and closing in ajax application
All, I have a ajax table editor (MATE) that typically has an header row with a columns caption. The column caption is clickable to sort the column. So there is a <a> tag inside the <td> tag that fires a javascript ajax request to reload the table. When i add a title attribute to the <td> I see two issues. 1 when i set the tooltip to track the mouse it follows nicely through the table cell until I hit the <a> tag. Then the tooltip goes and stays at the lefthand corner of the tablecell 2 clicking
Jquery Validate
Guys, i have a problem with the jQuery Plugin: Validation to validate phone numbers. Here in São Paulo (a city in Brasil), we have to use the DDD 11 before the phone number and the phone number must begin with the number 9. An example would be (11) 91234-5678 . The whole idea is when the field ddd has the number 11 the phone must have the digit 9, otherwise it doesn`t, but still have an validation. I`ve put my code at jsfiddle. I appreciate if someone could help me out with this. Thanks in advance.
Problem using OpenLayer example
Hi I am using below Jquery Mobile example of Open Layers - http://openlayers.org/dev/examples/mobile-jq.html#mappage When I zoom the map, the buttons are also zoomed which looks very odd and it becomes impossible to navigate in the map on a mobile phone. I checked the code for the example which has been reproduced as under - <div data-role="page" id="mappage"> <div data-role="content"> <div id="map"></div> </div> <div data-role="footer"> <a href="#searchpage"
I have a problem with .find in Unity.
Hi, I am having a few problems with my game in unity I have created to play against the computer in a ball game the problem is the fact that I have made the computer completely impossible to beat unless the speed of the ball glitches through the Paddles / Bats. If anyone has any way for me to be able to make the computer have like a percentage chance to get the ball would be great help. Thanks Lenny... Code is Below. This is my Code for the Ball: var speed : float; var speedX : float; var speedY
mimic data-rel="back"?
I´m build a PhoneGap/Jquery app (Android). I have a page that is called bu multiple other pages (changePage) with a button: <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a> It works great when i click on the button. It goes back to the previous page. How can i do this in code without having to know the actual path to it? Is the history.go(-1) i have seen in some example really recommended?
ChangePage finish event
Hi all, I need load dinamic page... my page name is dependent from json query returned by server. Then I inject code into my page... Example: function xxxx(idUtente, fantagiornata) { var jqxhr = $.getJSON("http://xxxxxxxxxxxxxxxx", function(data) { $.mobile.changePage( "myPage" + data.xxx + ".html); setDinamicData(data); }) .success(function() { }) .error(function() { alert("Imposibile caricare la pagina. Riprovare più tardi."); }) .complete(function()
Touch effect on image
Hi all, I developed my app using jquery mobile. I have indipendent image with one image as button. I want to manage touch effect as jquery moile button stile. When I tap it, image style must change. How can I do it? I try $(".buttonImg").bind("taphold", function(event)... and $(".buttonImg").bind("tap", function(event){ in the my function I change image but I don't like it. I want the same effect of jquery mobile. Can you help me, please? Luca
Nested List In Symbian Mobiles entire tree(menu,submenus,services form) is being displayed in home page.
Hi, We developed Tree Menu using nested list.It is working good in all mobiles but in Symbian Mobiles is diplaying entire tree(menu,submenus,services form) is being displayed in home page. Is there any way to solve this problem in JQuery Mobile? Thanks & Regards
JSON Object Special Character Issue
Hi There! I am using jQuery v1.7.1 in my Application. When I Use $.getJSON Function, it is getting failed when there are some special Characters. For example When I post a JSON Object like below { "aaData": [["","PLANNED ORDER","FAILED","---","79802","2012-10-19","MN_ORES_GEM_PE","M201","0001","GENERIC","50000","TO","Invalid Quantity Unit Code - TO;"],["","PLANNED ORDER","FAILED","---","79803","2012-10-19","MN_ORES_GEM_PF","M201","0001","GENERIC","22500","TO","Invalid Quantity Unit Code - TO;"]]
Submitting form using enter key
Hi Dear JQuery programmers, Good Day ! I am trying to use an image based hyperlink button for submitting form. So i am able to click on the image and submit form. Now requirement is to submit form if enter key is pressed in page. I copied some code from net but unable to work. Below is my code. Please correct me if i am going wrong somewhere. Thanks in Advance ! <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="login-box.css"
[Galleriffic] Open image in bigger size when clicking on it
I'm trying to customize my gallery with Galleriffic http://www.twospy.com/galleriffic/example-2.html But something important for me, is that when you click on the picture, a bigger version of itself appears (as a lightbox pop-up), instead of just switching to the next one. Anybody could help me with that ?
Language issues
If you look at http://www.whiskeywildcomo.com/media you will see a script that is loading images/albums from the Facebook page. You will notice that the language is a bit off. For example, "53 Fotos" instead of "53 Photos" and if you click a single image in an album, it has foreign text for "Go Back". I have already updated these labels in the .js file but no idea why they aren't displaying correctly after being changed. Any ideas?
Swipe events fire twice on nested delegator elements
When I nest delegating elements inside eachother swipe events cause my callbacks to fire twice. Here's an example: http://jsfiddle.net/NMDxE/24/ I posted this issue earlier on the jQuery issue tracker and they routed me here.
trying to highlight a select dropdown that changes when clicked on other element
Hi guys, My boss has asked me to set up a whole list of buttons beside a form that when clicked on change the value of a select dropdown list that resides in a seperate div. I have this working ok but I also want to have jquery detect when a values has changed in the dropdown and animate a highlighted background, I am using this effect here; http://docs.jquery.com/UI/Effects/Highlight And this is the page I am trying to use the jquery on; http://www.users.on.net/~nova/nova/index9form.html I guess
JQuery Cycle problem in IE8 and earlier
I inherited a site that uses the JQuery Cycle plugin. The slideshow is slightly different on the homepage than the inside pages, where the former is merely an <img> as a child of the parent contained, but the latter is a <div> as a child of the parent, and within this div are contained an <img>,<p>, and <span>. Both sliders are working just fine in every browser, except IE8 and below. In that case, the homepage slider (just the <img>) is transitioning fine, but the inside pages' slider does not fade
New jQuery Plugin - EzQ
This was as right of a place as I could find for announcing this. And, before I get started, I originally came up with this functionality for what I consider a fairly fringe case scenario but I couldn't find any jQuery plugins that did it already so figured I'd release it to the world. (After cleaning it up first) Anyway, here's my first jQuery plugin: https://github.com/Nemesis-Xero/jquery-ezq Like the Github page says, it's basically a wrapper for jQuery's queue functionality. It handles a lot
why are my fancybox thumbnails doing this?
I merged the roundabout and fancybox plugins together to make 1 carosel/gallery plugin... if you look at this example you'll see the thumbnails work fine.. just click on the "color options" link below the t-shirt.. http://optiq-customtees.zxq.net/fancyboxtest.html now if you go to this example where I put it in the roundabout plugin and click "color options" you'll see that the thumbnails are shaped differently, don't display the full image and does this flickering thing when you roll the mouse
fullcalendar - send POST data to json_events.php
Using fullcalendar - arshaw.com/fullcalendar/ I imagine this is simple but I can't quite get the concept clear. Basically I am working on loading events on the month prev/next click I have been trying: viewDisplay: function(view) { var next = view.title; }, //alert(next); which gives me "November 2012" split this in two, then ... events: { url: 'json-events.php', type: 'POST', <br/> data: { month: month, year: year } }, How to read the POST val in json-events.php (which builds the event array)?
Nested queue() proccess
Hi there! So here it's my question. I have some HTLM elements wich I want to animate, but instead of using .animate() method I am using other ones, as .hide()/.show() or .css() So the problem cames that I have to nest this actions in order to re-calculate container's bounds, as for example, the height property. I have something like this: obj.hide('slow').queue(function(){ objInner_1.hide('slow').queue(function(){ objInner_2.show('slow'); $(this).dequeue(); //[1] });
jqm 1.2 transition lag
Hey Guys. I'm doing a bunch more device testing here and there and I notice a pretty good lag in page transition from the time the spinner disappears (i.e. the .ui-loading class removed off of HTML) and the actual paint of the page. I'm testing on an IPhone 4 (not 4s) with 5.1 installed. I do have some script on these pages, but I've removed it all and I'm getting the same lag. The markup for each of these pages is about 10k and I do have a persistent footer bar. My transitions are left default
Making accessible the original URL used in a $.load() call.
Simply, either: make the original URL of a Div's .load() call available for future use. Perhaps as something like ("#myselector").url and/or create a .reload() method or similar to facilitate the primary objective of #1. Thanks in advance for consideration, - Pete
SCRIPT5007: Unable to get value of the property 'length': object is null or undefined.
Hi Guys, I am getting the following error with jQuery 1.8.2 and IE9 (not in compatability) mode: SCRIPT5007: Unable to get value of the property 'length': object is null or undefined. This is before any of my code is called. Is there a flag I need to set or is this a defect in the library. Cheers in advance, K
Jquery + Wcf + Sql
Hi all, could you please give me some simple example on jquery + wcf + sql ? I mean, my need is to create wcf service for getting data from sql table, jquery should help show result at web page. I'm newbie, help me please.
Hide selected id with jQuery
Hello everyone, I am stuck at part where I click a button, next which id=getOffer it hides, the button id=gotOffer shows up. In this code I have 50 buttons as you can see. If I delete these "+i" 's code works just for first button. Can anyone help me please? Thanks <script type="text/javascript"> if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET","xml/20121106.xml",false);
Having trouble trying to mix 2 plugins together..
I'm trying to mix the fancybox plugin with a carousel plugin called "roundabout"... here's my demo so far http://optiq-customtees.zxq.net/roundabout02.html you'll notice on the first two shirts I have a link at the bottom.. that's what I want to open the fancybox... but it doesn't work, it just goes to a new page and shows just 1 image... I customized how I want the fancybox to work in another html file and it works fine... why won't it work in this page?
Tooltip in IE 9
Have tooltip installed on a form and works fine on Firefox, Safari and Chrome. On IE9 the tooltip shows up at the top of the browser directly under the menu bar and runs across the whole screen. Also have datepicker installed and when you run mouse over the arrow for the month next it shows up at the top of browser as well. Any help will be greatly appreciated.
First example cannot get to work
Here is the html/script - when I click the link I get nothing, and firebug does not show any errors, so kinda stumped here. <!doctype html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"
PageInit don't work
I have two html. Index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.min.css" /> <script src="jquery.mobile/jquery-1.7.2.min"></script> <script src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script> <script src="cordova-1.9.0.js"></script> <script> </script> </head> <body> <div data-role="page" id="home">
Images deleted
We downloaded a plug in and at the JS archive it used some images that were at? http://jqueryui.com/themeroller/images/themeGallery/ for example, this image below http://jqueryui.com/themeroller/images/themeGallery/theme_90_swanky_purse.png When you removes this images this plugin stop working! I couldn't find this images for download at the plugins and now my dashboard has no images!
jQuery mobile and google maps infowindow
Hi, I have a google map inside jquery mobile loading markers. As it is when a marker is clicked the default google maps infowindow is opened as an overlay bubble on the map. Is it possible to get a marker to slide open a new jquery mobile screen with the contents of the infowindow when clicked? Cheers! Connor
If and else if
Hi everyone! I just started with jquery and now got stuck with if and else if. What I want to do is: on click check If defined class1 exists, insert a <p></p> else if defined class2 exists, insert a different <p></p>. And this should check if one of 4 classes exists. Was this understandable? This is my current javascript: $(document).ready(function(){ $(".a1").click(function() { if ( $(".b1") ) { $('.b1').append('<p>B1 is there</p>')}; else if ($(".b2") ) {
fadeIn and slideDown together, not working (jsfiddle) ~updated with link~ .
Hi i've tryed to animated a div to appear with both slidedown and fedein animations. Alot of people seems to be using the same code as ive posted on jsfiddle, but i can't get them to work together. When i try it, it looks like only fade in gets animated. What am i doing wrong? http://jsfiddle.net/DDSWd/2/
jQuery Form Plugin upload unlimited size
Hi we want to use the jQuery form to upload a 2GB image then how do I allow it to accept file that large. Currently i have the up loader working but it gives a invalid response if the is above 2 mb
Page transitions are still "Blinky" on Android 2.2 & 2.3 (jQmobile A3)
Update: It occurred to me to test out the jquerymobile docs and demos page (http://jquerymobile.com/demos/1.0a3/) in my Android and the emulator (default resolution) - and I can conclude that page transitions are still blinky in Android 2.2 and 2.3 - I spent time writing up the post below, so I'll let it stand so you can see what agony I've gone through (haha) Edit: I also tried this with jquerymobile.com/test/ to see if you'd maybe already fixed this. But alas, no señor.... It still confuses the
Using two different versions on same page - avoiding conflicts
Can someone please tell me how I can get my plugins to work that use different versions of Jquery? #<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="http://www.mharrisweb.co.uk/wp-content/themes/skeleton/javascripts/responsiveslides.min.js"></script> <script type="text/javascript"> var jQuery_1_8_2 = $.noConflict(true); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"
Check for empty <ul> and if true update with text.....
Hi I can't seem to get this to work and not sure really why. Example: http://jsfiddle.net/Vt4CJ/ I am trying to say if <ul> tags with a class of 'Check' are empty then add text 'No documents found' else do nothing. Any help would be much appreciated. Thanks James
superfish dropdown menu not lined up below menu option and second level drop menus not working
I have an Administrator Sub Menu that drop down from main menu with options (i) Orders (ii) Vendor (iii) Affiliate Each of these options suppose to dropdown another sub menu when mouse hover on an option. This multilevel dropdown feature is not working when I am trying to use superfish. Also Drop Down sub menu for Vendor, Affiliate, and administrator are not falling directly below or are not in line with menu options.
Next Page