Reading Files in jQuery using Files API
Hi Geeks, What is the best possible way to read to read local files using jQuery and Files API.. Can anyone give me a quick example to convert following code in jQuery or point me best possible solution to achieve this? <input type="file" id="files" name="files[]" multiple /> <output id="list"></output> <script> function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files is a FileList of File objects. List some properties. var output = []; for (var i = 0, f; f = files[i];
jQuery code Not Working,When i am changing the file extension from .html to php ??
Hello help me out ... i wrote a simple ,show and hide login form in html with jQuery .. Now i want to use that login form as a php file when i save the file as .php file the jQuery code is not working any more.. any idea were exactly im going wrong or doing wrong ??? Thank you Regards
Redirect to a web site and close the InfoPath from a button
I’ve implemented the below solution on two different InfoPath forms for a cancel button to re-direct to the main page. Publish the InfoPath form to the SharePoint, then create a web part page, add the InfoPath form web part and select the form you published, then add a content editor web part. Then press F12 of the web part page to get the button id in the InfoPath form web part. Then add the following JQuery code in the content editor web part HTML source. <script src="http://code.jquery.com/jquery-latest.js"
Create and Delete Draggable boxes
Hello, I have been using jQuery UI for a bit for my project at university. I am building a web toolkit using draggable and droppable widgets, however, what has stumped me is how to create and remove dynamic draggable widgets. Could someone give me an insight of how to go about this? I am using #draggable as my id and ui-widget-content as my class for the dynamically created divs that I wish to insert and remove. Thanks, William
Ajaxqueue plugin license?
I'm trying to package some software for Debian which includes jquery.ajaxqueue.js, and I'm checking on licensing conditions. The file begins with: /** * Ajax Queue Plugin * * Homepage: http://jquery.com/plugins/project/ajaxqueue * Documentation: http://docs.jquery.com/AjaxQueue */ /** But the first of those webpages does not exist (perhaps it's something to do with the server crash a few years ago). There is a link to it from the brief discussion on the second webpage. Does anyone know who
how to implement SCORM standard?
I created an application with HTML5 using j Query mobile... I want to make it comply SCORM standard so that it can communicate with any LMS... How to do so? Help me with your answer... Thanks
Is there any wysiwyg editor which can be used for jquery mobile for touch devices
Hi, I need to add a wysiwyg editor in my jquery mobile layout. Is there any good wysiwyg which can be used in jquery mobile layout. Thanks in advanced. Zahid
jquery-1.8.3 undefined error
Hello, I am using jquery in our project. I have added refernce to jquery-1.8.3.js file. I have stored this file locally and referencing it in the project. I am opening jquery dialog on click of some icon. For that I have added the below reference http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"" rel=""stylesheet"" type=""text/css""/>"; <script type=""text/javascript"" src=""http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js""></script>"; I have use the
Script to calculate checksum of array?
In my application i have to calculate the checksum of array using Jquery. Can you provide the jquery code for this. thanks...
Javascript/IE ..... isssseee nooo woorrkkk ... heellp !!!
Hi .. as experienced .NET/WP7 developer, needing to get into mobile stuff. I thought I give JQM a shot. As an MS person (SM ?) , I chose VS2010 and IE9 to develop Javascript. It appears to be unworkable, for a number of reasons, of which the most important: 1. IE keeps caching my programs, so I am unable to work with my latest development. (whatever i tell IE, it still keeps caching) I was thinking of the combination Firefox/ Firebug. Does anybody have any experences/advice to give ???
custom UI element solution using .sortable or .position
Hi Guys, I want to code a 3x segment full screen UI for ipad through HTML. The premise is a main toolbar, a sub toolbar and content panel. Of course the main toolbar actions will change the subs content, and the subs actions whill change the content panel. I have played around with .sortable for a solution and achieved something fairly rough and clunky. Would I be better to do this using .position collision? I'm sure there's a much nicer solution than what I have built and I'm looking for any pointers
Help with jquery validation fileupload
Hi all Masters, I have a FileUpload function in asp.net. Below is my asp.net button. <asp:FileUpload id="FileUpload1" runat="server" Width="150px"/> <asp:Button id="btnUpload" runat="server" Text="Upload" onclick="btnUpload_Click" /> Which I can upload successful. I try with asp validator but no luck. <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please upload your receipt." ControlToValidate="FileUpload1" CssClass="alerttext"></asp:RequiredFieldValidator>
New to jquery plugins
Hi - I'm extremely new to jquery plugins and I'm having a hard time trying to go through a few examples of the current book I'm reading in order to get them to work. If anybody could point me in the right direction well just explain how plug ins work and are called that would be great. What did I do wrong because I'm just not seeing it. <script type="text/javascript" src="jquery library/jquery.colorbox.js"></script> <link type="text/css" media="screen" rel="stylesheet" href="css library/colorbox.css">
(jqm 1.3) How to change the width of the panel?
Has anyone tried the Panel feature in 1.3? I'd like to make the panel wider: say to 1/3 of the screen width. I tried overriding the .ui-panel width style, but the slideout delta remains unchanged (ie. the content div slid by the same amount). I do see that the panel width itself has been altered as per my style settings, because the shadow effect is gone. I notice with interest something similar: http://jquerymobile.com/test/docs/pages/popup/popup-panels.html But it also uses the width style. Am
Open a Hyperlink in a New Window
On my site it lets you use widgets and this one widget has links but the links don't open the site in a new window. It just remains in the same window. How can I change this coding to allow the link to open in a new window; Coding of Widget <b:widget id='LinkList3' locked='false' title='MAGAZINE OUTLETS I CURRENTLY WRITE FOR' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'>
Converting Javascript code to jQuery - Counting Table Rows
I'm having a hard time converting the following JavaScript code into jQuery. I think I'm either over-thinking it, or making this harder on myself. I have an array of table id's and I want to iterate through each one and populate one of its cells with the number of rows. Using JavaScript by itself, this works fine - I just can't figure out how to incorporate jQuery in order to condense some of the code (even though I know I won't condense that much). Here is the code: Thanks in advance. var tableID
Firefox jQuery Button I found and can't move.
Yesterday Wednesday 2/6/2013 I was adding buttons to my tool bar when I seen these in the Customize Toolbar Box a button with no name so I dragged it up to tool bar. Now I can't remove them. I moused over then and does says jQuery version 1.6.4 (on one side and other) jQuery UI Version 1.8.16 Plugins used: Datepicker,Menu The buttons when I click them do nothing. The are a single button. So How do I remove them ??? I have no clue how they got loaded too.
Select divs which are visible on the page
Hi Guys, I know how to select certan divs based on display $("div[data-valid=false]").filter(function (index) { return $(this).css("display") != "none"; }); But in case of parent element invisible it will be invisible for the user. I need to select the divs ONLY if user can see them.. Yep I can run thru all parents and check that they are visible, but Is any elegant way?
Conflicting scripts - need help
Example of the problem: http://www.yun0.net/slidertest/test1.html I need two things on one page: a) the fancy collapsible div effect with fancy buttons that toggle "show/hide" accordingly. b) a fancy page transition effect I've found the following two scripts that have the functionality I need: for a): Animated collapsible DIV http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm for b): Non-Jquery Page Transitions lightweight http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/
Date Formatting on DatePicker
Hi Guys, I'm having a problem when formatting date using a datepicker. I'm using this codes below: $("#datepicker").datepicker({ dateFormat: "MMM dd,yyyy" }); and here's what happens: Please help me. Thanks!
datepicker only works once on page for first call.
Just new to jQuery UI. Wanted date picking help, and this looked great. I downloaded it and loaded it on my server. I define it all here: <link rel="stylesheet" href="/jquery-ui/development-bundle/themes/base/jquery.ui.all.css" /> <script src="/jquery-ui/js/jquery-1.9.0.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
Dynamic Sizing of DIV
Hi I have a DIV in which I am displaying text which is returned from a web service. The length of the div should be dynamic, like depending on length of the text lengh of the DIV should be increased. Please help me. Thanks VKumarCH
Able to choose only one day a week in datepicker?
Good morning! I looked at various forums, but got no success. I wonder if it is possible to "datepicker" remain available to choose dates only one day of the week, eg. Wednesday. Thanks
how to change the z order of browser window
I am opening a new window to allow an 2 second recording to play. Once the window is open and audio is playing I use the setTimeout() to close the window. This is working, but when the new window is open it is in the middle of the screen. If i click the main window then the new window is forced behind the main window. Is there a way to use jquery and force the new window into the background? or is there a mechanism that would me a way to force a click on the main window?? Please comment
how to slide toggle on slide toggle
how can i put this: <!DOCTYPE html> <html> <head> <style> p { width:400px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <h4> Hiya </h4> <p> This is the paragraph to end all paragraphs. You should feel to have seen such a paragraph in your life. Congratulations! </p> <script> $("h4").click(function () { $("p").slideToggle("slow"); }); </script> </body> </html> on this: <!DOCTYPE html> <html> <head> <style>
Dynamic <li> in HTML5 using jquery mobile: Problem
The code corresponding to the landing page is as follows: <script type="text/javascript"> function GetQueryStringParams(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split('='); if (sParameterName[0] == sParam) { return sParameterName[1]; }
JQuery Menu - For table row popups
I'm trying avoid using extra plugins and only use JQuery UI Menu for table row popups triggered on right click. Also the table may have thousands of rows. Is there a way to do this with just the new Menu control that is built into JQuery UI? Any recommendations?
Chrome do not handle $ajax based jquery mobile single page navigation model
Hi, I'm an entrepreneur from Madrid working on a social startup. I'm using jqueryMobile framework + phonegap to develop an app. I'm dynamically injecting pages using href="" into the DOM but it seems that Chrome do not handle $ajax based JM single page navigation model. I get an error loading page message and this error from the tool developer console while clicking on the navMenu: XMLHttpRequest cannot load file:///C:/git/app/myapp/assets/www/html/page2.html. Origin null is not allowed by Access-Control-Allow-Origin.
Combining Mouse Events into One.
When hovering on this pic on a pc, this image will see an overlay slide up and slide down when the mouse is moved away. gmjones.org/overlay/jCapSlide.html Obviously you can't hover on a tablet device or iPhone. How can I combine 'hover' and 'click' so any device can make use of this piece of jquery? HTML is available via right-clicking, view source. The jquery is below. (function($) { $.fn.capslide = function(options) { var opts = $.extend({}, $.fn.capslide.defaults, options); return this.each(function()
check that at least 1 checkbox is checked using jQuery Validate plugin
I'm trying to ensure that at least one checkbox is selected. I'm using the query validate plugin. here is the checkbox html <!-- Checkbox --> <div class="control-group"> <label class="control-label" for="checkboxes">Checkboxes</label> <div class="controls"> <input type="checkbox" name="checkboxes[]" id='checkboxes' value="Students">Students<br> <input type="checkbox" name="checkboxes[]" id='checkboxes' value="Alumni">Alumni<br> <input type="checkbox" name="checkboxes[]" id='checkboxes'
jquery toggle not working
Can someone please tell me where I'm going wrong here? I'm very new at this, but I'm willing to learn. I would like my site to have a custom button that, when clicked, reveals an image. I would like the button to toggle the image to show/hide. Thanks in advance. <html><head> <style> p { width:400px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script></head><body> <div class="button">CLICK HERE TO COMPARE US TO THE COMPETITION</div> <style type="text/css"> .button {
Proper Variable Use
What I'm trying to accomplish: First, I want to store the default height(current set height) of various ids for later use. I then want to set the height value of those ids when a button(s) is clicked. Since this will happen many times, I want to save the value of all these heights as a variable, and then call the variable within a click function. This is what I have so far: var selectedDivs = $('#div1, #div2, #div3, #div4, #div5, #div6, #div7); var divDefaultHeight = selectedDivs.height(function(index,
How do I install JQuery Cycle
Hello... I am using the Suffusion theme for Wordpress. It tells me to install JQuery Cycle in order to put featured content into a slider. The plugin is apparently not available for push-button install from Wordpress. The plugin download on the JQuery website returns a lot of code. I searched for install instructions on this forum and found nothing helpful, except that it appears I must insert this code into the HEAD potion of my index file with SCRIPT tags. It seems like a lot of code to go there.
Need to click on div and show the panel
Hi Need help on this one. I want to click on the box and then show a panel kind. But i am getting both divs. I am not able to get slidedown functionality.Please help. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>pal.html</title> <meta name="generator" content="BBEdit 16.0" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
Collapsible sets (accordion) nested question
I am implementing the collapsible set into a page of mine. The simpliest code is <div data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="false"> <h3>Section 1</h3> <p>I'm the collapsible set content for section 1.</p> </div> <div data-role="collapsible"> <h3>Section 2</h3> <p>I'm the collapsible set content for section 2.</p> </div> </div> What would I need to add to have a nested collapsible set....for example, in Section 2 - so I can have an section 2.1, 2.2, 2.3 (and my
Sliders: how to hide the slider, leave only input field visible?
Wondering if that's possible?
iphone 5 and dialog problem
hi all, I have 2 separate problems related to my phonegap app. 1. I created phonegap project from cordova 2.1 when i test in iphone 5 (bigger height device) i see blank spaces on top and bottom. how to fix this ? if it is resizing for ipads why it is not resizing for iphone 5 ? I inspected the nib file, there is no way to resize the view controller ! and autoresizing masks are also not editable ! 2. I have a dialog as first page [I chose dialog because i dont have much content]. it appears on top
Jquery ui is not working in Android mobile.
Hello, I have a jquery ui accordion in my asp.net website and it works on desktop browsers so well but when I decided to test it on android I saw not only jquery animation is not working but also css file is not considered too. I thought it is because I didn't used mobile jquery. Even I used the library mobile jquery but it is not still working on android mobile and BlackBerry. I really feel frustrated because I have designed this for my company and I can not redesign it because it is a big project.
publishing mobile app to hosted website
Hi, I was asked to create the mobile version of a website that's already hosted. I'm using the multi-page approach (several pages in one file), Now when the links to the framework's css and js are at the top as they should be. My question is: - do i need to name my mobile html file "home.html" just like the main page (normal website) that is already hosted? - do i need to add the framework and css references to the files that are already hosted (normal website) or they only need to be on the mobile
Error: cannot call methods on loader prior to initialization; attempted to call method 'hide'
Hi, I have a problem with my new application. I try to develop a MVC APP. I'm using JavascriptMVC to do most of the stuff and combine it with JQueryMobile. First I want to inject the different pages dynamically. Everything looks good. My controller gets the view and put the html into my page. But after that I get an error: Error: cannot call methods on loader prior to initialization; attempted to call method 'hide' Do anybody have an idea, what's my mistake. Thanks Sebtra Ps.: If you need my source
Next Page