Make click menuitem or refresh page not to change TABS in vertical accordion in jQuery
I am building a site on http://jeemzandcompany.vaneckoosterink-preview.com It is a joomla 2.5.7 site. I have a jQuery script for the tabs jquery.msAccordion.js Now in my index.php of joomla install there is the code: $(document).ready(function() {$("#accordion3").msAccordion({defaultid:1, vertical:true}); }); This opens the TAB 1 -> the upper one. Thats what I want! If I click on a menu item in this TAB, the page loads a new url and refresh. The function in the index.php is run again, and the TAB
jquerry date picker - events clashing
I have a date picker for a text box . $('#StartDate').datepicker(); i have 2 events attached to it. 1. on select a date form calender $('#StartDate').datepicker({onselect: function (dateText, inst) {}}); 2. on blur of text box $('#StartDate').blur( function(){}); Requirement: -step1: i have enter a invalid date manulally ( 12/12/19) , on blur i need to get an alert - thi part is working -step2: after step 1 , date is 12/12/19 , now i am trying to select a valid date using calender
Simple code works in JSFiddle but not on a page
I have a simple Confirm on a tick box - http://jsfiddle.net/apWUj/1/ - but on a page on my server nothing. Am I mssing some thing that JSFiddle includes - a wrapper of some sort <html> <head> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script> $('input.delcal:checkbox').click(function(){ var checked = $(this).is(':checked'); if(checked) { if(!confirm('Are
strange src selector
Can you explain symbol $ in this line: var undoimg = $("img[src$='http://maps.gstatic.com/mapfiles/undo_poly.png']"); here code in action, line is in function pointUpdated Thanks
using jqm 1.2 with phonegap 2.0 , cant open popup
hi, i cant open any popup, i did the same thing on the demos on JQM web site. am getting exception that the self.options.container .one(self.options.closeEvents, $.proxy(self._close, self)); is undefined. can anyone help please?? i removed the follwong from the popup widget, open method: // if ($.mobile.popup.active) { // return; // } and this from the init of the popup widget: //history: !$.mobile.browser.ie thanks
Couldn't set AcceptHeader when dataType = jsonp
The REST API I'm working with does not support "Accept */*" for JSONP requests. That's why I try to override the header with: beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") } or $.ajaxSetup({ accepts: "text/javascript" }); This will stop working as soon as I set dataType: "jsonp"as you can see here $.ajax({ url: url, type: 'get', beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") }, success: function(data)
Why is my dynamic data loading and refresh not working?
Hello, I want to use jQuery load to load external data on my page and then let jQuery Mobile run over it again to apply themes etc with a trigger. The data is loaded fine, but it is not reskinned properly. I just put a small example together to demonstrate this, as my entire project is too big. I have a.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <link rel="stylesheet"
Using 2 popup forms on same page
Hi all I want to have two popup forms on my site, and so far I have used this example: http://designwoop.com/2012/07/tutorial-coding-a-jquery-popup-modal-contact-form/ This works fine with one pop up form. Can anyone advise how I can adapt this code, so I can have two different popup forms that both work?! Here's the code... <div id="wrapper"> <p>Send us feedback from the modal window.</p> <p><a class="modalbox" href="#inline">click to open</a></p> </div> <!-- hidden inline form --> <div id="inline">
How to change font size in a navbar footer?
Hi, I wanna change the font size of my navbar in the footer area. The problem is that it can't display the hole text and it ends always with "...". atm my code is this: <div data-role="footer" data-position="fixed"> <div data-role="navbar" data-iconpos="left"> <ul> <li><a href="" data-icon="home">Home</a></li> <li><a href="" data-icon="gear">My Settings</a></li> <li><a href="" data-icon="plus" >Invite Friends</a></li> <li><a href="" data-icon="refresh">Synch</a></li> </ul> </div> </div> Can anybody
Am I allowed to use this code?
Greetings to all, I have just started coding again after many years rest! I have come across this awesome site and would like to use this code for a personal site I am constructing. Am I allowed to use your scripts (such as DatePicker) for my websites? Regards Mafster
I'm having a problem with the fancymoves plugin..
I just started learning javascript recently and want to use a plugin called FancyMoves... here's a link to it.. http://webdesignandsuch.com/fancymoves-jquery-product-slider-2/ I loaded it into my page but can't figure out how to adjust the height n width... I went in the CSS files and changed all of the widths to 480px just to see which one adjusted the box.... but nothing did... can someone help guide me with this... I really have no clue as to how I'm suppose to customize it... thanks in advance..
I just started using jquery
I have this code which works for ver 1.4x but does not work for latest version is there any thing I am missing out or there is some problem in jquery.... there is no focus on tabindex 0 error message in class error does not shows up when the input text blurs out only line working is $('.error').css('display','none'); $(document).ready(function(){ $('.error').css('display','none'); $('input:[tabindex="0"]').focus(); $('.req').each(function(){ $(this).blur(function(){ var da=$(this).val(); var len=da.length;
nested page problem
hi , I want to use nested page in my application, so I create a page container as my home page, the container has a fixed header and fixed footer, and the footer has a navigation bar.The html is like below. <div data-role="page" id="container">--home page <div data-role="header" /> <div data-role="content" id="contentcontainer">--content page container <div data-role="page" id="contentpage1" /> <div data-role="page" id="contentpage2" /> </div> <div
jQuery Mobile 1.2 loading message problem
Based on JQuery Mobile 1.2 spec, I used $.mobile.loading('show') method to display wait spinner whenever user tap on listview. My list items were displayed in full mobile screen. It works fine except two items positioned within the area the loading message WILL be displayed. Seems the loading message block the tap event. However if I click once more on the item, it works fine. Anyone encounter this case?
Button events
I have basycally two types of buttons: 1) <button type="button" tabindex="0">Press me</button>; 2) <div class="button" tabindex="0">Press me</div>. If I bind just click event handlers on them they will not react on enter key. How to make them react on all button events? Maby something like input event on input field exists for buttons?
JQuery Drop Down Menu Help
Can anyone please help, how the dropdown menu on www.orbitcorp.com is done? Particularly the Residential/commercial Tabs. Is there any script available? Im a newbee. Can edit script. Cant create one. Help will be appreciated. Thanking in advance. Ashutosh
Is it possible to get the css-width value of the first element no matter what that element is?
Is it possible to get the css-width value of the first element no matter what that element is?I've attempted with .slice(0,1) & first(). These two functions dont' seem to work well with spans Here is the jsfiddle example http://jsfiddle.net/x3KrL/2/ <!DOCTYPE html> <html> <head> <style>.highlight{background-color: yellow}</style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <p><div style="width:34px;">Look:</div> <div>This is some text in a paragraph.</div> <div>This
Using jquery ajax in a loop and keeping track of elements?
I have a web page that loads a bunch of images. Each image address come from an api call. Without ajax the page doesn't load until every image has been retrieved which can take a bit. I want the page to load a loading .gif for each image then have them appear individual as they load. How do I accomplish this while making the images appear in the right spot because they all have links associated with them. \
$.ajax
Hello I have a problem, how to solve non is. In "Local Mode" works for me, I change in "Remote Mode" non working. Please help. Here are the code: "Remote Mode" <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#respuesta').hide(); $('#tuto-ajax-form').submit(function(evento){ $('#respuesta').hide();
Autodivider Features - group & count
Hello. I noticed in the autodivider 2 things: - you can't count the elements you have in any divider. - if your list have not ordered, you can get more dan 1 divider with the same value. Then I deside to make some fixes in the core code adding 2 flags. Adding "autodividersCounter" flag, you can count all elements you have in any divider. With "autodividersGroup" flag, the autodivider will group all elements that matches with the same autodivider value. Is so easy to use them, just do something like
JQuery Widget, parameters in $('#fileupload').fileupload(); to alert an error
I am trying to show the errors that can occur by uploading a file (file extension, size). I am using an adapted version of Jquery Fiel Upload for Ruby on Rails. I have the following javascript: <script type="text/javascript" charset="utf-8"> $(function () { // Initialize the jQuery File Upload widget: $('#fileupload').fileupload(); // // Load existing files: $.getJSON($('#fileupload').prop('action'),
Transform <span class="XX">text</span> into <a class="XX">text</a>
Hello, I'd just want to transform for some obscur reason all my <span class="XX">text</span> (where XX is unknown) into <a class="XX">text</a> I do a wheel like $('span').each(function(index, value){ } that works, I could do a $(this).replaceWith($('<a>' + this.innerHTML + '</a>')); but how to keep the attributes ? Thank you in advance for your help
jQuery UI widget factory, separate widgets sharing data
Hi All, I think I'm missing something here. I thought that when you created a new widget each instance of that widget's attributes are unique to it. It seems that a change of one internal attribute in one, affects all the other instances. Here's jsfiddle demonstrating the issue: http://jsfiddle.net/xVMuh/1/ In this case, shouldn't each value logged be unique to when the widget was created? What is going on here? It seems "that this.something.A = new Date().valueOf()" is actually setting the widgets
jquery grid with POST request
Hi Team, I am writing a game in which a user sees a grid like this -- A B C D E 1 + + + + + 2 + + + + + 3 + + + + + 4 + + + + + 5 + + + + + And the user can click the '+' any number of times. Every time he clicks, it stores the state/clicks in a variable like -- A1+B1+B1+B1+C3+D5+B1 and then on clicking submit, sends it as a POST reply
Jquery Cycle with Custom Thumbnail navigation
http://www.fbcmadison.org/ Here's the current cycle code: $(document).ready(function(){ $('#pics').before('<div id="nav" class="nav">').cycle({ next: '#next', prev: '#prev', pager: '#nav', pagerAnchorBuilder: function(idx, slide) { return '<span id="thumb"><a href="#"><img src="' + slide.src + '" /></a></span>'; } }); }); Here's the Cycle code that I want to use in order to link the main image. However, when it "creates" the thumbnail, it only uses the first image. How do have it generate the thumb
Multiline placeholder
I have a textarea and i want set placeholder for it? which contains several lines. How can i do this? Now i have all my lines in a row THanks
How can I get the value of "optgroup label"?
I have this select item and javescript to retrieve the values of <optgroup label> and <option value>. <html> <select name="Names" id="select" style="display:none" > <optgroup label="2005"> <option value="0">Septiembre</option> <option value="1">Octubre</option> <option value="2">Noviembre</option> <option value="3">Diciembre</option> </optgroup> <optgroup label="2006"> <option value="0">Enero</option> <option value="1">Febrero</option>
Date and Time Picker plugin for jQueryMobile not working in Android Emulator
I am newbie to JQueryMobile, When I test at jsfiddle its work fine, but when i run at Android Emulator, it become like this The date and time picker is missing Below is my sample code, <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title></title> <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <link rel="stylesheet"
jquery mobile page scrolling
hi I am using jquery mobile for my application. I want to make page in wich data-role= content div shold be scroll when it is overflow and header footer div's should be fixed. means only content should be scroll.I have aleredy seen the cubiq-iscroll plugin.this plugin is good but not working in all platforms its only working in i-phone . can any one help to make page like this
JQM 1.2 dialogs slow to open
Hey Guys. I've started experimenting a bunch with the 1.2 dialogs and popups. On my iPhone 4 running 5.1, it takes about 1.5 seconds on average to open dialogs. This is pretty consistent with any dialog no matter how much UI it contains. Also, I get the same behavior whether it's a button with data-rel="popup" and the anchor pointing to the popupid or just a $('#mypopup').popup('open'). I always turn off the transition and almost always have postionTo set to window. I haven't done really ANY digging
JQuery Colorbox??
I'm not to sure if anyone can help me with this, or can refer something better then Colorbox, but hopefully someone can. I'm attempting to install Colorbox onto my website. I'm trying to have a image thumbnail expand into a bigger image, but the bigger image will be a slideshow, showing other images. I was told that Colorbox would be the best for this. It's currently on my site, however I've run into an issue I can't seem to solve. After installing all the needed files and images, when I click on
FullCalander in Android Simulator
I am new to mobile development. My goal is to include a FullCalendar into JQueryMobile. I have followed this guide but when I run it with the Android Emulator, it loads the event dialog page with input text "title" and "color" like the image below. How can I make it load a full calendar view first instead of an event dialog? I have copied all js & css. Here is my index.html code <html> <head> <link rel='stylesheet' type='text/css' href='resources/css/jquery-ui-1.8.13.custom.css'/>
Highlighted collapsible set in jquery mobile
Dear Gurus, how can I change the theme of selected (expanded) header of collapsible set. Also: all the collapsible headers are grey, but then when they are opened, they should turn blue (also highlighted). If I get an examplar, I would be very glad. (I apologize for my English) Best regard: Andreas
Save classes added with .addClass() with HTML 5 storage or cookies?
For a school project I need to make a booking system for a cinema, so people can select seats where they want to sit. One requirement is that if someone booked a chair, someone ele shouldn't be able to book it anymore. My idea was to add a class to the selected chairs when you click "Buy tickets" on the bottom of the page, but how can I save these classes, my professors say I should use HTML 5 storage, but they refuse to help me any further. This is a part of what I already have now: <script> var
What do you think about my jquery.expandBox plugin - it is a very small jquery plugin to expand some block width or height (fill the free space of parent block)
Hi, I'm the author of jquery.expandBox plugin. jquery.expandBox is a very small jquery plugin to expand some block width or height (fill the free space of parent block). More information on http://projects.stephane-klein.info/jquery.expandBox/ What do you think about this plugin ? it's usefull ? It's a clone of another plugin than I don't know ? There are some bug or documentation is bad ? Thanks for your comment. Regards, Stephane
how to sort images in image date taken ?
hai everybody, I need help, images arrange in two ways images arrange in random order and arrange images in image datetaken datetaken =responseJSON.imagetakendate anybody plz help me. var c; var pCrop; var crop_api; var rotate = false; var temp; var tempZIndex; var fileSizeOption = ""; var filecount=new Array(); var imgCount = 0; var imgList = new Array(); filecount =0; $(document).ready(function() { var uploader = new qq.FileUploader(
Is there any alternate for wysiwyg for mobiles???
I need suggestion for using wysiwyg editor in JqueryMobile. I'm trying but the editors are not supporting in Mobile/tab Browsers. Can anyone suggest me for the best alternative.........
set controlgroup to full width in content?
I'm trying to make my controlgroup buttons expand to 100% width. I've researched the internet and found: .ui-controlgroup-horizontal .ui-controlgroup-controls { display: block !important; } This increased the controlgroup controls div to full width but the buttons don't expand. See my example here: http://jsfiddle.net/PwNnq/ The Yes/No buttons should expand to full size and, ideally, align to the bottom of the content div. Can anyone help me with this? Regards and thanks in advance
[jQuery] jquery media bug in IE? (jquery.media)
Hi all, I am getting a Javascript error when using the media plugin (http:// plugins.jquery.com/project/media) in IE at the page: http://www.bbhscanners.com/products/ngenuity/ (works fine in FF and other browsers). The script error from IE is about a missing object ("object required") and occurs on page load and when you close the browser. The error message when the page loads occurs in the function: function __flash__addCallback(instance, name) { instance[name] = function () { return eval(instance.CallFunction("<invoke
JQM app significantaly slower on iPhone 4
I have made a JQM app and when I test this app on an iPad 2 it runs very smooth and fast. When I test the same app on an iPhone 4, it is significantaly slower. The page transitions are very slow. One of the things I noticed on the iPhone 4 when opening my app is that the progress indicator is continuous visible without stopping. On the iPad 2 it stops after 2 seconds when the app is started and only is visible a half second when navigating through different pages. The other thing I noticed on the
Next Page