send cropped image info to a php page
hello. i used of cropit: http://scottcheng.github.io/cropit/ now i want to send cropped image x and y and the zoom amount to a php page. i don't know how. and i don't know do it with jquery only or i must use of php also? thanks.
Set the sequence in div using jQuery
I have a json and i am creating div based on json data. In the json I have level(depth) field. Level value are like 0, 0 ,1 ,2,0, 0,1,2,3. I am creating html and passing level into the div attribute. Now based on level (Depth) I need to create/generate the number. I want the exact output which you can see the below. I am looking for jQuery solution. <div level="0">1</div> <div level="1">1.1</div> <div level="1">1.2</div> <div level="2">1.2.1</div> <div level="2">1.2.2</div> <div level="2">1.2.3</div>
Required help on JQUERY plugin for CGM Viewer
Hello There, I would like to know if there is any jquery plug-in for CGM(Computer Graphics MetaFile) available . Help required ASAP Nandita
how can i set Checkbox on /off slider in javascript or jquery..
$(document).ready( function(){ $('.toggle_btn').click(function(){ // on off classes if($(this).hasClass('on')){ $('.toggle_btn').animate({'backgroundPositionY':'0px 0px'}, 1000, 'linear', function(){ $(this).removeClass('on'); $(this).addClass('off'); }); // on off classes else condition } else{ $('.toggle_btn').animate({'backgroundPositionY':'0px 150px'}, 1000,'linear', function(){
dedupe html table with jquery
i want to do that before dedupe <table id='tableau'> <thead> <tr><th>reference</th><th>Nom</th><th>Ville</th><th>Code Postal</th><th>Email</th><th>Telephone</th><th>Derniere Modification</th><th>Identifiant</th><th>Mot de passe</th></tr> </thead> <tbody> <tr><td>000000</td><td>dubois</td><td>Paris</td><td>75000</td><td>maill@mail.fr</td><td>0102030405</td><td>2014-09-22</td><td>azerty</td><td>querty</td></tr> <tr><td>111111</td><td>dubois</td><td>Paris</td><td>75000</td><td>maill@mail.fr</td><td>0102030405</td><td>2014-09-22</td><td>azerty</td><td>querty</td></tr>
jQuery don't work with my index.html
I want the buttons on my page to fadeTo opacity 0.7 when i hover my mouse on it and back to 1 when i take my mouse away. But it doesn't work. Heres my code (index.html): <!DOCTYPE html> <html> <head> <title>For Fun HTML/CSS</title> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="shortcut icon" type="image/icon" href="/images/favicon.ico"> <script type="text/javascript" src="script.js"></script> </head> <body> <header> <nav> <h1 class="titleh1">Enon's Homepage</h1> <ul class="navBar">
Vertical News Slider Plugin not working correctly -
Hello. I have some issues with using the vertical news slider plugin that I secured from here: https://github.com/impressivewebs/vertical-news-slider [if you just download the working sample from there you can see the code. It is not so complex.] Now I did the server side code and all [with C#] which is fetching the desired data from database correctly, as per my logic. No problem there. Then I go to integrate the fetched data with this plugin, so that the slider animation effect is created. See
Uncaught TypeError: undefined is not a function
Hello, I'm using b.popup but on click its showing error Uncaught TypeError: undefined is not a function, Uncaught ReferenceError: jQuery is not defined how can i solve it source is http://www.housingmilitary1st.com/
FadeIn and FadeOut problem with smooth transitions
I built a site using FadeIn and FadeOut to phase in and out divs, but when I load the page from my portfolio site a bunch of the divs that are .hide() flicker on the screen and it doesn't look smooth. (it doesn't happen everytime, so try again if it doesn't happen first time) I've been stuck on this problem for awhile so if anyone knows how to resolve this please let me know. Demo: http://www.andrewhnovak.com and click the right box called Andy's Botany
Trouble with .show() method
Hi all, I am new but thanks to code academy, I feel that I have a decent grasp of Jquery and Javascript. I am building a very simple test site to practice my skills but I have run into a problem. I am sure I must be overlooking something but I'm ready to pull my hair out! I am trying to load up a <div> element using the .show() method with the clip effect, however it is doing nothing. The <div> just loads up as if no effects are being applied to it. When swap the .show() method for .hide() with the
Why can't I select SVG Polygon using Attribute[ID] ?
I am trying some simple hover effects on some svg. ~ When i hover on a button the target SVG gets animated. I am using Velocity,js for this project with jQuery. For Button, <button data-targetX ="firstTra"></button> This works, $('svg polygon[id="firstTra"]').velocity({opacity:1}); But this does not, var meinTarget = $(this).attr('data-targetX'); //button's data attr $('svg polygon[id=meinTarget]').velocity({opacity:1}); However
JQuery UI Accordion
Hello, I don't know if this is the place to ask but I tried to google my problems and no good solutions and I'm very new to Jquery. Here goes. I did an FAQ using this method below: http://api.jqueryui.com/accordion/#entry-examples the CSS hrefs are: 1. jquery-ui.css 2. structure.css the script hrefs are: 1. the latest jquery file from the website 2. jquery-ui-js The end results it, it works perfectly for Firefox but doesn't work at all for Chrome and IE(10). Can help me with this? Thank you
How to validate indivivual accordion?
I have accordion that works similarly like this: http://jqueryui.com/accordion/ The only difference is we are have textboxes for users to enter data and dropdowns to select data from. Once a user completes the process on each accordion, the user clicks the next accordion and continues the process. The issue we have now is we have not figured out a way to validate form fields on each accordion in such that a user cannot go to another accordion until all textboxes are filled and selections made from
how to call jquery UI datepicker using function?
i have 5 textboxes for datepicker. i need to call datepicker through this function. <tr> <td>Date</td> <td> <input type='text' readonly name="EXPDT1" id='EXPDT1'><img src="calendar.gif" name='imgCalendar' id='dat_img' onclick="return showCalendar('EXPDT1')" > </td> </tr> <tr> <td>Date</td> <td> <input type='text' readonly name="EXPDT2" id='EXPDT2'><img src="calendar.gif" name='imgCalendar' id='dat_img' onclick="return showCalendar('EXPDT2')" > </td> </tr> <tr> <td>Date</td> <td> <input type='text'
open DIV after the website draws.
I want a window to open a second or so after the main website completes opening. I am able to do the below BUT can only seem to get it to work from a button click I want this to happen automattical ONCE the window is done rendering Thoughts? $( document ).ready(function() { $('#PrintService').click(function(event) { $('#divLayerContainerPrint').delay(800).show('slow', function() { // Animation complete. }); }); }); <div id="divLayerContainerPrint" class="divLayerContainerPrint
can variables be declared directly with this keyword ??
guys i a few questions about the code in the below pluggin : Scrolly.js : its basically a parallax plugin . now if you check line 15 to 25 . see how the variables are declared : this.element = element; this.$element = $(this.element); this.options = $.extend( {}, defaults, options) ; this._defaults = defaults; this._name = pluginName; this.init(); I taught in JS/jquery u had to declare a variable before you could access it with "this"
Combining animations into an array
Hi, I have 6 boxes with text inside that animate one by one. I was wondering how I can combine them into an array to condense the code. I would also like to animate the text in a similar way to the boxes to make it look more graceful. If anyone could help much appreciated! <script> $(document).ready(function() { $('.one').animate({ opacity: 1, height : "13em", width : "16em"}, '200'); }); $(document).ready(function()
How to create image map with jquery?
I have an image and there is a specific area in this image that I would like to link, not the whole image. I know how to do so with HTML, however I am interested in doing in with jquery. Does anyone knows how to do that? Any help will be welcomed. Thank you!
google geolocation not working in safari
Hi I have worked on a google map for some time but suddenly I get the error TypeError: Unable to delete property. in the consol and the system crashes when I use safari (but not the other browsers). I cannot see on which line it is but I have debug the error to happen when this code is generated: var mapOptions = { zoom: 12, center: new google.maps.LatLng(55.745254, 10.887451), mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: false, scaleControl: true }; try { map = new google.maps.Map(document.getElementById('map-canvas'),
timed delay
hey guys im trying to append html to a div but in delayed times creaded by the variable delay_time notification.delay(delayed_time).show("slow"); works with no delay change between appended html and notification.delay(delayed_time, function(){ // doesnt work notification.show("slow"); }); just doesnt work $(document).ready(function(){ $.ajax({ dataType: "json", url: "http://127.0.0.1/scripts/json.php", success:
Fixed menu problem with position when scrolling
I'm using this code for my fixed menu: $(document).ready(function () {
function my_function() {
var scroll_value = document.body.scrollTop;
if (scroll_value > 0) {
$("#my_div").fadeOut(500);
}
else {
$("#my_div").fadeIn(500);
}
if (scroll_value >= 650) {
$('#sl_userNav').show('slide', { direction: 'up' }, 750);
}
else {
$('#sl_userNav').hide('slide',
ajax json data
hey guys im trying to retrieve json data in my ajax request but for some reason it isnt alerting any message when trying to test. does anyone know what im doing wrong please...thank you guys $("document").ready(function(){ .ajax({ dataType: "json", url: "json.php", data: data, success: function(data) { alert(json['notification_message']); }, error:function(){ alert('error'); } }); });
Jquery filter and load more combination headache
Hi there, this is my very first post. I have registered because I am trying to implement a load more button to a list filtering plugin, it´s giving me a bit of a headache because obviously the filtering plugin controls the show and hide options of the list elements. Can you help me get this running? I am no good at javascript but I really need to get this working, this is why I ask you for your kind help. I thank you for your time in advance. The filtering plugin is called mixitup and I want to add
how to do a switch button in jquery ?
Hi, I am looking for a switch button that for example show ON or OFF, and when clicked I want to know the value is ON or OFF. Thanks, your help is appreciated.
Could jQuery.Callbacks fire() play safer when calling up the stacked callbacks?
Hello there, I had an issue which made me debug up to jQuery in order to figure out what was the issue. And with that, got me thinking about the current fire() implementation ( see it here: https://github.com/jquery/jquery/blob/1.x-master/src/callbacks.js#L72 ). Sorry for the long text ;P We use requirejs for module loading, therefore we might end with each module having it's own doc.ready trigger. No biggie as jQuery pile up the callbacks in an array and do a for(). Using requirejs means async loading
data attribute always false
Hi, I have this fiddle : http://jsfiddle.net/mlotfi/nudh9hdv/ trying to use switchButton to get the boolean data from data attribute, in this example I have two , one true and one false : <div class="globalswitch" data-gswitch='true'> and <div class="globalswitch" data-gswitch='false'> but the result, the button is always false. Thanks.
position() returning undefined in wordpress but works perfect locally
I;ve built a content slider that works perfectly on my local computer but within wordpress it's stumbling on the following: var begin_position = jQuery("#individual_story_wrapper").position().top; I'm getting the follow error: : jQuery(...).position(...) is undefined Yet locally, the slideshow runs fine and I can see the position being changed as I animate the individual_story_wrapper up and down.
Out of stack space problem Ajax in IE 8
In IE 8 browser produce Out of stack space error in cross Domian i am using jQuery 1.10.1 version $.ajax({ "url": arguments[1], "crossDomain": true, "type": "GET", "dataType": "jsonp", "jsonpCallback": arguments[2], "data": arguments[0] }); rest browser working fine but IE produce Error. Give me right way.......
Image not resizing when the page loads
I have an image that needs to resize depending on the size of the screen. On my page if I take the screen and resize it, then it resizes the way it should but if I reload the screen the the image gets squashed. You can see what I'm talking about in my demo. When I resize the screen it works fine, but when I click on run then it gets squashed. My html <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 slider-wrapper"> <div class="banner_wrapper active_banner" style="opacity: 1; left: 0%;">
carouFredSel: first item repeated a few times after each rotation
I have two issues with my carouFredSel integration 1) after each rotation, the first item is repeated a few times (twice in WebKit browsers, four times in Firefox and IE) before the next round starts. Any idea how to get around that? 2) _sometimes_ my thumbnails are not positioned correctly and I cannot figure out why. (Have to do that on load because the layout is not as simple as it looks ... you´ll see what I mean when you see an item with a longer title) see it in action at http://www.egun.de/market/index2.php
Issue with using "this" in a scroll call
Hello wonderful humans, Alright, so either I've found an issue with jQuery, or I'm doing something wrong, and it's most likely the latter rather than the former. So I've got a code snippet: $(window).scroll(function() { if ($(window).scrollTop() > 384) { $('.chevron').css({opacity: $(this).css('opacity'), animation: "none", WebkitAnimation: "none"}).fadeOut(2000); } });And some HTML: <svg class="chevron" id="chev1" width="80" height="18">...</svg> <p class="chevron" id="chev2">...</p>And some CSS:
Jquery.data() vs data() ?
when to use Jquery.data() and when to use .data() ???
Static non-scrolling panel at top of jQuery UI dialog
It would be very helpful if an option could be provided for a static, non-scrolling panel at the top of dialogs, just under the title bar, and above the scrolling section. I realize this would require adding another div, but I think the benefits could be very helpful. The option would require that a height in pixels be provided, with a default of 0 to keep things consistent with current functioning. Also, some way to specify the div for the panel would be needed. I frequently have explanatory text
How do I load this jquery accordion into a div?
Hi, I have a jquery accordion that works fine on its own. When I try to load it into a div located on my home page using a link and the load method, the accordion appears as a list with headings and loses all its functionality. My working accordion can be found in http://jsfiddle.net/jenova007/jhhpovzb/ I would like to load this accordion into the "result" div when I click on the "Store Locations" link. After making many attempts I end up loading the original accordion page or loading a list of
Jquery UI & arabic letters
Hello guys, I use for my arabic site the Jquery UI and it works fine with all browsers except IE (11). It shows the letters but not correct. here in the images you can see screenshots example for the button in chrome and IE. the first one of chrome is correct and the second is of IE. and here is the head <meta http-equiv="content-type" content="text/html";charset="utf-8" /> <script type='text/javascript' src = './JS/jquery-1.11.1.min.js'></script> <script type='text/javascript' src = './JS/jquery-ui.min.js'></script>I
form validation help
hey guys im using the validation plugin and im wondering is it possible on submit to remotly access another page so that i can check if the details posted are correct. ie. user exists? if not then for the form to be invalid thank you $("#login-form").validate({ rules:{ identity: { required: true }, password: { required: true }, }, messages: { identity:
I nested a tab box into an accordion. There's a ton of blank space beneath the tab box.
Hello all. I'm loving JQueryUI so far, however I've run into a problem that I don't quite know the solution to. I have a tab div nested within an accordion div. It all works fine, but there is a TON of extra space after the tab div. I've tried changing some values around in the master .css file (jquery-ui.css), but can't find what's causing this. Here is a picture with the problem area circled in red, I can also post my code if you would like. There's a small amount of custom CSS in the page at the
Video stops when using effect on show
I'm trying to add an effect when a video is shown, this works with the simple fade effect, but anything else e.g. scale stops the video when the effect is completed. See http://jsfiddle.net/6roxf1a1/5/ The following stops the video 2.5 seconds in: card.show({"effect":"scale", "duration":2500}); Using the fade effect the video keeps on playing: card.show({"effect":"fade", "duration":2500}); The video also stops with other effects such as bounce, slide, clip and blind (haven't tried all the others)
JQM- Popup not opening on .popup("show") in JQM 1.4.4, PhoneGap android 4.4.2
Hi, I am want to add popup widget to my app and It should open by .popup("show") method. I have popup like : <!-- Popup --> <div data-role="popup" id="mob_pop" class="ui-content"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <label><b style="color:grey;">Prospect Mob. number</b></label><br> <p> <input type="text" maxlength="10" name="cust_mob" id="check_cust"> <a class="ui-btn
Want a jquery plugin like faceook for my ecommerce webiste
Hi, I want to create a faceook like feature for a ecommerce website, Where customer can share their products on their profile or friend profile, And also like and comment feature like facebook. Thanks
Next Page