colorbox + Inline Input Element + Enter Key = colorbox.close() - but not in Chrome
Hi guys I'm having trouble with the Color box plugin & i think it may be a problem with JQuery itself. When using an inline colorbox that contains an input element, pressing Enter (KeyCode 13) on said input box causes the color box to close - but only on IE - Chrome etc dont close. Looking at the stack is seems that the colorbox.close() method is being called by JQueries event handling methods but i cant figure out why - or rather why it's only doing it on IE. I looked at the DOM and Jqeury
We need some theme-ready alternate background-color styles
Hi Folks, I want to add my support for some alternate background-color styles to be supported by ThemeRoller. EXAMPLE: the (most excellent) jqGrid plugin is now mostly ThemeRoller- ready. One missing piece is ONE alternate-row shading style for the various ThemeRoller themes. http://www.trirand.com/blog/?p=231 Look at it this way: some day jQuery-UI WILL have a grid and, when it does, it will need this style because alternate-row styling is a basic and quasi-universal feature of grids. EXAMPLE: We
Store recently viewed div with its state through jquery?
Hi there, i have a scenario like this, i am supposed to store the user recently visited div(view page) in either session based storage(anything else if possible) and retrieve it back if user wants. Can anyone please help how can we achieve this? I have come across an option like this javascript:history.back()/ javascript:history.go(-3), but since my application is single page application i am not able use this options, if i use it then it is going back to login page. Thanks.
[jQuery] flexigrid Internationalization - how to...
Hi, flexigrid(<a href="http://webplicity.net/flexigrid/">http://webplicity.net/flexigrid/</a>) haves a very nice method for internationalization. Looking like this: buttons : [ {name: 'Add', bclass: 'add', onpress : confirmAddDelete}, {name: 'Delete', bclass: 'delete', onpress : confirmAddDelete}, ], searchitems : [ {display: Admin Code', name : 'cdAdmin'},
page reDirection into animation Question
So, I have some one who wants to leave one page by clicking a tab, and causing the site to automatically go back to the index page and play a scrolling animation on a one img slide show to a new location, before following through with the redirect to the original page the tab that was clicked was meant for. Is this possible? Here is a reference of the site. The index plays the animation, then goes to a page, which then goes to other pages similar. They want to go back to the index and mimic the animation
Dialog Box don't show the delete icon
Hello, I have a dialog box and I would like to use the data-icon="delete" to print a delete icon on the left. But it doesn't print. <div data-role="dialog" id="dialog"> <div data-role="header" data-theme="b"> <a class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext " data-iconpos="notext" data-icon="delete" href="musteri.php" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" title="Close" data-transition="pop"
Global variable not setting
Hi, Here is a snippet of my code, not complete, but shows the areas in question. I have defined var id on before anything this gets defined then set it on line 5 ... it's the table's row ID. I want to access this in line 17 but it says undefined, I just can't think why any clues? $(document).ready(function() { var id; $('.comment').click(function() { $('#dialog').dialog('open'); id = $(this).closest('tr[id]').attr('id'); }); $('#submitcomment').click(function()
Unwanted Auto Scroll Issue
I have a mobile page created using 1.3 and I've had an intermittent problem with scrolling long lists of divs. When scrolling down a list I have received a complaint that the list will 'auto-scroll' back to the top of the page. This does not happen all the time but when it does it is quite annoying. I've tried scrolling from different locations on the screens, at different speeds, to pinpoint the issue but I can't seem to find it. The site is: http://www.geny.fm ( if using a mobile device, if
Basic .post Question. Post a Form?
Hello. I'm working on a School Project which will go on for half a Year to create a Website with PHP,MYSQL and Jquery. I'm currently trying to make a easy-way Access to edit a User by clicking on it's Table-Data. Example It's each having it's own Form Created by a MYSQL_Query. Now my Question is. How do i make it Post a tr when i click on it? I worked with the jQuery.Post Basic Code but i couldn't figure out how to let it post all of it. Currently i just have the Script which does Change the
Help me check the script! Thank you!
Why the script can't demonstrate its effect on the webhosting while it can on local pc. <script> $(document).ready(function() {var _0x4828=["\x73\x6C\x6F\x77","\x72\x65\x6D\x6F\x76\x65","\x2E\x70\x72\x65\x41\x44","\x66\x61\x64\x65\x49\x6E","\x23\x53\x48\x4F\x57","\x66\x61\x64\x65\x4F\x75\x74","\x68\x74\x6D\x6C","\x23\x73\x65\x63\x6F\x6E\x64\x73","\x66\x61\x73\x74"];function endCountdown(){$(_0x4828[2])[_0x4828[5]](_0x4828[0],function (){$(_0x4828[2])[_0x4828[1]]();$(_0x4828[4])[_0x4828[3]](_0x4828[0]);}
How to set the jquery ui accordion active header based on the header text?
How can i set the active accordion header by text contained in the header?.. I can get the active header text like this.. Getting all the header text: jQuery("#accordion h3").text();To get the active header text: var text = $("#accordion h3").eq(active).text(); Is there any way to make the accordion header set to active by the header text and not the index values?.. Thanks.
Bug ? Or does exist a solution ?
Hi All ! Since 2 week i work on a website with JQM, and i see a little bug (or not). When i use somme script in add with JQM, often with javascript or JQ/JQUI when the user launch a script i try to scroll immediatly with there phone, the scroll is immediatly cancelled and the phone back to the originale place... Bug observed with iPhone 4/4S and All iOS Simuator.. I give you a exemple of a script who create the bug. $(document).delegate('.ui-navbar a', 'click', function () { $(this).addClass('ui-btn-active');
Javascript Json array with Jquery each going empty
var array = []; $("[id *= 'page']").each(function (index) { array.push([{ "Obj": "1" }]); }); alert(JSON.stringify(array)); I am getting empty in alert. What is wring with my code. Plz help me out???
Google Map Jquery Load Problem
Hey trying to load my google map through a jquery load call... doesn't seem to be loading on to my div on my index page through an external page.. had the code from the google developers page.. but cant seem to get it to work.. any help or pointers that would be great... $('#content').on('click', 'nav ul li a', function() { var page = $(this).attr('href'); // Script to fade and show pages $('#content').hide().load('page/' + page + '.php').fadeIn('normal', function() { function initialize()
Not able to style the borders on vertical tabs
Hello! I'd like to know how to take away the gray border when the tab is active. I was able to style the whole thing and it's all perfect except for that. Please let me know where to find it! Thanks
Checkbox for enable/Disable sereval select
Hi the community ! I try to make checkbox who could enable ans disable sereval select. To began just one select. I try it like that $("#checkbox-mini-0").click(function() { $("select:enabled").$("select").attr({ disabled:"enabled" }); }); Sure it's not work but if you give me some tips ;) My actual code : <label for="checkbox-mini-0">Call me back immediately</label> <div class="ui-block-a"> <div class="ui-bar ui-bar-b no-border-bottom" style="width:218px"> <fieldset
Return ID of Fieldset after radio button is selected?
Hi, I four roles of input buttons that form a grid, i.e when one item is chosen the equivalent buttons in the other rows are switched off. I have the radio buttons attached to a click handler(). All works fine but is it possible to return the id of the fieldset in this case it would be either fieldset1 or fieldset2. when a radio button is selected? $(".a, .b,").click(function(){ // From here return fiedlset ID }; <fieldset data-role="controlgroup" data-type="horizontal" id="fieldset1"
$.address is undefined problem
Hi, In one website template, I am trying to use jquery address plugin. But I continuously get $.address is undefined error. I have included the following js files in the given order: <script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script> <script type="text/javascript" src="js/jquery.address-1.4.min.js" ></script> Then in my custom jquery code I have written an initialization function like: $.address.init(function (e) { //some code that I perform to initialize local variables
Want to set datetime picker to a 15 minute step.
Is this possible?
Is there any grid related to Jqiuery ui apart from jqgrid?
Is there any grid related to Jqiuery ui apart from jqgrid?
.getJSON() error when crlf doesn't match os's liking
function getRandomQuote() { var quotes = [], randomIndex, quote; $.getJSON('/quotes.json', function(data) { //http://api.jquery.com/jQuery.getJSON/ $.each(data, function(quote, cite) { if ('' != quote && '' != cite) { quotes.push(quote + '|||' + cite); } }); }) .done(function() { console.log( "JSON success" ); }) .fail(function() { console.log( "JSON error" ); }) .always(function() { console.log( "JSON complete" );
JqueryMobile: How replace the url in windows.history
How can we replace the URLs in windows history in jquery mobile application when first time saving the data (for example I can change the url "/customer/addeditcustomer" to "/customer/addeditcustomer?custid=104" ) I have tried the below script but, failed if (typeof window.history.pushState == 'function') { history.replaceState({}, 'AddEditCustomer', '/customer/addeditcustomer?custid=104'); } but i get the error "Uncaught TypeError: Cannot
toggling images with click
I have h5 headings with a plus image (close.png) next to each one. When I click on the h5 heading I want the hidden text underneath to appear and have the image switch to a minus (open.png). This is what I have so far. But swapping of the image doesn't work. HTML: <h5>How do I join?</h5> <div class="answer"> <span style="font-weight:normal;">Simply click on the JOIN button. It is that easy! Fill out the fields and when you are done, click on the privacy agreement and then submit. Your application
One Jquery Mobile Document Containing many page references? [SOLVED]
I have a regular website containing over 70 php files which I'm now developing into a mobile version to run alongside. Opinion seems divided as to what is best practice - one index.php/index.html file containing all pages or several html/php files refered to from within the index file. Any ideas on how to approach this large website? Also, If I link to an external file, data-transition="fade" no longer works when a page moves into view. How can I maintain data-transitions when external links exist?
drow-up menu jquery
Hi, I´m new here and I´m starting to learn to work with jquery because I need to do a website and I want to add some different menus. So I saw this menu and the menu in the right side but I don´t know How can I do something like this. I need some helppp.
calling $() with new String()
$(new String("button")).get(); /* returns b,u,t,t,o,n */ This (ridiculous?) $() call is it seems easy to avoid by replacing (jQuery.1.9.1.js line 132): // Handle HTML strings if ( typeof selector === "string" ) { With this : // Handle HTML strings if ( jQuery.type(selector) === "string" ) {I can't think of any other use case for this change to be perhaps necessary. Please discuss. --DBJ
Cannot Select Radio Button (Boxes) When Inserted Dynamically
Hello, I am using jQuery UI and the Tabs. When I click on a tab I also am updating another div with a new title and some radio buttons, BUT when I do this, the radio buttons are no longer functioning. I had a fiddle to demonstrate: http://jsfiddle.net/nDFec/ When the page loads I insert the first lot of title information from a hidden div and when the second tab is pressed another piece of hidden div info loads. There is one radio button "selected" so it remains highlighted but I cannot get the
how to disable a page in jquery mobile
Hi I am using jquery mobile in my android phonegap application.I am showing the loading popup in the onload using jquery mobile and when loading popup is shown,i can able to type in the textbox in the html page.How to solve this problem Here is my code: $(document).ready(function () { $.mobile.loading('show', { text: 'Loading', textVisible: true, theme: 'a', html:"" }); });
jQuery Class Selectors - referencing individual elements
Is there a way to reference individual indexes of items within a class selector, when using a for loop? It's probably best if I explain what I am trying to achieve. I have three combo boxes which I would like to fill with, pretty much, the same items. <select name="cboOne" id="cboOne" class="myCombos"></select> <select name="cboTwo" id="cboTwo" class="myCombos"></select> <select name="cboThree" id="cboThree" class="myCombos"></select> So I can obtain all three combos fairly simply by doing: $(".myCombos");
prevent iphone app to auto stretch in ipad
Hi Guys, I have an app designed for iphone in jquery mobile and phonegap. It works fine on iphone or ipod. but the moment i open it on iphone, it stretches it self in the ipad for fluid layout i guess. So how do i prevent it so that it will be centered like other apps.
How to change (add) a DIV class on every input change?
I'm asking if is possible to change (add) dinamically a class to a DIV on input change/validation. Less say for example I have two classes: success and error. The HTML markup is basically this one: <div class="control-group"> <label class="control-label" for="inputFirstName">First Name: <span class="text-error">*</span></label> <div class="controls"> <input type="text" id="inputFirstName" placeholder="John"> </div> </div> So when I fill the input with some value (no matter if is right or not because
if browser is old and not support jquery mobile, what should appear in buttons code place
jQuery mobile buttons code, works in all newest browsers, what if browser is old and not support jquery mobile, what should appear in buttons code place?
script breaks after more than two links: don't know why
What i am trying to do is attach a link or make "clickable to another URL" an image when it briefly comes across the screen that points to the SITE. every time i try to link more than two URL's using the <a> tag to the images and or the menu (unordered list) the script breaks. its giving me the blues.Every time it works when I link the first two images and list items but on the third it breaks every freakin' time. I just don't get it.I have successfully managed to change other aspects of the script
How To Create The Like Box For Facebook Page
Hello all. I am new to this and would like to know if I can create the like box for my Facebook business page posts, and if so, how? Thank you for any help you can offer.
Not able to load JSON when coming from other pages & swipe issue on a page
Here is my index html http://pastebin.com/Svi6kbMF players.html, http://pastebin.com/VKUUaEkv buynow.html, http://pastebin.com/tUpAKFSm Problem I am having is, JSON doesn't load on players.html when I visit it from index.html or buynow.html. Moreover, I am trying to add swipe to players.html but it's not working. Am I wrong anywhere?
Datepicker with Messi Dialog Box
Hi I am trying to use datepicker inside a messi dialog box (http://marcosesperon.es/apps/messi/) which also uses jquery. Basically, a button is clicked, the dialog box pops up and in the dialog box is a form. The form contains a date field, which I want to attach datepicker to. However, when I click in the input box, nothing happens. I know the datepicker is working because if I put the input box on the php page and not in the dialog box, it appears fine. Can anyone help?
One issue of jQueryUI Dialog Header
Hi, Today I met one dialog issue. When you run below code, make the dialog smaller to see the scrollbar appeared and then click the 'click me' hyperlink in the dialog, you can find the dialog header be moved up a little. This is a very strange behavior and related with scrollbar. If no scrollbar exists, it works well. Both IE and Chrome have this problem. Would anyone give some comments about the strange behavior? <html> <head> <script type="text/javascript" src="jquery-1.8.3.js"></script> <link
Problems Initiating Hidden Slideshow on page load
Hi there - new to this so please bare with me. I am using bxSlider to deal with some gallery displays on a curret project. There is a main slider that is there when the page loads, clicking options in this slider opens and closes other slideshows. The initially hidden slideshows(via CSS - display:none;) don't render correctly when they are called using my current code, instead it bunchess all the frames together and the navigation doesn't work. The Slideshows work fine so long as the CSS is set to
Problem to execute Javascript with JQuery Mobile 1.3.0
Hello, Currently, I'm working with JQuery Mobile 1.3.0 under a "ASP.NET MVC 4 Web Application". In this project, I use Javascript, HTML, AJax, and so on. When I put this line in my code '<script src="@Url.Content("~/Scripts/jquery.mobile-1.3.0.js")"></script>" to use JQuery Mobile, my Ajax and Javascript codes don't work anymore. Do you have a solution ? Thank you
jquery autocomplete - pass just one value, not the entire array
I'm hoping someone can help me out with this, I'm relatively new to PHP as my background is ASP, so I'm a bit stuck. I'm using the following code as demonstrated here htmlblog.us/jquery-autocomplete ...and I've customized it (slightly) to pull information from my mysql database. Everything is working fine, however, my problem is that when the user selects a specific location from the drop down, its passing over the suburb, the state, and the postcode. I only want to pass over the postcode value,
Next Page