plugin for selecting files
Anyone know of a good plugin that I can use for a dialog box for navigating and selecting files (just like when you select "Open File ..." for example)?
How to use an array with the selector "contains"?
I want to use an array with the selector contains, for example i have this jquery: $(".element:contains('word1'),.element:contains('word2'),.element:contains('word3')").each(function(){ $(this).css("display","none"); });And i want to simplify using an array: var x = ["word1","word2","word3"]; $(".element:contains(x)").each(function(){ $(this).css("display","none"); });How can I do something like that? Thanks in advance. :)
AutoComplete Problem - Styling of ui-autocomplete-loading Not Working
I've taken the autocomplete demo, and I'm trying to set some feedback by styling the ui-autocomplete-loading class. I set the background to an image, but that image never shows when the search is running. I've confirmed the image is accessible, and if I step through the autocomplete code for the "search" event, it sets the style as it should, and in fact by stepping through the code, the image shows on the page. But if I just let it run straight out without debugging the code, the image never shows
Selecting one element to change another
Hi, first post here! Let's say I want to select one element with an id of #myelement and a class of .active and then apply css changes to another element, say #thatelement So psuedocode mixed with real code I'm thinking something along the lines of : if ( $('#myelement.active') ) then $('#thatelement').css('background-color','green') Sorry if I made mistakes in that code, still trying to grasp javascript/jquery. Any idea how to say if the first element is true then make the css changes to the other
ajax call into dialog box with unique ID
hi guys,... can anyone help please,... I have a comments page with a link to report/spam that I want to call into dialog box with ajax,... how can I do this,..? thanks in advance,... here is my code: <script> $(function() { $('#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>').dialog({ autoOpen: false, width: 500, modal: true, title: 'Report Photo Comment', open: function () { $.ajax(function(){ url: "<?php echo $html->url("/report/photo_comment/"
href issue - it is appending the entire url to it in IE
Hi All, I am having issue with one of the "href" link in the home page which is written in Struts (JSP), but we are starting it in jQuery. we made wrote functions and load the home page, we have hardcoded the sub packages like this window.location.href = /sub1/sub2/template#HomePage In IE, what is happening is that it is appending the entire url to "href" link on the home page, like this href="http://localhost:8080/sub1/sub2/template/helpPage" but in Firefox and Chrome, it is coming like this, which
Social Stream plugin issue
Can anybody spot anything that might be a syntax error here, in the Social stream plugin: It's not showing in IE8 and I'm pretty sure it's a syntax error of some sort. The live page is here: http://www.findlayinternet.com/code/clients-live/HancockParks-social-stream.htm Thanks for any suggestions, commas at the ends of lines sort of gets me, I've tried several options. <script type="text/javascript"> jQuery(document).ready(function($){ $('#social-stream').dcSocialStream({ feeds: { facebook: { id:
Phonegap submit external browser
I'm having a problem with phonegap (2.5.0 version) to open a form submit on the external web browser on Android and iPhone. I want to submit a form like this: <html> <body> <form method="POST" target="_blank" action="https://externalDomain.com"> <input type="text" name="username"/> <input type="text" name="password/> <input type="submit" value="accept"/> </form> </body> </html> So the execution of this script happens in a file stored on the device lets say "index.html", and I want the submit to open
font/icon size for Nexus7
Hi I'm new to jquery-mobile and been using jquery-mobile via phonegap on a Nexus7 and the size of the text and icons are very small and would be considered unreadable for persons with poor eyesight. It's clear that a component such as a button is aware of the device dimensions and changes accordingly, but this capability dues not appear to apply to text/icons that reside on a button. If I go to Settings on Nexu7 I can set the font size to small, normal, large etc but changing thi setting makes no
Datepicker not appearing only when a page is called within another page
Bit of an odd one here that I can't understand. I utilize DatePicker from the latest jquery on several ASP pages. I am streamlining our site to have less direct page submissions which means the content is being called to a div by AJAX now. If I open the pages directly datepicker is present and working, if I load the page into a div with AJAX Datepicker doesn't appear. Thoughts? I can include any code desired. Here are the basics: <!-- Setup Datepicker: this is included in my script.js and
Help with Accordion -- Style Sheet Functions
Hello...Just download and integrated Accordion and it's working great. However, I'm having trouble with some basic customization (obviously I'm not a programmer!). Two things: I'm trying to re-size the accordion without doing any coding, so I just selected everything in the design window of my HTML editor and did a right indent of 10 pts. This worked great for what I needed. Except, it did not indent the drop-down menu box -- text in box was indented, but not the box graphic. How do I bring
jQm - page loads then vanishes.
I am a new user of jQuery Mobile (and new to this forum!) and I'm hoping that somebody can help me to solve a problem. I have lifted and only lightly adapted the swipe-to-navigate demo. The adaptations are mainly to fit my content, use a ThemeRoller style sheet and to install Google Analytics tracking code (in asynch mode, in the head section). The site works exactly as expected when I load from my localhost server. As soon as I try to load it from my remote server, it fails horribly. In Firefox
The name the Plugin？
The name of jQuery Plugin need a 'Product registration documents'? how to register a 'Product registration documents'? This is very Important for me
Stop running the script. A script on this page is causing IE to run slow.
Hi All, I am using jquery-1.8.0 with richfaces-3.3.3.final version along with JSF1.2 and Jboss EAP 5.1.2. I am loading a rich tree but while loading it getting a messgae on the IE stating script is running very slow but the same is working in to mozila. 1) When the IE8 browser takes more time to run the java script, IE responds with a dialogue box "Stop running the script. A script on this page is causing IE to run slow.Do you want to stop" 2) If Yes is given the script stops running,the
Web diversion
Web diversion is not working with jQuery Mobile meta viewport. It uses inside an invisible frame. I am using cPanel UK2. Any ideas? John
Issue regarding slow image swapping on custom developed 360 image rotate with zoom
Hello, I may be a little out of my league here. I have not started using Javascript for that long, and Jquery a lot less, but attempting to learn each day. I have been asked to make a 360 rotating image view with a zoom function, it rotates, zooms, does so by loading the images externally and functions using UI sliders. The issue is the loading time when scrolling through/swapping the images when an image has been re-sized. It seems to function fine when the images are the default document/file width
Knockout + jQuery Mobile, radio button won't initially check
See this jsFiddle: http://jsfiddle.net/M2cTv/8/ I have tried with a number of combinations of the jquery and jquery mobile libraries, and when the styling works, the functionality doesn't. Including both libraries, I can't get my value to initially be checked. If I take out the jQuery Mobile library, or if i take out the 'for' in the labels, as the second example shows, the initial check works, but the style doesn't. Any ideas? I've seen a lot of issues where it doesn't work properly based on
How do I add odd/even class only for table rows which haven´t had odd/even class yet?
How do I add odd/even class only for table rows which haven´t had odd/even class yet? (for some tables I use php cycle function) How do I have to change this code? $("table tbody tr td") .parent("tr:nth-child(odd)") .addClass("odd") .end() .parent("tr:nth-child(even)") .addClass("even");
Feature request: Large modal dialog inside a small modal dialog
If I open a small modal dialog and in this dialog I open another large modal dialog, then this second large modal dialog is displayed inside the first small dialog. It doesn't look very nice, as scroll bars appear. How to make second modal dialog to look "detached" from the first dialog? So that if it is higher or wider than a parent dialog, it still would be displayed full size, not inside parent dialog. Dialog has option appendTo, but if I attach second dialog to top.document, then it doesn't work
Page transition problem with "ghost" mouse events (Android)
Hi. I am getting problems on Android devices where mouse events from one page are being executed on the new page after a transition. I have included two simple test pages that use list views to navigate between the two pages. The hover style (.ui-btn-hover-c) which is a grey gradient is applied to the list item on the page it transitions to. Also note that I have switched off transitions as I have had many problems with them on Android. The API event documentation does state that problems like this
Prevent navigation away from dialog
Hi all, I'm new to jQuery mobile and am trying to build a PhoneGap app using jQuery mobile. I'm a bit stuck with the following issue. I have a login dialog as a form that I want to show the user if they need to log in. I don't want them to be able to navigate away from this login form until they have signed in. I've removed all links in the dialog but the hardware back button still works. I've tried the following: function onDocumentReady() { document.addEventListener("deviceready", onDeviceReady,
Analyse HTML file
We have a database diagnostic tool that analyses the database and gives out a HTML report. I am trying to use jQuery to analyze this HTML file and provide conclusions and decisions based on the data in TABLES in the HTTML file. I cannot modify the HTML file to add the script tag in there. Can i create a separate plugin / jQuery script file that asks for the name of this HTML and then does the analysis? Regards, Vikram Rathour
Problem with keyboard interaction and JQuery/Jplayer
I want to use JQuery/JPlayer for a media art installation in which viewers can play and pause different videos on a screen by pushing a physical button. I therefore "connected" the play and pause function of JPlayer to a keyboard key. I'm a complete newbie in JQuery/JavaScript, but after two days of trial and error fiddling I got the code to do exactly what I want except for one thing that I can't wrap my head around: Here is my fiddle: http://jsfiddle.net/beluga/dYKgX/10/ You can play or pause the
drag and drop is unable to save the path into mysql database for php
Hi i am newbies here and this is my first post asking for help can someone help me to correct this code so that i can use it. thie is the LINK that i copy the code and the below code is copy from HERE thank you if(move_uploaded_file($pic['tmp_name'], $upload_dir.$pic['name'])){ // now insert the data in the database $stm = "INSERT INTO images (new) VALUES (:new)"; $query = $db->prepare($stm); $query->execute(array(':new'=>$pic['name']) ); exit_status('File
JQ Grid - disable right click
How to disable the open to new window on right click in jqgrid? Your help is appreciated Regards Bala
Why did you downgrade your website design?
Hey, I've been a fan of jQuery for a few years now. Its an absolutely fantastic library and during that time I've seen jQuery itself and the website get better and better... but... all of a sudden the website has taken a huge dive in usability. What ever happened to the Documentation section that had that nice simple list of available jQuery functions neatly organized into Events, Effects, Manipulation, etc.? Ok so eventually I did find it again but its hidden away now instead of being easy to find
jQuery Tabs and Cookies problem
I have the following code and I am trying to retain the last tab clicked on with the cookie, I have tried everything but keep getting "$.cookies is undefined", 'it's driving me crazy! If anyone could help I would be eternally grateful <div id="tabs-smaller" class="tabs"> <ul> <li><a href="#tabs-smaller-1" name="tabs-smaller">Unassigned Jobs</a></li> <li><a href="#tabs-smaller-2">Assigned Jobs</a></li> </ul> <div id="tabs-smaller-1"> </div> <div id="tabs-smaller-2"> </div>
How to prevent Internet Explorer from downloading JSON response?
I have a feeling that the solution to my problem is stupidly simple, but crawling through Google has provided me with none. I'm trying to handle the login process on one of my clients' site using the AJAX functionality provided by jQuery. Here is the $.ajax() call in question: $.ajax({ "cache": false, "complete": function() { $('#spinner').hide(); }, "data": { "user": user, "pass": pass }, "dataType": "json",
jQuery dragable & dropable
I am trying to implement drag & drop based on storing and loading to and from database. Data is saving and loading fine without any issue. But the problem is after loading I can't drag & drop. I am saving to database the id of the li accordingly loaded as per data. How to resolve full drag & drop functionality after loading from database. I am using the same code of UI droppable demo.
can not unset (delete) a variable ?
hello, I have some code that gets a class and puts it in to a "var" but i want it to unset when the lightbox is closed ? The way the code works is it puts an image class in to a var then when you click the image it opens up a lightbox with the same class. The problem is when i close the lightbox it does not unset the var so when i click the next image it opens the same lightbox window and not the correct one ? unless i refresh the page. how can i unset the var when the lightbox is closed this is
Cycle plugin not working with divs for me.
I have a problem getting Cycle to display my div's correctly in a slideshow. I have a div with a background picture, this div and picture is set to scale to the size of the parent div, depending on browser window size, and image is scaled to fit in height, center and hiding overflow. With a static div this works nicely, resizing browser window works as I want it to. Now, I want the background pictures to run as a slideshow, but when setting up a number of divs with different background images things
How to create a jquery slide to next page
Hello Support, I really like the website: www.metro.co.uk especially the loading the next page from the side or in fact any page. I'm guessing this is done by jQuery, if so how...? Can anyone help me..? I've got a client that would love this on their site. Thanks Wayne
Chrome link status bar gets stuck using tabs
Hi all, We use the wonderful JQueryUI tabs on our webapp and found an issue which only appears in Chrome after we moved to a recent version of JQueryUI. I created a bug http://bugs.jqueryui.com/ticket/9148 but apparently what I'm seeing is expected behavior. Any suggestions on how to solve our problem? Essentially - Chrome's lower status bar shows after you click on a tab and move your mouse around the tab content. Other browsers show the link only when the mouse is hovering over the tab. Our webapp
Create an array with a dynamic variable and another array
Hi there I have a loop that scoops up some regions(1) and lots of locations in that region(many and i want to push the region and it's locations to an array so effectively creating a 2 dimensional array structure will be lilke all = array ( region_name => array ( "location 1","location 2" "location 3")) region_name and the locations will be generated in a loop and so i the result will be lots of region_names etc etc I have been using array push but can only seem to get a one dimension array together
Re: jQuery / cycle plugin problem
Hi, I'm having a weird problem that I just noticed. I built this website (www.morepromo.ca) about a year ago using jQuery 1.7.1 and the Cycle plugin and everything worked great in all browsers. I recently noticed however that the page loads exceedingly slow in all browsers. When I first built it, it would take ~3 seconds to load everything. Now it takes ~30 seconds or more and nothing has changed. When using firefox, I now get an error saying that a script has stopped responding and it is the jQuery
How to add common parameter in ajax.
Hi Friends, Is there any option to add common parameters in jquery ajax. I want to add these parameter every time while calling jquery ajax in many times. Thanks, Kumaresan.
how to set a standard slider for range ?
i have used the following code to set it <div class="ui-block-a"> <label for="slider-1">Fan</label> </div> <div class="ui-block-b"> <input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" /> </div> but my ouput comes as: Why is coming so ?? What I need to change in the code I used jquery-1.8.2.js, jquery.mobile-1.3.0.min.js, jquery.mobile-1.3.0.min.css
jquery mobile on iframe
Hi, Can jquery mobile site run on a iframe with all the functionality. Also what features from jquery mobile can run on a iframe. I am trying if the headers, links , list view , input fields etc..can work in iframe with jquery mobile. or running a jquery mobile site in iframe is a tough ask.Also wanted to know if this situation is possible on the android devices, iOS. Thanks
Scroll single row in table on pressing down arrow key
I have table with fixed height and overflow = scroll. when i press down arrow , i am highlighting the next row correctly. My doubt is when row reaches bottom of the visible screen, how to move the only one down and also on pressing the up arrow, when the highlighted row reaches the top of visible row, how to move only one row up in the table. Thanks in advance.
mouseover drop down does not work
http://www.countyfairgrounds.net/testwebsitedesign/testsix.php I am using <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="/js/bootstrap-modal.js"></script> I am "trying" to do a mouseover with a drop down and up jquery feature in the center of the page above the brow welcome box on the left column I am new at this. What I am trying to do is this http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle AND no it does not work and
Next Page