image uploading.
what is the most native way of uploading a file in simple HTML ? <input type="file" id="myFile"> ? I have heard about the HTML 5 File API , suppose i use a plugin like this one, will i need to use the HTML5 file upload API ? I am just building a silly one page app , that does nothing but helps successfully upload images , i have not started to think of backend yet. Thank you.
Optimization for Small Screens iPhone iPod
Optimization for Small Screens. I'm currently working on an app that will play animated videos. Clicking onto any of the image in the carousel will take you to an animated video http://orain-na-cloinne-bige.e-storas.com My question is there a way of overlay a div on the video when it's in full screen mode on iPhone?
Adding modification (around) the Fotorama plugin.
Hello everyone. While entering the 'Topic' information for this thread it occurred to me that Including fotorama is probably not necessary since it's doing exactly as it should. Including it my project is the issue. Ill begin by attempting to describe the problem as clearly as possible without creating a book! I apologize in advance if at the end, you are left mind-boggled. The above mentioned "project" is an online pre-owned clothing outlet. I'm in the middle of rebuilding everything from directory
Change Check All and UnCheck All Button
I have following code to have an Uncheck button button on the form. I would like to toggle between Uncheck and Check All when user click, The initial value on the button is Uncheck which the text change to Check all, but it does not change back to Uncheck all. Any suggestion is great appreciated, Regards, iccsi jQuery("#btnCheck").click(function(event) { alert($("#btnCheck").attr("value")); if ($("#btnCheck").attr("value") == "Check All") { $("#Mychk").prop('checked',
jQuery JIRA Post not working in IE/FF
I am trying to post data to JIRA and it seems to only work in Chrome. Does not work in IE/FF. Please Help. I think this has something to do with the ajax call setup. Not sure what I need to get this to work. $('#new_request > footer > input').bind('click', function(e) { var subjects = $("#request_subject").val(); var descriptions = $("#request_description").val(); var attachments = $(".upload-link").attr('href'); var cust1 = $("#request_custom_fields_27736417").val(); var cust2 = $("#request_custom_fields_27745068").val();
jquery mobile change on Chrome
Hello, I have an issue when I'm using changePage on Chrome (it is working fine on firefox) Issue I have two pages in one. I use changePage with "slide" attribute. When I slide to page B from page A. It is OK When I slide back to page A from page B then the page is displayed and hidden few milliseconds after When I use "none" instead of "slide" to go on page B from page A then it is wokring fine The code to test it : http://jsfiddle.net/sz9pjbcv/ Thank you for your help.
n00b question about map
I have a JSON array that looks like this: [ {"concept_name":"Blah","concept_id":"1234"}, {"concept_name":"blah2","concept_id":4231"}, ... ] and I am trying to write a $.map to parse this as a part of an autocomplete. In this case the JSON array is inside "data" response($.map(data, function (value, key) { return { label: concept_name, value: concept_id }; } And am getting an error "Uncaught ReferenceError: concept_name is not defined " I am a super newbie with JS so I am
draggable overlap detection trouble
I have many div's that are spread across the screen. Each one is jQuery draggable on the x-axis. You could imagine it as a ui-slider with many handles. How can I write a function that will check whether when anyone of the div's which I may be dragging has overlapped any other div or div's? I would like a to have a global status indicating if any are over lapping and also a way to determine the id's of only the div's which overlap. This is what I have created so far but clearly I have buggered it
to sort or to drag and drop?
to sort or to drag and drop?...i don't know....i need some advice and a bit of help please. here is my fiddle: http://jsfiddle.net/destramic/spvogc4d/ basically what im after is for the images without the blue border to be able to switch places with the blue border image only and for the blue border image to replace one which hasn't got a boarder. do i use sort of drag and drop on this please?...also fiddle isnt working for some strange reason. any advise or help would be appreciated guys. thank
autosuggest (cfc and jquery) help
Hi All, I need some help on my task. Im stucked and need to see my error. Please help. Basically, I just need to an autosuggest on my input text. (form.cfm) [CODE] <html> <head> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <title>Untitled Document</title>
Conflicting js/jquery.min.js
Dear Sir js/jquery.min.js conflicting refer http://webvikas.net.in/palavi/landscape.php#nav6 when click on following link View detail Image The alert should work which is not working however if I remove following <script type="text/javascript" src="slidejs/prototype.js"></script> <script type="text/javascript" src="slidejs/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="slidejs/lightbox.js"></script> Click event on View detail Image Works However when i remove above 3
Can't get jquery and dependsOn code to work
I am new to this and have tried a simple page. The code is below. Supposedly the text box should only appear when the checkbox is ticked. It is currently there all of the time. I have jquery and dependsOn in the same folder as the web page. The code I have is <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript"
Autocomplete is not a function
I have read previous posts that says that the UI files are not loading correctly. I have tried everything, changing the order etc. Nothing seems to work. Error occurs when loading the page. Below you will see where I load the various files in the header tag. <link rel="stylesheet" href="jquery-ui.css" media="screen"> <link rel="stylesheet" href="jquery-ui.min.css" media="screen"> <link rel="stylesheet" href="jquery-ui.structure.css" media="screen"> <link rel="stylesheet" href="jquery-ui.structure.min.css"
JQuery Remote Autocomplete from local text file
Hi Expert, Use jQuery mobile and I want to use remote auto complete from local text or xls file. How can I do?
Jquery validation:: multiple forms validation problem with ignore: []
Dear all, I have multiple forms on a page and each form have its separate rules and its Validate() method. I have different tabs in one of the form so some of the controls are hidden when I try to submit my form. So for that I have added ignore: []. in rule and it is working fine. But other 2 forms are the part of 2 separate popups .And these popups open on click of button which is part of first form. and when I open these pop up and add some data in popup which contain form (to insert data in first
jquery date picker - for mobile screens
Hi all, I am using bootstrap datepicker . Its working fine for large screens (attached file - Large.jpg ) , but for small screens , its switching automatically to a minified version (attached small.jpg) Which property should be used to open always in the default look ? ie as in Large.jpg
jquery fileupload
Hi, I am using jquery fileupload in .net mvc application. everything works fine when i click fileupload and get the open dialogue to get file from user. But now i am in the scenario, such that, i have the file in my server or some machine path, i need to upload this file using jquery fileupload, without poping out the open file dialogue to the user... how i can do this....help me out please... Thanks Shree
JQuery .js files
I noticed there are multiple .js files for JQuery. What are the differences and do I need to include all of them in my HTML? I have a process moving an item from one listbox to another that I cannot get to work yet someone else has it working. But he has a ton of other .js files in his code. I do not know if I need to add all of them or there is some other error. I have attached the stripped own code which I cannot get to work either. Don't know what I am doing wrong. I LOVE JQuery but find it difficult
Creating time lag before a change of text.
I want the words "Daily Double" to appear when an element is clicked on. After about 4-5 seconds, the Jeopardy clue should appear and replace "Daily Double". I have come up with the following: if (eventTarget.id=='51') { var display_clue=function(){ $(this).text("OFTEN CALLED THE WORST SUPREME COURT DECISION"); }; $(this).attr("id","daily_double").text("DAILY DOUBLE").setTimeout(display_clue,5000); } However, I notice that the text just stops at "DAILY DOUBLE"
Event handler function not being responsive
I wrote the following lines of code, but my event handler function is not working when the element is being clicked on. What am I doing wrong here? My HTML code: <html> <body> <div id="jeopardy-round-one"> <li class="row-1 column-0"><p id="10">$200</p></li> </div> <script src="jquery-2.1.4.min.js"></script> <script src="jeopardy-round-one.js"></script> </body> </html> My jQuery code function showClue(e){ var eventTarget=e.target; if (eventTarget==$( "p#10" )) { $(this).text("This
Having Issue on Mousedown + Mousemove Smooth Functionality
Can you please take a look at This Demo and let me know what I am doing wrong on adding Mousedown and Mousemove event to the animation? As you can see even the button not working after mouse event and I cant pause the animation! function toLeft() { $('.container').animate({ 'background-position': '-=1' }, 1, 'linear', toLeft); } function toRight() { $('.container').animate({ 'background-position': '+=1' }, 1, 'linear', toRight); } $(function () { $(".pause").click(function
Adding Scroll to Div Function With UI Auto Complete
Can you please take a look at This Demo and let me know how I can enable scroll to div of selected item from auto complete? $(document).ready(function () { $('#tags').on('change', function () { $('#tagsname').html('You selected: ' + this.value); $('html,body').animate({ scrollTop: $("#"+ this.value).offset().top }); }).change(); $('#tags').on('autocompleteselect', function (e, ui) { $('#tagsname').html('You selected: ' + ui.item.value);
Problema con val() AJAX en While PHP
Hola chicos. Tengo un problema con AJAX para enviar y mostrar el val() en un bucle PHP, El proyecto trata de una ventana modal. Y el problema es que queda con el resultado (del val()) solo de un div pero no de los otros. Aquí el código: js: function openVentana(){ $(".contenedor_ventana").fadeIn( "slow"); } function closeVentana(){ $(".contenedor_ventana").fadeOut("fast"); } function ampliarImagen(){ var nombreBD=$('.contenedorImagenesComprobantes').find('input.nombreBD').val(); var dataString
parent and parents DOM selector method names
Why do we use the parent method to select the immediate parent of a DOM object and parents to select its ancestors? This implies that there can be parallel html tags that act as a parent of a html tag. Which is not the case unless I am missing something. Why not use parent and ancestor instead?
Can you remove the icon from data-rel="back"?
Hi, if I have a back button in the header of my pages set with the following code: <div data-role="header" data-theme="c" data-add-back-btn="true" data-rel="back"> Is there anyway I can remove the icon and how would I do it? Also, using date-rel="back" can I reset it and if so how? Thanks.
Understanding the usage of the .data() method .
I have a question about the $.data() method , actually about JavaScript terminology , HERE , is the documentation for the data() method and there is the following example: var div = $( "div" )[ 0 ]; jQuery.data( div, "test", { first: 16, last: "pizza!" }); now in the above example i can describe, the usage of the .data() method as follows: "the data method is being used to associate arbitary data to the <div> element. " now i was going through the code of animateSlider.js and came across the
Problem with .append() and jquery code
Hi i have problem with the method .append() With an ajax call i load some elements with the .append() method in this way $('#notice').append('<div class="'+data[i][9]+'">');...........ecc.. and this works fine, than i add also two buttons: $('#notice').append('<a class="btn btn-success conf " title="'+data[i][9]+'">Conferma</a>'); $('#notice').append('<a class="del btn btn-danger" id="'+data[i][9]+'">Elimina</a> '); The array data is not important. As you can see this buttons has class ".del" and
How Can I add Loop to Div Background Position Animation in jQuery
Can you please take a look at this demo and let me know what is the best trick to add endless loop to .container element? $('.container').css({backgroundPosition: 'right'}); .container{ background:url(http://www.bhphotovideo.com/explora/sites/default/files/Panorama_NYC_X3000.jpg); width:400px; height:670px; background-position:left; -webkit-transition:background-position 40s linear; -moz-transition:background-position 40s linear; -o-transition:background-position 40s linear; transition:background-position
JQUERY JSON load page into div not working
I am really lost here.....i have written a little function to check if the username/password of a certain user is correct using a json query. If result is ok i want to load a certain page into a div, if the result is error i want to load a different page into a div. Any help / explantion would be really much appreciated Normally i would use $('#test').load("members.php"); to achieve this but it just isnt working (my div has an id of test - members is the page to be loaded. function dologin(){ var
How to input accordion code?
Hi there! I don't actually know how to use jQuery. The code below ins't working and I don't know why. One of them is for the menu, and the other one is for the accordion. Is there something wrong? Should I put it in another place? PLEASE, help-me!!! (Sorry for my English, I'm brasilian) <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/util.js"></script> <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
Javascript function not executing because input field is hidden?
Hi, I'm trying to use this credit card validation library (http://jquerycreditcardvalidator.com/ ) and the primary method you call must have this structure: $('#card_number').validateCreditCard(function(result) { }); My form is a javascript multi-step wizard so the "card_number ( <input id="card_number" />) field isn't shown on step 1, it gets shown once the user reaches step 4 so when the page loads the above code doesn't really do anything because
.load() when getting remote content thats dynamically generated
I am using .load() to grab a remote div from an external site, the Jquery successfully locates and loads the remote DIV but not any of its content. I assume that the content of the remote div is dynamically generated/inserted since I get a DIV response without the internal content. So, I assumed that the .load() function waited for DOM READY before actually getting and parsing the remote page, but it seems not. How can I tell my local .load(); to wait for ('document').ready(); on the remote site
Avoid duplicates in array
I'm sure this question has been answered before but the answers I have found don't seem to apply. Insert code: (pretend this is in the code box) var arrayEngineSizes = new Array(); array1.forEach(function(entry) { if (entry.model == y) { var loc = $.inArray(entry.enginesize, arrayEngineSizes); alert(loc); if (loc == -1) // supposedly prevents duplicates, but not really, always says -1 //arrayEngineSizes.push(entry.enginesize); { arrayEngineSizes.push(entry); alert('pushed value containing
code issue
i have calulation code that is working in one file but in another file code is not working is there any solution?
Problem with moving item from select1 to select2
I am trying a new tactic to get a list of medical procedures performed. I am loading select1 with procedure codes and having a person click on add to add to select2. But I cannot get it to work. I followed the code closely but I am sure I am doing something wrong being new to JQuery. Appreciate any and all assistance. In script area: $().ready(function() { $('#add').click(function() { return !$('#select1 option:selected').appendTo('#select2'); }); $('#remove').click(function() { return !$('#select2
Please Help - Event on scroll
Hi, I have a problem to understand how to run my function properly. My function is like this : $(window).on('scroll', function(){ x = 40; while ( x > -1){ do something... x--; } }); My mistake is, event if the while is not finish, if I finish to scroll, my function stop ! But I want the complete execution of my function. So I want it start my fonction when I scroll and finish my function when x = -1. I try to use on('scrollStart'... but I function don't
Using Bootstrap Panels for Navigation
1) I am trying to use bootstrap panels and collapse for navigation. When I select a body item, I want the title of the body item to show up in the panel title. 2) But the first thing I need to figure out is how to change the panel-title content after selecting a panel-body item. As you can see below, I am trying to use the replaceWith() function. But no matter what I try, it doesn't work. I thought about putting a variable in the panel title, setting the variable when the page loads and then
How to deal with jquery magnify plugins after changing the image to magnify?
I have a little bit issue on how to deal with jquery magnify plugins. See I have a jquery magnify plugins which I used to zoom in. I have a series of thumbnails beside the main image to hover. My issue here is when I change the image to magnify or zoom in it will keep on magnifying the first image or the default image. I need to update the content of the magnified glass every time the image changes. Here's the details of what I've done so far. Please advise me. HTML Mark Up: <div id="thumbimgdiv">
JQuery UI, Replace and Push Down the Item Instead of Sort
I am new to JQuery, Trying to understand what can I do to extend the Sortable UI What I want to achieve is: I have a list | A | B | C | . | E | F | G | H | Where . is consider an empty spot. If I drag A to B, instead of swapping places that looks like | B | A | C | . | E | F | G | H | I want it to look like (A push to B (Original A spot opens), B push to C, C push to Open Spot) | . | A | B | C | E | F | G | H | Another example if I push B to C it becomes | A | . | B | C | E | F | G | H | Also if
How to disable link entering in textarea?
So I have a contact form on my website. Can I somehow, using jQuery, prevent people from sending links in messages? I've googled it, but haven't found anything for jQuery. Regards to all.
Next Page