Sample code to upload videos using jQuery-File-Upload
Hi, Could you please somebody tell me where would I get sample code for uploading videos using jQuery-File-Upload (https://github.com/blueimp/jQuery-File-Upload) the below link has demo, but it didn't allow me to upload videos https://blueimp.github.io/jQuery-File-Upload/. Urgent reply would be appreciable. Thanks
Galgotias University - Introduces Jquery Subject
Hi All, I am Garima Kaushik. I am a student of Galgotias University. Our university has introduced Jquery subject in our semester. I just want to be a perfect jquery programmer. Any link will be appreciable. Regards Garima
Having AJAX change result based on PHP If statement outcome?
Hi guys, I have had my fair share of experience with jQuery but have never dared go near the AJAX uses just because of the effect it has on my brain and causes me to become obsessive with fixing errors. So, here I am with an error... I have my usersystem.js and here is the login section which deals with the result of the user attempting to login. }); $("#logincontent").on('click', '#login', function(){ var loginusername = $("#loginusername").val(); var loginpassword = $("#loginpassword").val(); var
anchor tag die and live events are not working in Jquery 1.11 with migrate plugin
Hi, I am defining <a> in the following way. <a title="New User" role="button" id="newUser" href="#"><img src="/images/newUser.gif" alt="New User" class="Icon_NewUser"></a> In my js file I have implemented click event like bellow $jq("#newUser").die("click").live("click",function(e){ //my logic }); This code is working fine in Jquery1.7. Now I moved Jquery1.7 to jquer1.11 with jquery migrate plugin. After migration click event is working first time only. When I clicked second time the event is
Unitel Direct- How can develop jQuery Plugins
I am Otis Waterman.I am working in Unitel Direct Company.I am doing work on jQuery and I am confused that how to develop jQuery plugins.I want you help. Help me.
Slidetoggle closed by default
Hi All, I am using the following code to toggle a section. I want to make section1 as closed by default. I am not sure about the syntax. <script> $(document).ready(function(){ $("#Important").click(function(){ $("#section1").slideToggle(400); }); }); </script> Any help would be appreciated
CSS Style disappears after a hyperlink??
Hello, It is now several days I stuck on a problem. I tell you , when I'm on my main page , for example , and I click on one of the links on it. The design of the new page completely disappeared ? But if I make a F5 via my firefox browser , just become again to normal. Here is the main link : http://la-cave.mon-application.com/gps/headerfooter.html When you click on one of the pictures , design disappears but try to do a F5 (everything is ok) ! Can you help me? Thank you in advance!
Using Jquery code in PROD
Hi Team, Just wanted to check if the following files/paths are safe to use for production environment. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> I am not very familiar with how Jquery works so just wanted to use the above code. Any help would be appreciated. Regards, Akash
draggable images overlapping in a div
For a game with a twelve pictures drag 'n drop I want to set up the draggable images overlapping in a div at the left side of the window.. The script works fine except for the blue part. var posTop = 40; var posLeft= 30; for ( var i=0; i<12; i++ ) { $('<div>').html('<img src="'+pictureShuffled[i]+'"/ >').data( 'number', numbers[i] ).attr( 'id', 'card'+numbers[i] ).appendTo( '#cardPile' ).draggable( { left: posLeft, //and place it at the left side top: posTop, posTop
Assert equals between two identical objects does not display the given result
Hi, Why this assertion does not pass, and why it does not output the result? http://jsbin.com/niteyupojo/2/edit?html,output Thanks!
Stuck in banners animation
Hello I'm stuck with a simple script. Would you please help me? It's just working once.... :( THANKS! jQuery(document).ready(function () { $('.banner-right .visible').fadeIn(400); function timeout_trigger() { $('.banner-right img.visible').fadeOut(400,function(){ $('.banner-right img:not(.visible)').fadeIn(400, function(){ $('.banner-right img.visible').removeClass('visible').siblings('.banner-right img').addClass('visible'); }); }); } setTimeout(timeout_trigger,3000); });
Newbie: Showing readonly calendar with specific date?
Hi, Is there a way to show readonly calendar on demand with with specific date selected and all others disabled? Use case is: For a date, shown as a label, clicking it needs to show that date in a nice calendar single month view but in readonly mode. That is, no date should be selectable or clicking any other should not cause the date to be changed. Is that something possible and, if so, is there a quick example for reference ? Thanks in advance and regards
magical index variable .
guys given the following code : Jquery : $('div').each(function(i){ alert(i); }); and the following HTML code : <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> On document load .. and alert pops up 6 time .. everytime displaying a value which increments from 0 to 5 . now i have a confusion , nowhere in the Jquery code have i explicitly specified that i want the i (That i can be changed to "index" or even "bla" ) to be the current index of the elements , so why
The problem with encode url
Hello everyone. I have a problem when using the widget "dialog" when a dialogue with address bar of your browser appearing "%25D1%2581%25D0%25BA..." I think that the code zhguery mobile is lacking somewhere encodeURIComponent Version jqueru mobile 1.4.5 The site is on the RF domain Here html code: <a href="#dialogUsers" data-rel="dialog" data-list="likes" class="link-list">Saved: <span>123</span></a>Tell me what can be done?
Apply function to an initially hidden element
I'm trying to do something that should be very simple here-slide/toggle the menu items in the MOBILE menu. This mobile menu is initially hidden on a wide screen upon load. On resize (making the screen smaller), the Hamburger pops in and when it's clicked, the mobile menu appears. That's fine. I'm trying to slide toggle the submenu items. BUT ... I can't even get the mobile menu to respond to the function to show text in the console log. I thought I could use the on function to attach functions
Adding background color to a cell
Hi, I have a criteria where I need to check data from columns of two rows in jqgrid and set the color to a column where the data is different from previous row. CODE: var ids = jq("#xxxx").jqGrid('getDataIDs'); var dataFromTheRow = jq("#xxxx").jqGrid ('getRowData', id); var cm = jq("#xxxx").jqGrid("getGridParam", "colModel"); for(var i=0;i < ids.length;i++){ if(dataFromTheRow[i]['aaa'] === dataFromTheRow[i+1]['aaa']){ for(var j=0; j<cm.length;j++){ if((dataFromTheRow[i][cm[j].name] !== dataFromTheRow[i+1][cm[j].name])
How to add space before each string in list of strings?
Hey, I have a problem, not sure if this is the right place for this, but maybe someone knows. So I have a variable like this: var listofthings=[{ 'y': 43, 'x': 32, 'name': ['E-GEOD-6280','E-MEXP-167','E-MEXP-167','E-MEXP-167'], 'fillColor': 'rgba(0,0,255,0.3)' }, { 'y': 653, 'x': 1196, 'name': ['E-MEXP-167'], 'fillColor': 'rgba(0,0,255,0.3)' }, { 'y': 152, 'x': 324, 'name': ['E-GEOD-23058','E-MEXP-167','E-MEXP-167'],
Modal box when submitting the form
I want to show modal box confirmation before submitting the form. how can I do that? I have a code like below, which will get data in input and will check in database, if data is already exist. but how can I have a confirmation modal when condition is false and form is ready to submit? $(function(){ $('#my-submit-button').on('click', function(){ $.post("http://domain.com.ph/portal/reports/home_members/ajax_chassis_no/", $('#my-form').serialize(), function(result){
code in one plugin accessing features/functions in another plugin ?
well what my title says .. is that possible . i am pritty much almost sure its possible , i don't know if its a common use case , but is it possible ? I came across an interesting case recently , i was going the source of a simple carousel plugin : unslider.js . Source code. the carousel is a lightweight one , it says the following about adding mobile , touch , swipe support : If you want to add mobile/touch/swipe/whatever support to Unslider, you’ll need to include the jQuery.event.swipe
Ajax Accordion inside Ajax Tab
I have the ajax tabs that load an external file which has accordion ajax in it. How can I get it to load the content? It is just blank. If I remove this code: $subcontents.filter(':visible').each(function(index){ //get indices of expanded headers I can see the content, it just breaks the accordion.
Update function.
Hi everybody, I need your help to solve a problem : when I run a page of my site , the system automatically performs a js function that I should not . This function is used to update student grades : when the teacher types the student grades , the function updates the db . I do not want this function is automatically executed when the page loads . this is the js function: function cambiaProposta(arg1, arg2, arg3, arg4, arg5, arg6, event) { var request; request = new XMLHttpRequest();
jQuery duplicated prepended div when page refreshed??
$(function(){ $("#Form > form").submit(function(event){ event.preventDefault(); if($.trim($("textarea").val()).length!=0) { $.post("submit.php",{"text":$("textarea").val(),"page":"<?php echo $_GET['page']; ?>"},function(data){ $(data).hide().prependTo(".Display").slideDown("slow"); $("#Form > form")[0].reset(); }); } }); }); Basically what I do is send data entered
Newbie Requests Help on JQuery Script.
Could someone please help me with the following: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="css/flipbook.style.css"> <link rel="stylesheet" type="text/css" href="css/font-awesome.css"> <script src="js/flipbook.min.js"></script>
jQuery-UI iconselectmenu Not Working
Hello, i'm trying to use the selector jquery from the website of jquery ui. I use the code but not work on my page. This is my code: <html> <head> <title>EXAMPLE</title> <script type="text/javascript" src=" //code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript" src=" //code.jquery.com/ui/1.11.2/jquery-ui.js"</script> <link rel="stylesheet" href="//jquery-ui.css" /> <script type="text/javascript"> $(function(){ $.widget( "custom.iconselectmenu", $.ui.selectmenu, {
Tab Containing HTML From External Page
I am trying to create a single page application with multiple tabs. However, the tab that loads content from the server doesn't render with jquery mobile appearance and the hourglass hangs. Console log shows some repetitive reloads of jquery from CDN. I put the files in a dir accessible to my web server (apache) and access page1.html. When I click the tab "External Page" button the problem presents itself. I am new to html and jquery so this could be a pretty basic screw up on my part. John
Jason Lapene - Newbie here
Hi I am Jason, my educational background includes web design and degree in business. I have a little bit of knowledge about jquery but I want to be perfect in it and want implement in my website. Can anyone share the link here so that I can get the perfect source and I can learn more about this technology..
Qunit for testing authenticated rest api calls
Hi, I am unable to hit rest api when using $ajax function in jquery through qunit. All my rest calls have to maintain a jsessionid which gets created in the browser cookie when a login post call with parameters username and password is done. I was able to do the same using restassured as it allows to get the jsession id and maintain it while doing any more further api calls. Is there a possible way of doing it through qunit ?
Select one element only on .hover() function among other elements with same class
Hi all, I'm very new to code and doing some practice on jQuery. I'm trying to use jQuery (aware that @media query would be probably easier as CSS only solution) to have background images fade in and out on on selected words of a text with a .hover() event. As all the images have the same CSS properties, they share the same class, and (obviously) jQuery doesn't make the distinction of which specific one to fade in/out, if not instructed to do so. Which is what I am struggling with. Here the basic
Struggling to Create an Object From a JSON string
I'm trying to create an object from a JSON string. I've attached a picture that shows what the JSON string looks like, and what my object is looking like after parsing through the string. Obviously, I'm doing something wrong :) For starters, I don't what the literal "i" to be used, but rather it's numeric value. Why is it giving me "i"? And the other thing is that it seems to be completely ignoring the assignments inside the inner brackets...why is that? I feel a good coaching opportunity here
html data attribute stripped from my code in Apache
I am developing locally in my windows using Netbeans IDE and tomcat, data attributes work fine in my local tomcat, but when I checked in my code in the Apache server, and took a look in source code, I found out that all data attributes are stripped from the code : when I run my code locally (tomcat) : http://jsfiddle.net/mlotfi/b2y9Ls5o/ when I run it in Apache : http://jsfiddle.net/mlotfi/az68hkb0/ Thanks, your help is appreciated.
Get input empty value
In first: In version 1.9 we can do that and have the right result: $('input[value=]'), now need be $('input[value=""]'); OK, but now don`t work, if we have 2 inputs and fill one, the selector bring both, and not just empty. Do we have another method to take just empty inputs? Tks a lot.
Repeat autocomplete usage locks up UI
Hello, I have an app that includes an autocomplete field. The autocomplete field is behaving oddly. The autocomplete field is initialized via the following code: HTML <form role="form"> <div class="form-group"> <button class="btn btn-default" onclick="return refreshData();">Refresh</button> </div> <div> <input id="autoCompleteField" type="search" class="form-control ui-autocomplete-input" autocomplete="off" spellcheck="false"
Drawing two resizable rectangle on image ?
I want to draw two resizable rectangle on an image to get its height and width . Currently i am able to draw single rectangle on image but when i try to draw second rectangle first one is erasing. Thanks for any help...
content dynamic banner
Hi all, how can I create content dynamic banner? Like we have three div boxes filled with text, I see at first first div box and with some animation it change to second, third, first ,... thanks
Render Blocking Javascript and CSS
Hello, I use the datepicker on a webpage. However, google's page speed insight tells me that I have render blocking javascript and css - and it is the code that makes the calendar work. Is there any way to fix this? If I could load the external files later in the page (before close body tag) that should make google happy but then the calendar doesn't work.
Force jQuery Validator plugin to validate fields even if it hasn't been triggered?
Hi I want to force validation to trigger even if user hasn't clicked on the field or otherwise acted on the form which would trigger validation. I tried using different methods such as valid and validate but they always return true since validation won't check for fields that haven't been activated or in other words changed or focused. This functionality is to disallow jumping between form steps/tabs or to continue to next step until user has given proper information on current tab.
Im trying to assign json data to each div separately i.e. 5 divs using one div structure.
HTML :- <div class="normal_add_item_box left" id="normal_add_item_box"> <div class="nm_image_area" id="nm_image_area"><img src="images/default.png"> <div class="edit_box" id="edit_box"> <div class="ed_del_icons" id="ed_del_icons"> <i class="icon-pencil hover_icons" id="nm_edit"></i> <i class="icon-trash hover_icons" id="nm_delete"></i> </div> <!-- Close Edit Delete Icons --> </div> </div> <!-- close normal image area box --> <div class="veg_nv" id="veg_nv"><div></div></div> <div class="nm_name_area"
Why Jquery Sortable item Can not drag on empty list?
Why Can't i drag li item on empty list? Please look to following code; http://jsfiddle.net/008favda $("#tbl-excelSheet #td-container > #div-container ").sortable({ items: ".ul-activity> li", }).sortable("option", "connectWith", '#tbl-excelSheet .ul-activity').disableSelection();
Issues in placing Isotope.js on multiple tabs within a page...
Our page has multiple tabs (created with pure css), and we would like to filter with isotope on each tab. View here: http://jsfiddle.net/tayloralyse/oo4n6pr6/ You can see that it is working on the North America tab, however it isn't working on the Japan tab. Is this possible? Please help!! (FYI - not a coder, so dumb it down as much as possible if you can!)
Jquery Sticky header
im using a jquery sticky header that uses below, my problem is when you scroll to the top of the screen, there is movement from the sticky header position to a slightly different position at top of the page, like in this website http://www.seedspot.org/, I want the links in header to have 0 movement when i go back to the top of the page, like in palantir.com. (function($) { var defaults = { topSpacing: 0, bottomSpacing: 0, className: 'is-sticky', wrapperClassName: 'sticky-wrapper',
Next Page