Canvas draw
I'm in the sign business and need a canvas script where a user can layout the sign that he want to order, the user must be able to drag and drop or upload cliparts and pictures on the canvas must also be able to type text on the canvas if possible Joomla 3 compatible
Understanding the function/object nature of jQuery and how it returns an object
I understand that in JavaScript all functions are objects which is why we can both call jQuery with arguments $() while also being able to access methods with dot notation. What I am less sure about is how, when we pass in css selectors into the jQuery function, it instantly returns a jQuery object. I am looking through the (old) annotated source code (which i realise has changed significantly - but i just want to understand the very basics of what jQuery is doing). This is the part of the annotated
Sorting array and inserting value at specific location
Hi, I have an array of 8 values all containing different numbers, https://jsfiddle.net/a4poster/9y45rg7x/2/ I want to be able to insert the value of the array at the zero index into its proper chronological order. However the way I am trying this leaves me with zeros at the start. I have explained what I am looking for in the comments within the code. Thanks in advance. PS, I have quickly put the example in Javascript but JQuery would be preferable.
Doesn't Retrieve the Value of Uploaded File Using Parameter
Goal: I would like to have the second input name "file2" to be uploaded automatically to the actionresult with support of the jquery code using the latest version of FF, CHrome and IE. Problem: It doesn't work because HttpPostedFileBase file2 is null. it is supposed to be contain any value based on uploaded file with support of jquery. Info: *It would be great that it would be working for IE, Chrome and FF. *There is a purpose why I'm asking about this unusual approach. *The sourcecode of jquery
align vertical center
Dear Sir refer following page http://prajaktasoftware.com/igs/photogalleryimage.php?photogalleryid=148 the image frame / border is of equal height. thanks to jquery (jquery is given below) <script type="text/javascript"> $(document).ready(function() { var maxHeight=0; $('.imgholder').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); $(this).css('vertical-align','baseline'); }).height(maxHeight); var maxHeight=0; $('.imagename').each(function() { maxHeight =
How can I serialize form with ajaxForm() function
I use malsup jquery form plugin for my upload processes. But, I have an upload input with more standart html inputs. (http://jquery.malsup.com/form/#getting-started) jQuery form plugin working properly for standart form post processes. I want to use form serialize method with ajaxForm() or ajaxSubmit() function. $(document).on("submit","#newcandidate", function() { var options = { url: 'index.php', beforeSend: function() {}, beforeSubmit: function(arr, $form, options) { alert(JSON.stringify(arr));
Smartly upon installing wp 4.4 my autocompete stopped working.. and says not found immediately..
I have been pulling my hair out for weeks trying to find out what has gone wrong with my autocomplete search form for real estate..IT does the same on every site that has been upgraded to version 4.4 you can see a pre 4.4 here that works fine.. http://foreclosure-city.info its in the right hand side and you can type Ne for Newport and it quickly finds what is available.. and works just fine.. however when I upgraded to wp 4.4 on any site it totally stops working.. you can see a 4.4 version here..
Trouble with autocomplete
Im trying to get the value of an date input to use it with a php function which return a result that depend of the date entrend any Ideas <script type="text/javascript"> $(function(){ $("#Salle").on('input', function() { $("#Salle").autocomplete({source: 'conf/salle_auto.php?key='+$("#Salle").val()+ '&Datee=' + $("#Date_de_Soutenance").val() }); }); }); </script> <label>Date</label> <input type="date" class="typeahead tt-query"
Why return value of jQuery function is like array
Hey all... i have a question. i knew that jQuery is object. But if you use write this on your console or firebug (example) jQuery("body") the result is like this Object [body] according Object { 0: body, (othetr properties...)} why ??
Forming a JSON of Elements Contained in Sortable
I have a sortable that contains several elements (div's, with unique id's). Inside those div's, I have an image, a few buttons and a few text labels. What I would like to do is collect some data from those elements into a JSON. For instance, the "name" attribute can be assigned the id property from the parent div. I am also interested in the position of that div within sortable. Hence, an attribute called "position" can probably refer to that. After that, I would need to know the "value" attribute
JQuery AJAX Call Error
Greetings, I have an AJAX piece that is being sent to a PHP file. Below is the code for it. For some reason, I get the following error: allery.js:31 failed to send AJAX POST gallery.js:32 200 gallery.js:33 SyntaxError: Unexpected token U(…) gallery.js:34 User What am I doing wrong? On another note, how do I send a JS array over to PHP side and then parse it? Is it possible to send an array of arrays? Here is the snippet: $.ajax({ type: "POST", url: "write_db.php", cache: false, //contentType: false,
How to find the closest element using jquery
1) initially i have a row if the user click save & next button it will say you have 3 fields missing 2) if the user click the addmore button and he did not type any value in the text field then he click the save and next button it should still say 3 fields missing 3) if the user type any one of the field in the cloned row then he click the save and next button validation should happen with my code first two points are working but the problem is if the user click some more rows and he type in any
learning project: order list please help
Hi there, My name is Remco and I just finished reading my first book on JavaScript and jQuery. I’m trying to put my new knowledge to direct action in the shape of an dynamic order list. To put my intention to the test I created a simple table where every tr contains 4 td's; product picture, product description, product price and finally a checkbox which allows the user to add the specific product to his/her order list. Hope you guys won’t be too hard on me, keep in mind that this is the first piece
selector and any child
i though this would be a lot easier but for some reason i'm having problems to get my dragenter to work with .upload-container > child but it works with selector on it's own fine. i've also tried :child how can i please trigger an event on selector and any child please? $('.upload-container > child').on({ dragenter: function(e) { var dt = e.originalEvent.dataTransfer; if(dt.types != null && (dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.contains('application/x-moz-file')))
Set equal height for programatically populated data
Dear Sir i am using following script to align certain part of website which is programatically (CMS) poulated or generated $('.typeofloandetail').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }).height(maxHeight); } This script is running really good and resizes / equalise the height of elements for class typeofloandetail However when, i populate the very same data again using Jquery I am using following jQuery for this purpose var url= "typeofloandivfill.php" data
Trouble with autocomplete
I'm Having trouble with Jquery autocomplete, I need to pass many variables to a php function, I need to get the value on an input Salle but it doesn't seem to work. Any ideas. $(document).ready(function(){ $('input.typeahead3').typeahead({ name: 'President', remote:'conf/Jury_auto.php?key=%QUERY&Projet=' + $('#Salle').val() , limit : 10 }); });
dynamically create images only if they exist in the server
hi i want to append dynamically <img> elements only if they exist in the server, this is what i tried to do : https://jsfiddle.net/85thcjfr/ what i expected is to get something like this : <ul> <li><img src'=.../a/1.jpg'></li> . . . <li><img src'=.../a/7.jpg'></li> <ul> <ul> <li><img src'=.../b/1.jpg'></li> . . . <li><img src'=.../b/3.jpg'></li> <ul> thanks a lot for helping
Get the parent's sibling's text of menu with JQuery
Hi, I have a html like this. <ul> <li><a href="">Home</a></li> <li><a href="#">Women fashion</a> <ul> <li><a href="#">Women Pants</a> <ul> <li><a href="#">Women jeans</a></li> <li><a href="#">Women Breeches</a></li> <li><a href="#">Women trousers</a></li> <li><a href="#">Women shorts</a></li> </ul></li> <li><a href="#">Women blouse</a></li> <li><a href="#">Dress-Skirt</a></li> </ul></li> <li><a href="">Computer</a> <ul> <li><a href="#">Laptop</a></li> <li><a href="#">Desktop</a></li> <li><a href="#">Monitor</a></li>
error loading the page
Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///G:/jqm/jQ/index.html' cannot be created in a document with origin 'null'. what does this mean?
Jquery Mobile popup reloads the page after updating the same page from controller.
Hello Guys, I am working jquery mobile spring frame work. Problem is with the popup, When I call controller from the popup it returns the same page and updates the content. After updating from the controller When I click on popup it reloads the same page and popup won't fire. Can any one help me to fix this issue?? Thanks.
Change images in div having same class
Dear Sir have black button (JPG or image format) which is used many times on website (image name read.jpg) I had embed this image in DIV class 'readme' <div class='readme'><img src="read.jpg" width="62" height="71" border=0></div> which I want to change to (Image name reade.jpg) which is also in (JPG or image format) I have following link links that decides change if image <ul> <li><a class="language <?php echo ($language_name=='marathi')?'active':'';?>" href="#" id='marathi'>Marathi</a></li>
Display image in div , in case its height is more than width (portrait), show mid part of image
Dear Sir pls refer http://prajaktasoftware.com/advent/productlist.php?productid=173 all images in landscape (height less than width) like http://prajaktasoftware.com/advent/productimagesimages/bigw2111mini-4%20.B-02%20-%20ECONOMY%20SWING%20ONLY%20SEAT%20WITH%20SUNBRELLA%20CLOTH.jpg are properly aligned however the images in portrait (height more than width) like http://prajaktasoftware.com/advent/productimagesimages/bigw2109mini-2.%20A%20-%2001%20-%202%20SIDED%20SWING%20WITH%20SUNBRELLA%20CLOTH.jpg
select one and deselect another checkbox
I would like that my code deselect currect (selected) checkbox if another one is selected. Currect code allows multiple selected checkboxes. Here is the code: http://pastebin.com/2f2NrrFr Thanks for hints/answers.
can't create dialog
Hello, I'm trying to create a jquery dialog but it's not working. I'm hoping someone can tell me what I'm doing wrong. Here is my code: <html> <head> <link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/jquery-ui.css"/> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code/jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script> </head> <body> <div id="HelloDiv"> Hello </div> <script> $(document).ready(function()
autocomplate just open, not work
Hi. Before, sorry my english not enought. I make this but just open list not a decompose.Is why? <!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>
convert theme's jquery mobile android to ios
Hello i want to know if is possible convert a theme's android (jpholo) to ios' theme.
Chrome Extensions: Uncaught Error: Syntax error, unrecognized expression: a[href^=file://]
Hi there, I have the following code for the chrome extension: But I got the following error. Does anybody knows what is the problem with this expression? Code var flag = 'Chrome_LocalLinks_extension_was_already_injected_in_this_document'; if (!document[flag]) $('a[href^=file://]'). live('mousedown', handleMousedownOnLink). live('mouseout', handleMouseoutOnLink). live('mouseup', handleMouseupOnLink). live('click', handleClickOnLink) document[flag] = true; } Error In chrome
scrollWidth of perspective image
I'm trying to find out the largest width of an image (including parts clipped by surrounding div) that has perspective css applied to it, such as this: -webkit-transform:perspective(50em) rotateX(60deg);I'm gotten to this point, but I'm stuck. It appears to be giving me the width measured along the x-axis in the center of the skewed image, but I need to know the widest width which is at the bottom of the skewed image : $(document).ready(function() { $('img').each(function() { $(this).load(function()
HTML form submit not submit with clone
I make a form, when page is loaded the form is hide at the end of page, when the specific button click the clone of form is show into the div in section and when the clone of form is submitted. its not submitted. I check when original form is submitted its work fine. but not its work with clone form. how to submit it. for example <div class="row"> <h1 class="text-center margin-top10 fsize60"></h1> <section class="text-center replace-section"> </section> </div> <script> $(document).ready(function
How to Stop Dragable After Drop in Dropable in jQuery UI?
Can you please take a look at This Demo and let me know how I can Stop Dragging After Dropping in Dropable? Here is the code I have $(function() { $( ".draggable" ).draggable({cancel:false}); $( "#droppable-1" ).droppable({ drop: function( event, ui ) { $( this ).addClass( "ui-state-highlight" ); } }); $( "#droppable-2" ).droppable({ drop: function( event, ui ) { $( this ).addClass( "ui-state-highlight" ); } }); $( "#droppable-3" ).droppable({ drop: function( event, ui ) { $( this ).addClass( "ui-state-highlight"
Jquery slider/swipe effect not working in IE9
I am having an IE9 issue and was hoping that there may be somebody out there that can assist. In FF, and IE10+, the swipe/slider effect works fine and functions normally. Issue: I have a nested div, one hidden, one shown. When I initially roll over the outerDiv, the innerDiv appears without the swipe/slide effect. Any repeated roll over actions, the innerDiv appears/disappears with the swipe/slide effect and functions normally. Expected Result: I want to get the swipe/slide effect to work with the
sessions vs localstorage
Hi there, Here is my project: https://www.mereton.com.au/portal/sampleroom/ Currently the script uses localstorage to store information temporarily... how would i go about having the input information permanently stored on the page? Is this possible? I really appreciate any help :)
Easiest way to add an edit/add/delete function for an external database?(New to JQuery Mobile(
I have inputted some values into my external host database and if anyone could share with me the easiest way I could add these function with possible instructions it would be greatly appreciated.
Open first sub tab by default
I'm having a very hard time with this. I'm trying to make nested tabs that can later be used with AJAX. Everything seems to work but this: If you click Main Tab B, then Subtab 2 Then click Main Tab A, and go back to Main Tab B - Subtab 2 is still open. I need the default sub tab for each main tab to be the first one. IMPORTANT : I'm almost 100% positive that the problem lies in this line of code in the subTabs function. <!DOCTYPE html> <html> <head> <title>Subtabs & Ajax</title> <script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
JQuery 404 Error
I'm using python 2.7's SimpleHTTPServer to host a local website to test the files on (already ran into the local problems). One error I keep getting is http://192.168.1.152:8000/function%20(a,b)%7Breturn%20new%20n.fn.init(a,b)%7D?callback=jQuery21405766850665677339_1450740082561&_=1450740082562 Failed to load resource: the server responded with a status of 404 (File not found) I'm new to JQuery and javascript in general, so I have no idea what I'm doing wrong. I've tried changing the path for game.js
Dialog show: 'fade' works but not hide: 'fade'
When the dialog shows it fades all right but when I close the dialog it doesn't fade. It disappears immediately. Is there something anyone of you can see ? In JSFiddle it works but not in my project so I can't see what in my project I could possibly have that makes the dialog not fading out on close.
Problem with opening a new Tab and showing a specific URL Based on item Clicked ----
Hello All, Greetings, I'm getting a few errors [well, outputs not as expected] on a scenario. I'll describe it. Basically, on my web page, I have several small image thumbnails. These are just images of some organisations/companies. Now, on clicking any of them, I wanted that it would open a new separate tab on the browser, and display a certain specific page; namely the careers page of that particular comp/org. That's it. Sounds brief and straight enough. What I did was like this:: The html markup
worry about using jquery.load
hello I'll use a div switch displays the contents of a navigation menu (use jquery.load), and now I worried about page of memory release problem after use load function for many times, you know, every page's javascript all load to the main page. If this is a problem?
Need help with scroll velocity
Hi, We have a requirement for implementing scroll (like numbers 1 to 100) in Mobiles more over like slideshow. Numbers 1 to 100 will be displayed like a slideshow(at anytime only 3 numbers visible); I used Jquery to handle the slideshow feature without any external plugins. I used Jquery Mobile to capture swipe events. Every time user swipe left ot right I am changing the position of the numbers slide(div) left position to width of the number div. The QA raised issue like basing on the velocity of
Multiple Preview images diffrent height and width using cropit
Crop and resize images is a common issue build cms, so i found great plugin here that plugin working well in desktop and mobile touch screen but i have last issue in my project how can i make multiple preview in this page ! already look at the issue there and found someone post same like me issue, so i digging on here but not working, issue here then i checked jquery.cropit.js line 927 has class cropit-image-preview means will load images, so i make <form action="#"> <div class="image-editor">
Next Page