Working with jQuery...
Hi all. I am using the an application called amazing slider to work on my new image banner slider. I have managed to achieve what I set out to do just fine. I am now working on my image gallery and then, it all went sideways. When I deployed all the code generated by the software, just like it did before, I have kept all files in their given directories. Now I noticed some files, namely the .js and the .css had same names on both occasions. Now I don't know about the .js, but if the name for the
How to disable page caching?
hi, I have pages kept in separate php files and I set : <div data-role="page" id="pageNewLeave" data-theme="b" data-dom-cache="false" so data-dom-cache should take care of no caching I guessed but it's ot happending. For example, in pageNewLeave if I click submit it's redirecting to the home page and when I click on the link New Leave I still see the selected dates and submit button is invisble (from the last post). How can I fix this please?
Does centering work with multiples slides in cycle2 plugin?
cycle2 has a addon plugin that enables centering of the slides SEE HERE . Does it work with multiple slides , SEE FIDDLE , you'll notice that it does't work with multiple slides , also i have the data-cycle-carousel-visible='3' , but only one slide is shown(i beleive if the objective of the plguin was to work wiht only single slides than this is expected behaviour ) , but when i set data-cycle-carousel-visible='1' , the centering does''t work . WHY ? I basically just wanted to know if the centering
Problems with Jcrop Crop Area
I'm at my wits end with setting up a cropping tool for my website. Jcrop is the third one I've tried and I've spent way too much time on what should be fairly simple. But what I've come to learn about jQuery - it's just not as simple as "plug it in" sounds. Now with my vent out of the way, here's my issue. It all works, usually, but not always; and I don't have any of these problems while testing on the VS project. I should also point out that I am using a custom control since I have several pages
How to remove the dynamically created text box using jQuery
I am new one to jQuery.I have a issues on dynamically add and remove text box using jQuery.Here adding dynamic text box is working perfectly,but issues on removing of text box. Its working but it will remove all the row of text boxes were created.But need to remove only the text box related to button or row.please check the below code. function addMore() { $("<DIV>").load("<?php echo $buyinput;$row_buydisp=0;?>", function() { var n = $('.product-item').length + 1; if( 5 < n ) { alert('Stop it!');
Stop pop up for mobile version
Dear Sir/Madam we had launched http://www.zoola.co.in a responsive website we had made provision of mfg pop (magnificient POP up) example http://zoola.co.in/project.php when clicked on an image the magnificient POP up display the image in pop up this is accepted in case of pc/laptop or bigger screens however in case of smart phone, this pop up is of no use ..........on smart phone , we cannot see an image bigger that smart phone screen..... Considering this can be prohibit pop up in case the website
transitions doesn't proper work after I opened a popup dialog
Hello, after I opened a popup dialog in my webapp mobile.wks-webapp.bplaced.de the transitions doesn't work proper anymore. The problem is only on mobile devices (tested on iPhone 6s). The button to open the popup dialog is on the 2. page or on the 3. page.
Autocomplete with Hyperlinks
http://api.jqueryui.com/autocomplete/ I am working with the example from the link above. Here is the code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>autocomplete demo</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> </head> <body> <label for="autocomplete">Select a programming language: </label> <input
jquery mobile event is not bound when coming back to page
Hej everyone, can anybody help me with the problem descriped here? I am trying to solve this problem since three days and can't find any solution. Thank you for any help :)
Change the no. of images at smaller viewpoints for cycle plugin carousel
I am using this plugin cycle2 and basically have the following working for myself , SEE HERE I have earlier used this slider called bxslide and basically it gives you an option for min and max slides. Now see how i have initialized the cycle2 plugin below: <div class="gallery-wrpr cycle-slideshow" data-cycle-fx="carousel" data-cycle-timeout='100000' data-cycle-slides="li" data-cycle-carousel-visible='3' data-cycle-carousel-fluid='true' data-cycle-next="#g-next" data-cycle-prev="#g-prev">
How to set jQuery maskMoney plugin maximum limit?
Hello, I was trying to use jQuery maskMoney plugin recently. and trying to set the input mask maximum value. I found I have trouble to set maximum value for negative and positive input. Here is my code: $('#<%=TextBox1.ClientID%>').attr('maxlength', 8).maskMoney({prefix:'$',thousands:',',precision:0, allowNegative:true,'placeholder':''}); You can see from my code that the input can take negative value. Only 6 digital number is allowed for input. So I set 'maxlength' to 8, which means '$999,999' is
Uncaught TypeError: $(...).jqGrid is not a function
I have used Jqgrid in my asp.net mvc project.I got error like "Uncaught TypeError: $(...).jqGrid is not a function" I have Mentioned my code below.plz help me . Bundleconfig.cs bundles.Add(new ScriptBundle("~/bundles/rolescripts").Include( "~/Scripts/jquery.jqGrid.js", "~/Scripts/jqModal.js", "~/Scripts/jqDnR.js", "~/Scripts/grid.locale-en.js" )); bundles.Add(new StyleBundle("~/Content/css").Include(
Manipulationg CSS properties
Hi I came across this code for doubling the size of a div var target=$('#target'); target.css({width:target.width()*2,height:target.height()*2}); Please forgive my ignorance :) but i would like to know: in this piece of code 'target.css({width:target.width()*2,height:target.height()*2});' why is target.width mentioned twice when it is seemingly understood that is the width of the target that we are talking about? i mean why can't we write the code like this: target.css({width:width()*2,height:height()*2});
Issue with local jquery.js
Hi, I'm trying to convert my datepicker example page from using online jquery.js to using my local version downloaded. I have a working version of a datapicker but it uses the JS libraries stored at //code.jquery.com/... I have got two working locally but not the last one! My code is below, it works but the commented out part does not work. I have crawled the website and google but still in the dark :-/ Is there anything obvious I am doing wrong? I can confirm in the header of /js/jquery-ui-1.11.4.custom/external/jquery/jquery.js
Why my jquery code doesn't work with updatepanel post back?
Hello, I'm new to jquery. I want to use jquery mask function to format my input. Here is my original code: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../Scripts/jquery-1.11.3.js" type="text/javascript"></script> <script src="../Scripts/jquery-maskmoney-3.0.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#<%=TextBox1.ClientID%>').attr('maxlength',
Nested table, get value of td with class i defined, but only on selected row
I desperately need help on this getting the value of a column thats nested inside a table. I cant get the logic or code right. My table: <table id="eventsToList" class="table table-striped table-condensed table-responsive"> <thead> <tr class="header"> <th></th> <th>EventID</th> <th>Created</th> <th>Description</th> <th class="pull-left">Address</th>
jQuery UI sortable "forcePlaceholderSize" doesn't work with Firefox??
Hi, I set forcePlaceholderSize to true. In Chrome, a new placeholder div is created with inline CSS height property. <div class="sortable-placeholder" style="height: 92px;" ></div> But if I run the same code in Firefox (v 43.0.4), the newly created div placeholder doesn't has a height style. <div class="sortable-placeholder"></div> I know I could set the height in the sortable-placeholder class. I just wonder why forcePlaceholderSize does not work with Firefox. Please see below for my test code https://jsfiddle.net/Lgqt1ns7/1/
hasClass test for hasDatepicker failing - why?
Hi everyone, I have a form where all date entry fields have had the datepicker attached using the following code: $(this).datepicker({ changeMonth: true, changeYear: true, dateFormat: jqDateFormat, showOn: jqDateAction, buttonImage: imagesPath+"calendar-datepicker.png", buttonImageOnly: true, onClose: function(datesel,elem2) {SetEntryFlag(this.id);} }); jqDateFormat = “ddmmy”, jqDateAction = “button” I have a JavaScript function later where I need to check to see if
having a problem with slide and scroll
i got 3 rows with 4 icons in each. when clicked, each icon makes a div visible and slide down and the page scrolls to a specified span element at the top of each div.. but for some reason when switching to another div with longer height, it scrolls all the way down :) its pissing me off so much! so here is the code for one of the bottons: $( "#shop" ).click(function() { $( "#Enerji , #Hizmet , #SaglikYasam , #Otomotiv , #Sigorta , #Makine , #EmlakPazarlama , #Insaat , #YemeIcme , #Eglence , #Tarim"
how to list my own plugin in plugins.jquery.com
Hi der, I uploaded my plugin in NPM.. Is that any way to list my plugin in plugins.jquery.com.. Thanks..
jQuery slider issue with size...
Hi all. I am trying to develop my own website and having never used jQuery before I find myself in a bit of a pickle if I'm honest. I have got the necessary code and have adapted it to my needs. Before implemented in my website I done a test run using my own images to see how it worked and it was fine. Now the issue is that the size of my pictures (690x275) have slightly shrank leaving a bit of a gap around on my existing class=slider div. I have looked at all the code and for the slider code that
Display JSON data
I have two php files on website, 1 - index.php and 2 - list.php. A menu link in index.php points to the list.php page. The data on list.php is JSON from mysql server. Data can be correctly displayed. So far so good. Problem: Unless the link specifies data-ajax=“false”, the data does not render until I refresh the list.php page. Not a huge problem, but is there a way to achieve desired result without using data-ajax=“false”? Here is the javascript: $(document).on("pagecontainershow",function(){
Problem with jQuery Mobile Tables - Column Toggle Table
Hello users! I want create a web app for my homepage. But my knowledge status in javascript and jquery is just a little bit low. I can not find my syntax error or my thoughts are wrong. I will be glad if somebody can help me. First of all, I send an array from my msql-database with PHP and JSON to the javascript. Just like this: [{"eintrag_id":"2473","aktiv_datum":"2016-01-05"},{"eintrag_id":"2469","aktiv_datum":"2016-01-05"}] When I startet the page all columns and rows will be loaded in the table.-
pre loading adobe edge animation content with jQuery
Is there a way using jQuery to preload adobe edge animation content. By that I don't mean the actual adobe edge animation but the PNG and JPEGSs used in the animation. at the moment I cannot find a way to properly preload an Edge animation ( I have a huge file with lots of PNGs ) I would be happy if the adobe edge preloaded function works but it doesn't. My entire page interrupts any DOM activities including jQuery or css loading bar animations or whatever I'd like to amuse the viewer with while
Save and restore jqm form
I have made a form in jquery mobile with radioboxes, checkboxes, tekstfields, multiselect. I want to save my form data with a save button and want to restore the data with a restore button. I found a great script http://jsfiddle.net/mindplay/yLPY3/ But when I copy it to my form or I convert the script to jqm, ony the textfields are saved and restored. Checkoxes, radiobuttons etc are not saved. Should such a script work with jqm ? or is there an alternative way to save and restore a compleet form
how to create dynamic json treans js
pls help how to create dynamic json treans js http://fperucic.github.io/treant-js/ Thanks
Get diffrent 2 times in jqueyr by click
Hello guys, i'm creating cms which calculate diffrent when the employee come in in the office, but now i'm going to calculate diffrent time by event click when employee loggin and click the button come in but i always get Nan result in jquery, You can see this demo already googling here but there should add date other hand i only have hour:minute:second, thanks for comment and answer
Disabled value
Hi When using this code: .attr('disabled','disabled'); why is 'disabled' mentioned twice? Thanks for helping me! Regards Jayashree
Minimum jQuery version that supports IE11 - am I reading this right?
It looks like from the chart found on the link below, that the minimum jQuery version that supports IE11 would be any version >= 1.0, am I reading this correct? https://jquery.com/browser-support/
How To Disable Mouse Enter Event and Only Detect Mouse Move to Left or Right
Can you please take a look at This Demo and let me know how I can disable any animation on Mouse-enter in the #carousel-example-generic ? I want to apply the .css() rules ONLY when the mouse is moving to Left or Right on the #carousel-example-generic ? what is happening now is, as soon as the mouse enters into the #carousel-example-generic jQuery is running the CSS rule but I want to do it only when the mouse is moving to left or right. Here is the code I have var startingPos = 0; $('#carousel-example-generic').mousemove(function(e)
addMethod in jQuery Validate plugin with required = false
I have a simple script to test if field has alpha caracter [code] $.validator.addMethod("hasalpha", function (value) { return (/[a-z A-Z]/).test(value); // Has at least one letter } ); [/code] and it use this as a rules for my form [code] name: { required: false, hasalpha: true, minlength: 5 }, [/code] The problem I have is that it always fire and error of not having at least 1 alphacaracter when the field is empty, even if required
Error validation not working on cloned field using jquery validate plugin
Currently working jquery clone with jquery validation. In the first scenario with my current code where I can able to valdiate original fields. In the top i will get error count. In the second scenario if the user enter in any of the duplicate row field then validation should happen. But currently this one is not happening here is the code which i tried but still no use $(".cloned_field").each(function() { if(($(this).val().length > 0)){ bind_validation(); } }); https://jsfiddle.net/karthic2914/h3vh2pLm/1/
change data-theme dynamically
Hi, I am trying to change te dialog theme using below code but it is not changing... why? here is my div: <div id="dialogAlert" data-role="popup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width: 400px;"> <div data-role="header"><h1 id="msgTitle">Error!</h1></div> <div role="main" class="ui-content"> <p id="msgAlert"></p> <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Close</a> </div> </div> and this is my jquery:
JQuery propagating to children and disable/enable click event
Hi all! I am working on a kiosk screen. The screen consists of 5 circles that surround an image in the center of the screen. When one of the 5 circles are clicked everything else fadesout, that circle moves to the center of the screen, grows in size and 8 smaller circles fadein around it. One of these smaller circles is a back button that when clicked fades the smaller circles out, shrinks the main circle, moves it back to its original location and fades in all of its siblings. I am having two
[Fixed] Using Horizontal Drop-Down Menu Tympanus Codrops
Dear Friends, Just new to the forum. Not newbie in jQuery, however, also not expert. :) I'm trying to use thie Horizontal Drop-Down Menu (http://tympanus.net/codrops/2013/03/05/horizontal-drop-down-menu/), however I'm having a bit of a trouble. When adding the menu content dynamically, the sub-menu items will not be shown. If I copy the code generated and paste it in the HTML directly, it will work just fine. Am I missing something? Do I need to call any 'reloader'? Can you give me a hand? Thank
Jquery Issue on IE 11 build version 11.0.9600.18124.
Hi Forum, I am using jquery 1.7.2.min.js in our application and we use IE 11 browser preferably. Recently my browser got upgraded from IE 11 build version 11.0.9600.18097 to IE 11 build version 11.0.9600.18124. Then I found certain drag and drop functionalities were not working. When I try to debug the same, while dragging I am getting an error in jquery-1.7.2.min.js specifying mergeAttribute is undefined. It happened all of a sudden after IE upgrade. If I downgrade my IE brower version it works
JResponsive issue
I am trying to use JResponsive http://jresponsive.is-great.net I am able to make it work however the animation it produces is only applied to the first DIV i attempt to apply it to. i have tried calling it with the following syntax's 1) $(#div_one_ID).jresponsive(){ array of properties} $(#div_two_ID).jresponsive(){ array of properties} $(#div_three_ID).jresponsive(){ array of properties} 2) $(.class_name).jresponsive(){ array of properties} regardless of which syntax i use (one declaration using
change event on radiobutton click
Hello and thank you to everyone who has previously helped me. This time I don't have a problem as my code is working. I am only asking if there is a more efficient way (i.e. less code) to accomplish my goal of utilizing a show hide based on a radio button clicked. See jsfiddle In the jsfiddle above, if you click the Other button, a required textfield appears. If you click any other radio button, the textfield disappears and is no longer required. It's the hide part of the code, below, that I figure
Jquery having two effects on same div!
Hi all! I am new to Jquery so go easy on me! I have written a bit of code that works for the most part, however, when the #JSb is clicked it can trigger two different actions when clicked...but I only created one! When you click anywere but the top left corner of the div the entire screen fades out (this is not the effect that I want). If you click in the top left corner the action that I want actually occurs. I have this working for 4 other divs perfectly and no matter how many times I go through
Script is not reloaded
Hello, I’m Pierre-Yves graphic designer, digital publisher and Jquery beginner. for a job, I used indesign and export with In5 ajar (software that allow to export in Hml5, css and jc) to the web. In5 Ajar create its own html, css and Queries files, If you inspect my web page below you can see it. I put 3 images moving from right to left. Problem: At the beginning of the animation, images wasn’t hide. I saw that in the file in5.config.js (file created by the export from indesign) this function: function
Next Page