jQuery ZeroClipboard Doesn't work when I have followed the instructions
I have tried the sourcecode from http://www.steamdev.com/zclip/ by applying the file on the internet (http://testtesttesttest.site40.net/index3.html) but doesn't work despite that I have followed the instructions from http://www.steamdev.com/zclip/. I don't retrieve any error message. The function just don't work. I gave a new try by using CDnjs (http://cdnjs.com/libraries/zclip/1.1.1) forhttp://testtesttesttest.site40.net/index4.html but the same problem still existing. I also have tried this code
The sourcecode of using jQuery ZeroClipboard in my local computer
I have retrieved this code from http://www.steamdev.com/zclip/. When I tried the sourcecode it doesn't work and I cannot find the root problem that I can't use the source code in local computer. Thanks! <!DOCTYPE html> <html> <head> <title></title> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.js"></script> </head> <script> $(document).ready(function(){ $('a#copy-description').zclip({
Jquery ajax post over https not working
Hi, My application is hosted on https on port 9002. My ajax calls are successful if I hit button immediately page load. After sometime(say 3-4 min) my ajax call is failing with error "NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'https://localhost:9002/****/***/***", this not because of session timeout. I am testing this in Crome. Please help to understand why it is failing after sometime. Thanks in advance.
Apply blue frame and icon inside of input box
I would like to apply this source code inside of a input(http://www.w3schools.com/tags/tag_input.asp) when you have a input data. When you press the a submit button the data will be transfer to the backend and I dont want the html code to be entered inside of the backend, only the input data for instance "candy". The functionality is existing at Stackoverflows webpage and I have uploadad a picture to understand it clearly. My question is: How should I create it in order to make the input data to
.value.contains doese'nt works in some browsers.
Hello, I have a form like this: <input type="text" name="url"><br> <input type="submit" value="submit"> and I wrote this jQuery code to prevent submit form if field has a certain value: $(document).ready(function(){ $('input[type="text"').keyup(function(){ if(this.value.contains('text')){ alert('Sorry, we can\'t submit '+this.value+' here!'); $('input[type="submit"]').remove(); } }); }); but it works only in firefox and not works in chrome and IE. see this demo please:
hide all divs and show only one onclick jquery is not working
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $( document ).ready(function() { $('.items').hide(); $('#clearproducts').show(); }); $(".sushi").click(function(){ $('.items').hide(); $('#sushi').show(); }); </script> <div class="tabs"> <ul> <li><a href="" class="clearproducts"><span>Clear products</span></a></li> <li><a href="" class="sushi"><span>Sushi container</span></a></li> </ul> </div> <div class="items" id="clearproducts">
Copy for Clipboard in Firefox
I have found a source code for copying to clipboard that is fitable for IE: "http://jsfiddle.net/azgugmjb/7/light/" "https://jsfiddle.net/jsLfnnvy/12/" and Chrome: "Copy to Clipboard using Chrome only" But not for Firefox. Do you know any sourcecode for Firefox in relation to copying to clipboard? I DO NOT want to use an extension application or similiar. Sourcecode only! Thanks!
Change height in query string with jQuery
Hello, I'd like to replace the height value in the following query string using jQuery: /GetImage.ashx?w=1200&h=600&f=1&IDMF=1d5f1a45-92ac-40e9-8c8c-dc470ac85e2c so that the url is instead: /GetImage.ashx?w=1200&h=400&f=1&IDMF=1d5f1a45-92ac-40e9-8c8c-dc470ac85e2c I have no access to the html on the site, hence the strange request. Thanks Emma
How to move children inside near children?
Hi! I have this HTML... <div class="item"> <div class="image"></div> <span class="titleimg">Title 1</span> </div> <div class="item"> <div class="image"></div> <span class="titleimg">Title 2</span> </div> <div class="item"> <div class="image"></div> <span class="titleimg">Title 3</span> </div>I need to move all <span> to <div class="image"> inside his parents. I knew about appendTo and etc, but I can't invent working construction. :(
How to refresh/reload a child browser tab??
I have to create an application where i would be showing a map on the page. On the initial page the map will be small and as user click on the map, a full map with all the results will be opened in a separate browser tab. What i need to do is, when user change the filter/criteria on the parent tab, the child map tab needs to refreshed with updated results. Is it possible to achieve that using jQuery or java script? Please suggest.
Apply blue frame and icon inside of input box
Based on this code I would like it to add it inside of a input box that contain text. Is it possible to do it? Thanks! "https://jsfiddle.net/n2hbrztj/"
Show table row options to the left on hover
I have a table on an app that im creating (DataTables currently), and as you can see below, its rather packed with columns, and unfortunately, all of them are necessary. I wanted to hide the three left columns, Delete/Visibility/Primary, to make more space on the table. But theya re still needed, so I was thinking maybe make it so when you hover over the row, it shows the 3 options to the left of it, making it look like the row is extended or something. Does anyone know how I could do that? Just
Include external js script to load a file from external server
Hello I am using a jQuery plugin which is datatables, and i use it that way : $('table').DataTable( { "ajax": "table.txt"}); This work fine because the file table.txt is located on the same directory as my javascript script in my hosting directory. But because the file table.txt size is important, this will consume me a lot of bandwidth so the idea i have is to host it in an other location for example a CDN or dropbox and then call it, for example like that: $('table').DataTable( { "ajax": "http://dropbox/cdn/445587215/table.txt"});
Fix div on scroll
$(document).ready(function(){ $(window).scroll(function(){ var $menu_pos = $('#menu').offset().Top; if($(this).scrollTop() >= $menu_pos){ $('#menu').addClass('stick'); }else{ $('#menu').removeClass('stick'); }; }); }); can anyone please tell me wheres my mistake? since it is not working.. thanks in advance.
how can i get exactly length
can you help me in this code always i get length equal zero even div contain data if(isset($row['ship_country'])) { echo " <option value='{$row["ship_country"]}' >"; echo $row["ship_country"]; "</option>"; } else { echo "<option value=''>Select</option>";} $query = 'SELECT * FROM `country_dhl` '; $res_qu = mysql_query($query); while ($country = mysql_fetch_array($res_qu)) { echo " <option value='{$country["country"]}'>"; echo $country["country"]; echo "</option>"; } echo "</select>"; ?> </div> <div
Hello, please help me in my menu
Ok, I need to click on the image (img.menu) and the menu appears, and click again and close it, whenever I want. Thanks in advance. I apologize for Google translator. My HTML: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>GRAPE</title> <link rel="stylesheet" href="css/grape.css"> <script src="js/jquery-2.1.4.js"></script> <script src="js/grape-js.js"></script> </head> <body> <div class="header"> <img class="menu" src="img/menu-grape.png" alt="Menu" title="Menu"> <nav class="header">
How do I get the ID of a table cell within a certain row?
I have this drop down list inside a table cell and I have manage to set a certain colour on the row depending on which colour is selected within the drop down list: $("select").change(function () { if (this.value == "Default") { $(this).parents(".options").removeClass("default green blue red"); //Get ID of previous cell and do something } else if (this.value == "Green") { $(this).parents(".options").removeClass("default
jQuery ccookie
I have a multiple alert system that display uniform alerts on all pages. I want when any of the alerts is closed, let it stay closed on all other pages on the website. I have tried so many thins but nothing works. It only. works when it is just one alert. // Alert session cookie starts here jg(document).ready(function () { function closeBox() { var closeBox = jg('.alert-box:visible').hide(); // - Notice how we pass a function and get an integer jg.cookie('Alert-closed',
not display an alert Strange... very strange. (i want remove a row)
hi friends, i have a problem, i pasted my code: http://pastebin.com/PTtbzNRx and the jspallentex.js http://pastebin.com/Lf3fqEyN and then try explain, i add a row to a Html table: see lines: 169 to 386, this task is done OK, work fine, if you see in the line: 327 i add a button with a class: 'cBtnBorrar' this button/class was defined: in line 166, here my problem when the user click on button not happend anything (and the console not help me), a friend tell me: (<lf94> jak2000, well the alert
how to convert div content to canvas
how do i convert a div content to a canvas with the full with of the div..
Hide part of a sentence
Hi, I am trying to hide certain words in a sentence; Headline (Max 4) I want to hide (Max 4) I have looked and been unable to find anything that allows me to hide certain words I can't put it inside a <p> or <span> tag as I have no access to that section Can anyone help?
values of Dialog Form Modal hidden controls, not set values on main form
hi all i have a hidden controls on main form: <input type="hidden" id="wcombcpallcdestino2" name="wcombcpallcdestino2" value="-1"> <input type="hidden" id="wkgsdese" name="wkgsdese" value="0"> <input type="hidden" id="wkgscan" name="wkgscan" value="0"> <input type="hidden" id="wkgsmerma" name="wkgsmerma" value="0"> <input type="hidden" id="wkgsclor" name="wkgsclor" value="0"> <input type="hidden" id="wkgSrono"
[jQuery] reverse checkbox states
I've just figured out how to reverse a list of checkboxes first attempt $(".check_batch").attr("checked", function () { return (this.checked - 1 % 2); } ); cleaned up $(".check_batch").attr("checked", function () { return (! this.checked); } );
Jquery and Codeigniter Issue - site_url
Hello, I was studying codeigniter and came across a very strange error. This error causes the page does not change only when I open the link a new page. Help me plz
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,
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!
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
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"
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",
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
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
Next Page