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
Huge bug of jquery ajax !!!
$.ajax( { url: xxxx, data: { name: null, sex: 0 } ...... } ); this ajax will send a request to the server just like xxxx?name=null&sex=0 yes, null is translated to string "null", and in the server side, like php, java, asp.net , name will have a value of string "null", not empty or null string.
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.
Feature Request: Public Event Listener List
Hello, This is a very old topic, however, I would like to blow off the dust and start a fresh discussion on the matter. I will start with a story of a front end developer, lets call him Bob. One day Bob was wondering around in the magical jQuery Forrest when he had a nice little idea for a plugin. Bob wanted to create a simple/customizable way to ask a user for confirmation before the default events take place on an object. Here is a real world scenario. We have a "Delete Button" ... it has a click
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
How to get selected radio button id
Hi, I have the following div under which there are two radio button labels, I want to get the radio button id value and save it in browsers local storage and then on form load i need to set the same component i mean select the same radio component. Please let me know how i can achieve this with the below div where parent div has 2 radio button labels under it. Thanks, Raghuram. <div id="component_20" g360componentspec="type:FieldComponent;dt:1;format:input;fh:none;" g360layoutspec="l:124;lip:t;lif:f;t:29;tip:t;tif:f;r:118;riw:t;rip:t;rif:t;ra:+-;b:21;bih:t;bip:t;bif:t;ba:+-;o:hidden;lbpx:124;tbpx:29;wbpx:118;hbpx:21;efwpx:22;"
Calling a colorbox from a bxslider slide
I have bxSlider set up with one of the slides being a colorbox ligtbox, but I can't get the bxslider image or a link to open the colorbox. Here is my code: $(document).ready(function() { var $gallery = $('a.slideGroup').colorbox({rel:'slideGroup',@trans, @slideshow, slideshowSpeed: 4000, @showTitles }); $("a#openGallery").click(function(e){ e.preventDefault(); $gallery.eq(0).click(); }); $('a.slideGroup').colorbox({onComplete:function(){ $('#cboxTitle').css('color',
Calling Colorbox from Bxslider
I am trying to wrap my head around how to call a colorbox slide group off a slide within bxslider. Using this cold I though it would work, and I does, but It is including the document window as the first slide in the colorbox and I don't know how to prevent this from happening. Any suggestions on what I might be doing wrong? Within my bxslider document ready statement I call colorbox on the slide that I want to open the colorbox with using: $('.isSlideshow').colorbox({rel:'slideGroup1'}); Where
jQuery Mobile no styling after using Ajax .load()
I'm using an Ajax call to get a list of checkboxes to appear in a panel after the user presses login. The data loads in fine but there is no JQM styling on it, its only the default browser styling. The id of the checklist is filterlist, and the div where I want to put it is called test1. $.(document).on( 'click', 'loginbutton', function() { $( '#test1' ).load( "test.html #filterlist" ); });
draggable layout: cancel click when mouse is dragged
I've created a layout which is horizontal draggable: http://codepen.io/moy/pen/xGmyZX To do this I've used a jQuery plug-in called drag-on.js (http://dragon.deparadox.com). The effect of the drag works fine, the problem is you need to find 'a gap' for it to work. Clicking another element (anchor/text/img) doesn't register the drag. So I need a way of cancelling the click event if the left mouse button is held and dragged. Does anyone have any ideas on how to do this? I've heard about e.preventDefault() but
Search and hide divs
Hello, how can i hide and filter all FAQs, that not contain the search term "Auto". I want to hide both the panel-heading and the panel-body and tried so far: $('.panel-body:not(:contains(' + s + '))').parents("div.panel-heading").hide(); $('.panel-body:not(:contains(' + s + '))').hide(); $('.panel-body:contains(' + s + ')').show(); <!-- FAQ1 --> <div class="panel panel-default panel-faq"> <div class="panel-heading">
How to keep my radio still running while click some href
How can i keep my radio streaming not reload while click some href ( Puspargam, Linatasan ) the other page is landpage, i'm trying to solved this using angular js ( https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating ) but hard to me tu customize use angular , how can i load that radio in every page in php by using jquery so the radio not reload after click some href ( Puspargam, Linatasan ) here is my site http://suarakasih.com/ and here is my script calling radio
Next Page