iframe in cycle plugin
I have to display a map on the top of the page along with other images. The map uses an iframe. so is there a way that malsup cycle plugin can display images and iframe in the cycle fashion.
Why jQuery change my headers height ?
Hello I'm using this website structure : http://tympanus.net/Freebies/Cardio/ I use PHP to validate the contact form. When this contact form is OK, the contact form disappear but the headers height change about 70000px. Firefox says https://code.jquery.com/jquery-1.11.1.js line 4305 and 5211 change the header properties. Do you know why? Just tell me what isn't clear for you. Antoine
difference get and post ?
<html> <head> <title>Orders</title> <style type="text/css"> ul li .edit{ display: none; } ul li.edit .edit{ display: initial; } ul li.edit .noedit{ display: none; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> $(document).ready(function(){ $.ajax({ type: 'GET', url: 'http://-get.php', dataType: 'json', success: function(data){ $.each(data, function(key, value){ var html = '<li>'+
How to disable elevateZoom?
How do i call the destroy function in elevateZoom ? The documentation does't have any mention of it , If i do a quick ctrl+f in the source, i see an option for disable , But i am not sure how to disable or destroy elevateZoom ? I have the following code: HTML: <img id="img_01" src="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg" data-zoom-image="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg"/> JS: $("img").elevateZoom({ zoomType : "inner", cursor: "crosshair"
The rules work and the messages don't work
Hello, I have a problem with the validation messages in jQuery. I have a dynamic form, I put rules (rules) for field 'tel_m' and it works well for all the fields (dynamic). Now I would write 'messages', the problem is that the validation does not work very well: it is enough for me to write a single field correctly (not vacuum telling figures) and the form is submitted WITHOUT than other fields are valid. Where is the mistake? EDIT: $ ('input.comment'). each (function () { $ (this)
Slider 'jumps' on mouseenter event
Hi, I am trying to make a slider and I can not manage to overcome one problem. On mouseenter event sometimes it happens that my slider 'jumps' left or right and then returns to correct state. Here is the code. . $(function(){ //INIT// $('.slider').width($('.slider a').length * 240); var $carouselDesktop = $(".carousel-desktop"), $slider = $(".slider"), carouselWidth = $(window).width(), sliderWidth = $slider.width(), difference = sliderWidth - carouselWidth,
errors thrown in Brackets
Hi There, Super noob here. I am trying to run jQuery JavaScript Library v1.11.3 in Brackets on OS X. When I open the file in Brackets to sight the code there is a litany of errors thrown. eg: 'module' was used before defined Combine this with the previous statement Expected 'jQuery' at column 9, not column 5 There are more than 50 errors. Brackets stops looking after 50. I must be doing something very wrong here??? screen grab available here: http://www.leapfrog.net.au/client/lincoln/Screen%20Shot%202015-08-17%20at%202.39.21%20am.png
Copy to the Clipboard using jQuery in FireFox
I want to copy a text to the clipboard using a textlink in firefox. I know how to do it in IE and Chrome but not for FF. Do you know ho to do it? Thanks!
How to create a responsive horizontal image scroller
In the website https://jsfiddle.net/rszqqx9w/3/ the bottom horizontal scroller is not responsive. I have been playing around with this for ages and can't get anything to work. I am trying to resize the images and the containers as the page is resized. Keeping the images in proportion to their current size (300px x 200 px). The moment I make the containers have a height of 100% the images blow out of size and I can't set their size because then the won't resize. Any ideas?
Copy a Text to the Clipboard using a Textlink
My request is to copy this number and alphabet inside of clipboard and then I can go to Excel and paste it like in the picture with support of jQuery. You started copying it by pressing a text link or similar named "Copy Text". Is it possible to do it? https://jsfiddle.net/v9z6c7nj/5/ Thanks!
Code help
Hello, i have this piece of code <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script> $(document).ready(function(){ $(".text1").click(function(){ $(".text1nezobrazeny").toggle("slow"); }); }); </script> <p class="text1">click for show</p> <p class="text1nezobrazeny" style="display: none;">show</p> Best thing will be when u look at my web site http://heliocare.neomed.cz/doporuceni/ As you can see. When u click on 1 link, all links show up. Is it possible make 1 click 1 link show
How can i use jquery validation with safari
i try to use jquery validation with safari but i can't some people told me that it not support to safari that is right ??
Issue on Setting UI Slider For Opacity Amount
Can you please take a look at This Fiddle and let me know how I can use the slider to get values from `0` to `1` like `0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1` Here is what I have $(function() { $( "#slider" ).slider({ value:1, min: 0, max: 1, step: 10, slide: function( event, ui ) { $( "#opacity" ).val( ui.value ); } }); $( "#opacity" ).val( $( "#slider" ).slider( "value" ) ); }); <p> <label for="amount">Opacity:</label> <input type="text" id="opacity" readonly style="border:0; color:#f6931f;
Images resizing in an unwanted way
I have the following web page linked to a script file as shown below: Every timeI scroll the page down the screen the nav does stay fixed but all the images inside the nav become larger. I think it has something to do with the width being inherited from somewhere else but I can't figure out how not to get the images changing size when scrolling but still retaining the ability to scale the images if the page changes size. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Gardening in the
How to open a new page or link in lightbox instead of new tab or window?
In the jquery, I am using this for opening a page but browser popup blocker blocks the page: window.open("http://www.newpagelink.com"); Is there any way to open the link/page in lightbox or fancybox rather than new tab or window?
how to get a value from a table and set value a select/option
hi friends i have this issue: my fiddle: http://jsfiddle.net/jamiguel77/fmstp4bb/18/ i have a table with items 1 column of this table is Action (Edit) have a button by each row, then if the user press the button i want get the value of the first column, and set the value in a select/option, but not work at momment, any advice how to fix? thanks
[resolved] remote validation question - return values from jsp valication page
Hi, I'm trying to use remote validation using the jquery validation plugin. I have verified that my remote JSP verification page is being called. I have also verified that it returns either a string 'true' or a string 'false' when it is called. The client side page is not responding to the return value from the verification page. My question is whether the validate() method is expecting the server side to return 'true' and 'false' as strings? Thanks in advance. Jim A.
JQuery Validate - Message tailoring
Hi everyone. I recently came across this wonderful validate plugin I've worked out how to modify the rules based on values in other fields, but wondering if the error message can be tailored in a similar fashion eg rules: { myname: { required: function(element) { return $("#mpAdType").val() != "Buy"; }}, }, messages: { mpAdType: "<span class='f00 strng'>Please select an option</span>", mpTitle: function(element) {
Ajax, not modified and cache
Hi I have trouble using the cache capabilities when the server replied with a 304 status. I use JQuery 2.1.3. I tested my code with Chrome 44 and Firefox 38.0.5. Same results with both browsers. Here is my ajax call: $.ajax({ method: "GET", url: "...", ifModified: true }).done(function (data, status, xhr) { console.log("data: " + data) console.log("status: " + status) console.log("response: " + xhr.responseText) }) The first call produces: "data: object" "status: success" "response: ..." The second
Display footer div from bottom to top
I have a footer div that I need to animate in a specific way. Instead of displaying from the top-down like it would when you scroll down, I need it to display the bottom of the footer first while still pushing the contents of the page up with it. Does anyone know how I would do this? Chris
Simple jQuery variable issue - conflicting variables
I am trying to use this great jQuery text slider here: http://codepen.io/mikedevelops/pen/eNjeJm But I really need two sliders on the same page. I have attempted to duplicate the code and change the variable names in the second slider to prevent there being an issue - but can't seem to get it to work. Here is my attempt: http://codepen.io/hardanger/pen/NqmOom Just to be clear, I think it is an issue with variables. Very many thanks for your help
Simple jQuery MVC CRUD code review
Hello. I'm kindly asking, if anyone has a time and is willing to help me, to review my code on github and tell me about bad parts and provide with links to articles/code with good practices. I made simple CRUD using only vanilla JS and jQuery. No back-end is needed, all data is written in localStorage. https://github.com/hawkserj/Simple-MVC-CRUD-on-jQuery - here it is Thanks in advance.
Event handler duplicating object
I am fairly new to jQuery, and I've added an event handler to launch a slideshow from the "a" tag around an image. The problem arises when I try to ad a plain hyperlink to the caption for the image, that has another handler to open the same slideshow. Now when I use either the image or the hyperlink to open the slideshow, the number of slides is doubled, because it is creating another instance of the object colorbox() How can I handle this? I thought since I was refrencing the same "a.slideGroup"
How to populate second dropdown list based on the first one
Hello, I am having a real problem..... I have 2 dropdown list that are dynamically populated via php, I am struggling populating the second dropdown list based on the first dropdownlist choice. Here is my code: <select name="<?php echo "action".++$action_id; ?>" class="form-control products" id="<?php echo "products".++$products_id; ?>"> <?php $query_field3 = "SELECT * FROM products ORDER BY name desc";
Validation Issues
Can i include rules in different files and submit form in different files? Becasue i have a common submit for all forms. -----------------------------------Rules ------------------------------- $("#add_new_productHH").validate({ rules:{ lprice:{ greaterThan:'#sprice' }, available_quantity:{ lessThanOrEqual:'#lowest_price' } }, messages:{ lprice:{ greaterThan: "This field is less than starting price" }, available_quantity:{ lessThanOrEqual:"This field greater than or equal to requested quantity
Need Help display data in inGrid
Hi every one, Can you help me how to make a php script to retrieve data from database using jQuery inGrid or send me a link please. http://reconstrukt.com/ingrid/#overview
I need to make sure that a plugin will not load until its dependency loads using RequireJS
I am using the jquery.validationEngine.js plugin. jqueryValidateEnglish cannot run unless jqueryValidateEngine is loaded first. My jquery.wrapped.validationEnglish2.js is coded like the following: define(['jqueryValidateEngine'],function($){ //Plugin Code here }); My jquery.wrapped.validationEngine2.js is coded like the following: define(['jquery'],function($){ //Plugin Code here }); My homepage contains: <script src="/imagesrv/marketing/requireJS/assets/lib/require.js" data-main="/imagesrv/marketing/requireJS/assets/js/common2">
Form validation with unique email address check doesn't work
Hi, I'm enough new to JQUERY and would need some help in order to fix a form validation. I would validate the email address is unique once the user submit the form. In the code I developed, I receive always the message error, saying the email address in already in use, even if this is not true. Here is my code : JS CODE : $().ready(function() { $.validator.addMethod("verifyEmail", function(value, element) { var result = false; $.ajax({ type:"POST",
UI drag and drop for multiple elements
Can anyone help me how to drag and drag multiple elements in a single drop zone. Once dropped it should not allow another one to drop. After deleted this selected one another one can be able to drop. Please help me out.
jQuery validation file, validate image dimension before it's uploaded
I'm trying to validate files uploaded to be certain dimension size before it's uploaded. Is there a way to get the height and width of the image? I'm using the validation plugin
How past parameters with ajaxStetings (ajaxOption depreciated)
Hi, Excuse my bad english. ajaxOption depreciated, how can I pass parameters to recover in php Javascript : <script type="text/javascript"> $(function() { $("#tabs").tabs( { beforeLoad: function(event, ui) { ui.ajaxSettings.type = 'POST'; ui.ajaxSettings.username = 'foo'; ui.jqXHR.fail(function() { ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible. " + "If this wouldn't be a demo." ); } ); } }); }); </script> PHP file
Add highlighting feature to fastLiveFilter 1.0.3 plugin
I have modified fastLiveFilter jQuery plugin by adding a highlight functionality. I added a button to the form: <form id="search_box"> <input type="text" id="search_input" name="search_box" /> <input id="search-button" type="button" value="Search" role="button" /> </form> The search/filter is not trigger on keyup, but on pressing the button or the [ENTER] key. The function bellow wrapps the searched string in a span: function highlightTerm(){ var searchTerm = $(input).val();
How can I disable JQM css on one of the pages?
So I have a few HTML pages. and in th index I load the css from JQM and al the JQ and JQM. How can I not load, let's say the JQM css in one of the pages? I want it to be applied to the index and some others, but not to a specific one. What's the best way to do it? I'm only asking because Im using http://photoswipe.com/ on one page, and the CSS from JQM makes it look really bad, How can I "disable" it for just this page.
What are the required files to get JQuery working in my Website ?
Hi, I am fairly new to JQuery. Finding it hard to figure out why few things are not working in my application. There are already few JQuery files added in project as dlls, not CDNs. Few of them are same files with different versions. For example, jquery 1.10.2.js jquery-1.3.2.min.js jquery1.7.1.min.js jquery1.8.0.min.js few other jquery files are jquery-ui-1.10.4.custom.min.js jquery.blockUI.js I would like to remove everyone of these and add latest version of JQuery. Please let me know what
Update JQUERY Version - Help us!!!
Hi everyone, I need to update my Jquery Verion in a project. In this moment we use the 1.7.2 and we want to migrate to 1.11.0 (or 1.10.4 at less). Please, If anyone can help me to understand what i need to do, I 'll be very grateful.. More Information: - jquery 1.7.2 - jquery-ui-1.8.11 - jquery.validate-1.8 - jquery.unobtrusive-ajax.js
How to add open icon and close icon for Jqtree
i want to customize the icon for open and close operation in jqtree.
Simple parallax scroll effect problem in IE (codepen included)
I have a problem with animating a div in IE. As the user scrolls down, i want to move a div down aswell. The div is positioned absolutely with top property set to 5% and then in js file im adjusting the top property value based on the scrollTop value of window. Everything works fine in other browsers but in IE, the animation is behaving strangely (seems like the animation fires only AFTER the window is scrolled, which makes it look bad and not smooth). I tried using both jquery animate and css functions
installes jquery in joomla voor graphbars but isn.t working
I installes the jquery plugin (eorisis JQuery) in Joomla and made an article for testing a bargraph but the page is blank {source} <?php arrayOfData = new Array( [10.3,'Jan','#f3f3f3'], [15.2,'Feb','#f4f4f4'], ); $('#divForGraph').jqBarGraph({ data: arrayOfData }); ?> {/source}
JQuery calling WebAPI
I have a script that is calling a WebAPI. If I host the web page and the API on the same server it works fine, however, when I move the API to our app server and the web page to the web app server, I get the following error messages when calling the URL of the API: SEC7120: Origin http://localhost:2020 not found in Access-Control-Allow-Origin header. SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied. I can access the service directly in the browser from both servers. My script
how to toggle between console and source in chrome
Hey guys, Sometimes , i like to add a breakpoint , to say a certain given line eg: ((this.options.position.x == 'center' && this.options.outside == 'x') || (this.options.position.y == 'center' && this.options.outside == 'y')) && (this.options.outside = false); and then go to the console and type in: this.options.position.x to see what really is (i know hovering over x also given the value , but thats not my question). so how do i switch between console and source , any shortcut ? without
Next Page