tabs used to work in iPad Safari but now they don't -- content truncated
Last year I retrofitted my website to use jQuery tabs (1.4.2 with 1.8.1) and it worked on all browsers and iPad Safari. But since then it has gotten broken on iPad only (still working everywhere else). I believe it was in conjunction with the recent iPad O/S upgrade, though I'm not absolutely certain about this because I just found this problem yesterday when I happened to borrow an iPad. The tabs are now truncating content -- but not always-- and not always in the same place in the document :-(
Asp.net based JQuery Mobile - basic login form is not working
Hi all i'm just getting used to using jquery and thought I'll try a very simple example I'm going to be building this on asp.net web forms (will move to MVC in the future but not right now) i have a very simple html form but it does not simple to be working the code is below <!DOCTYPE html> <html> <head> <title>Test</title> <link rel="Stylesheet" href="Assets/jquery.mobile-1.0a3.min.css" /> <script src="Assets/jquery-1.5.min.js"></script> <script src="Assets/jquery.mobile-1.0a3.min.js" ></script>
Using 1 Plugin causes another to not work properly
I'm a JQuery newb, so maybe this is an obvious question. Im using a an Expander plugin and a ModalPopup plugin. The expander plugin hides some text and allows me to Toggle it on or off...However, if I fire the Popup, I can no longer use the Toggle until I refresh the page. Ideas? Some code below.. $(document).ready(function () { //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per
Persistent footers between transitions don't work anymore (since alpha 3)
Hello, I've updated an application from the jQueryMobile (alpha 2) to jQueryMobile (alpha 3) and now the footer isn't persistant anymore during transitions . I've set the "data-position" attribute to "fixed" and gave all footers the same "data-id" attribute. I've seen that the persistent footer also don't work in the jQueryMobile (alpha 3) demo too (on iPhone and Safari-Browser). (http://jquerymobile.com/demos/1.0a3/#docs/toolbars/footer-persist-a.html) Is that a known problem since alpha
Utility: adding capability detection based on user-agent: $.mobile.capability() = 'FULL' | 'PARTIAL' | 'NO'
That would be really useful if the following function could be added to the $.mobile interface: $.mobile.capability() Return 'FULL', 'PARTIAL', 'NO' Implementing this function is pretty straightforward using the mobile user-agent if we could have access to a exhaustive list of jquery supported mobile devices. Thanks! -stan
asp .net Gridview inside Dialog
Hi ! I'm using jquery from about 6 months inside .NET environment. Now I'm using jquery UI Dialog inside an aspx page (.NET 4.0 framework). I'm having a problem saving data from gridview but now I explain better : I have a page with other fields, a div (dialog) and inside a usercontrol that contains update panel and a gridview inside the contenttemplate of updatepanel. I push a button that save data on page, do a databind of the user control and then I run a Script that show the jquery dialog.
Multiple Javascript files Issue
Hi, I'm having an issue with my website. I was on HTMLDrive.net looking for some cool effects for my site, and when I tried to put two of them in a page together it would not work properly. I can get only one to work at a time. It seems that they somehow interfere with each other, but I don't know how. Now have a little experience with JavaScript and jquery, but nothing I tried would work. Here is what I have in my page header right now: <!--Accordion Nav script--> <script type="text/javascript"
Slide Down navBar via the ToolBar?
Hi. Has anyone implemented a slide-down navBar from the ToolBar? I am using a "Fullscreen" position mode Toolbar and displaying the navBar with it when the body is tapped is non-desirable. I would like the user to tap on the body to open the toolbar as usual but not display the navBar until they tap on a button within the Toolbar. Any ideas or code snippets? Any help will be appreciated: I'm a newbie to jQ (Java). Thnx!
load function not working in IE 9
I use the load js function to load the navigation menu on most html websites I build. I use it on my website http://syntrixsolution.com. However with the release of IE 9 just recently, according to adobe browser labs the load function is not working. Is anyone else experiencing this problem? Don't tell me IE 9 is not going to allow this to work. It works fine in IE 6, 7 and 8. Any help appreciated. I use a mac so can't test properly as my VMware is running vista which doesn't allow IE9 to be installed.
Datepicker in two separate forms on same page?
I have several forms on the same page that need to use the datepicker plug-in. I have datepicker working PERFECTLY on one form. Now I need to add other forms on the page. I haven't been able to get two datepickers working on the same page nor can I find any documentation on whether it's possible. What do I have to do to get two datepickers working in two separate forms on the same page? <form method="post" action="?" name="FORM1"> <input type="text" id="datepicker" size="8" name="InactiveLevel3Date">
Imagin8 plugin installation
Hello, can someone explain to me how to install the imagin8 plugin on a website? I don't understand where to put the html code in the html page, and where to put the call. There are 3 files to download. I don't understand where to put them and how it will work to make them activated. Thank you.
Newbie needs a little help on getting started with themes.
Someone please help me. I know nothing about jquery and I am very much a beginner with css and html and I am working in Dreamweaver. Very much an amateur. I am trying to theme datepicker - I download the theme and move contents to jquery folder where my calendar stuff is now - a partially css-modified-by-me version is housed there and works fine, just looks terrible. When I use the links provided in the download setup instructions I get an un-styled calendar. I have tried every linking combo as
Showing a div below the link making an ajax call
Hi, Trying to make a "<div />" show up below a link that have been clicked. Using delegate since there are multiple link on the site and I want to show them below the linked that is clicked. I having a hard time figure out what the best/right/optimal way is to do that. Since I'm by no means a jquery expert yet. I have tried using the position, and that does position the <div /> the right place, but now I'm having a hard time doing the slideDown. This should first display that its loading. If its
fadeOut and tabs
I wanted to verify that effects don't work on multiple tabs. For example, I want divs on multiple tabs to fadeOut when I click a button, and I'm finding that... $(".divs-in-question").fadeOut(1000); ...only works for the active tab. I found a workaround, but I wanted to make sure it's kosher: window.setTimeout(function() { $( ".divs-in-question").css("display", "none"); }, 1000); I thought I could put the css code in the fadeOut's callback, but it executes immediately thus negating the effect.
Autocomplete: remote source + categorized items
Hello, I need to combine a remote source (database) with the categorized items. I have tried different ways but I'm a newbie in this matter and I'm confused with the code. Could anybody help with a line of code or a suggestion to understand this?, please: <script> $.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = ""; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( "<li class='ui-autocomplete-category'>"
anyone know why I can run this in firefox and not in IE ?
this works perfect in firefox but It seems to get caught in loop while collecting items in IE here is the function: $.fn.reverse = function () { return this.pushStack(this.get().reverse(), arguments); }; // create two new functions: prevALL and nextALL. $.each(['prev', 'next'], function (unusedIndex, name) { $.fn[name + 'ALL'] = function (matchExpr) { // get all the elements in the body, including the body. var $all = $('body').find('*').andSelf(); // slice the $all object according to which way
proposition a new component - TREE
In many modern CMS (Drupal, Wordpress) we have in admin panel TREE for management menu where you can drag + drop + sort menu elements. It would be nice to see in jQuery that widget (and then we could integrate it with language PHP or C# + database using Ajax request). For example if we have html code: <div id="tree" style="cursor: move;"> <ul class="sortable"> <li class="draggable" id="recordsArray_6"> <span class="droppable" id="6">PORTABLE ELECTRONICS</span>
Button becaming disabled after going back in browser history
Hi guys i am using jquery 1.5.1 and jquery-ui 1.8.10. Here is I am asked the same question on stackoverflow http://stackoverflow.com/questions/5368826/button-becamind-disabled-after-going-back-in-browser-history still no responses there. Just duplicate this question here: I have such button: <button value="1" name="submit" disabled="true" id="signup-bb" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only" role="button" aria-disabled="true">
jQuery Mobile and touch-gallery
Hi everybody, I am newbie. I am trying to do my first web mobile site. Everything ok, but I have a little problem to install a fotogallery. I am trying to use this gallery: http://neteye.github.com/touch-gallery.html I think there's some conflict. Example, the loading animation come out and never go away. Does anyone make this gallery work on jQuery mobile? thanks in advanced to everybody
Saving multiple dialog positions
Hello, I just found this fantastic framework and just created a page with multiple dialog's. The page you can find here. My question is, how can i save all the content + positions from the dialogs? I used google and this forum but didn't find anything usefull. Kind regards brantje
AJAX get id
Hi, I would like to use ajax to load a html page and get the content of a specific div. Is it possible to do this? Thank you, Jerodev.
concerning table row selector
well , this code works for me , but there is something wrong , every time the function loads (every 2.5 seconds ) the html is loaded in row [0] cell[0] , and they are stacked above each other . what may be wrong there ? code : var searchtable=document.getElementById("searchtable") var resultscount=0 function resultfound() { searchtable.insertRow(resultscount) searchtable.rows[resultscount].insertCell(0) searchtable.rows[resultscount].cells[0].style.height=295+'px' searchtable.rows[resultscount].cells[0].style.width=625+'px'
.hover() wrong div fires!
Hey, I don't know if anyone can solve this problem or if there are any solution in jquery. Look at this fiddle: http://jsfiddle.net/CW7uF/9/ 1. Hover Main1 --> div2 expands 2. After that hover Main2 ---> then it jumps to Main 3 ---> kinda bad :( I know the problem. If I hover the second Main the first "subdiv" collaps....and then I'm over Main 3 and not over Main 2 anymore. That's why "Main 3" fires.....but is there a solution for this? Or a little trick I can use? Maybe there is a jquery pro who
Is it my jquery code or Internet Explorer that is wrong?
Hi, I have the following code to load an external page into a "holder" div on my main site. It works fine in Firefox but when a user views it in Internet Explorer 7 it seems to hang for a minute or two and then starts to work normally. Also when someone resizes the browser window the site seems to hang again. Is there something wrong with the code below or is it just the limitations of jquery/javascript in Internet Explorer? The basket.cfm loads content from a database and the loadMyBasket function
Fixed element of a navbar
Hi: I'm using the navbar, and it automatically fits "n" elements to span 100% of the viewport, so, if I put 5 elements, each element spans 20%. But I need a fixed element of 50px width, and the rest of the viewport, to be occupied by the other elements. So, in my example of 5 ... the fifth element of 50px width, leave "whatever" pixels, and those pixels are divided by 25% for the rest of 4 elements. How can i do this ? ;)
Unexpected Behaviour
var imgSize = $("#imagescroll ul li").size(); var divSize = $("#imagescroll").width(); var imgTotal = divSize * imgSize $("#imagescroll div b").html(imgSize); $("#imagescroll").width(imgTotal); $(".scroll").click( function() { $(this).removeClass("scroll"); $(this).animate({ marginLeft: '-='+divSize }, "slow" ); } ); My problem is, when the click function removes the class .scroll, it still scrolls even though it shouldn't able to locate the class that it should be applying the animation to? Anyone
Call Web Service with Ajax
I wrote the following code with Dreamweaver: // JavaScript Document function createSoapRequest(value1, value2){ var soapRequest = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:urn="urn:sap-com:document:sap:soap:functions:mc-style"> \ <soapenv:Header/> \ <soapenv:Body> \ <urn:ZSumWs> \ <Input1>' + value1 + '</Input1> \ <Input2>' + value2 + '</Input2> \ </urn:ZSumWs> \ </soapenv:Body> \ </soapenv:Envelope>'; return soapRequest;
Having problems using JQueryUI in facebook.
How do I decrease the width of this? Works perfect on Safari. Too wide for Firebird, Explorer and Chrome
JQuery PeriodicalUpdater. Please Help.
Dear Experts, According to Robert Fischer's JQuery-PeriodicalUpdater on GitHub, it is possible to make an Ajax call for data every so many seconds or so. Description of the code: Whenever page ajax.php loads, I make an Ajax request to PHP page last10entries.php that spits out the last 10 public entries on the site as an xml document. This Ajax code loops through each root XML node and retrieves the text values inside nodes Title and Body. It then returns them to the screen. PHP front page: http://174.52.58.221/ajax.php
Dynamic jQuery API Browser?
Folks, What is this built with and especially is the hierarchical menu (on the left side) a public jQuiry UI widget or something that was custom done? Here take a look http://api.jquery.com/browser/ Regards, zdravko
Progressbar for an upload
I was looking into using the progressbar for an upload process and I cannot find documentation that covers or supports that. Does anyone have the configuration to use as a progress bar for uploading files?
Error with jQuery Dialog
I'm dynamically creating a dialog and filling it with local data, however when it gets created it always appears on the top left corner of the page(not the viewport) and when I try to resize Firebug gives the following message: "uncaught exception: Dimensions: jQuery collection is empty" and of course the resize doesn't work. Here is the code for reference: var id = Math.floor(Math.random()*1000); var $preview = $('<div></div>'); $preview.attr('id',"research_preview"+id); $('body').append(
Cycle plugin and setTimeout or setInterval
Hi, I'm using the cycle plugin from malsup to cycle images that are scheduled for certain times. This means I have been using setInterval or setTimeout to make a json request to retrieve new images if they are scheduled for the current time and then cycling through them. How do I incorporate the cycling of images not to restart after each successive call from setInterval or setTimeout. The code I am using is: $(document).ready(function() { function update() { var update = 'update
Invalid Arument using Google Docs
I am using Tabs and have run into an issue only in IE and only with tab 2 and 3. It runs perfect in all other browsers but IE 8 causes an error. Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; SU 3.27; GTB6.6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET4.0C; .NET CLR 3.0.30729) Timestamp: Sun, 20 Mar 2011 10:32:44 UTC Message: Invalid argument. Line: 23 Char: 286 Code: 0 URI: https://spreadsheets0.google.com/client/js/3221817329-trix_widgets.js
Combining autocomplete with suggestionlist and clone
Hello, I'm having an issue combining two differnt plugins.. <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } else { $.post("rpc.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } }); } } // lookup function fill(thisValue) { $('#inputString').val(thisValue); setTimeout("$('#suggestions').hide();", 200); } </script>
Firefox 4 RC loading?
There seem to be somewhat of a problem with loading jQuery in Firefox 4 RC. If you check my companies site: Jade Resor in FF4 RC you'll notice how the slideshow just show the black background. If one visit another page and go back jquery do load .. Since i can't debug the code with firebug i just can't figure out what's going wrong and why. It seems strange that it works sometimes and sometimes not. :f
stopping a loop animation
Hi, I'm having trouble figuring out how to apply stop() to a function which cycles an animation. The animation changes the background by fading in, pausing, and fading out a background div. For smooth effect the animation needs to stop on completion of the fade out. To get the animation to cycle, I've used straight javascript. function breatheIn() { $('#bg1').animate({opacity:"0.9"}, 6400); } function breatheOut() { $('#bg1').animate({opacity:"0.0"}, 6400); } function breathe() { { breatheIn();
Disable dialog behavior for form posts
I've noticed that a form within a page loaded as a dialog seems to reload the animation. What I mean is - I get an ajax post, as expected, but it's like the dialog goes away and re-appears. Is there a way to disable that? I know I could simply write my own code to handle my form post, but I'm hoping there is a simple solution.
How to get rid of the # in the url?
I keep linking pages with Ajax to get transition and the history back button. So the linked pages getting a URL like this: www.domain.com/#fishing.php in fishing.php, i have several sub pages which I load with Ajax too: <a href="#cyanide" data-rel="dialog" data-transition="pop">About Cyanide Fishing</a> <a href="#dynamite" data-rel="dialog" data-transition="pop">About Dynamite Fishing</a> Now I am getting the page loading error when I try to open one of these sub pages. When I remve the # in the
bug on animation during slide down useing slideDown, or .animate, theres no margins and it works on other pages
bug It works fine on my home page however on the page above the animation will jerk to finish after slide about halfway down. slide up works fine. also if i use animate the same results happen. if i use another effect with it in animate such as opacity in addition to slideToggle than it doesn't jump but the color will for a split second. any ideas why this is happening?
Next Page