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">
How to return multiple JSONs?
Hi, I am using below PHP and jquery to generate json in order to read it using jquery: PHP: $mysql_query = $mysql_connection->prepare('CALL sp_get_request_processing_period(:param_request_category)'); $mysql_query->bindParam(':param_request_category', $request_category, PDO::PARAM_STR); $mysql_query->execute(); while($mysql_row = $mysql_query->fetch()) { $processing_days[]=array('days'=>$mysql_row['processing_period_in_days']); } $mysql_query = $mysql_connection->prepare("CALL sp_populate_request_purpose(:param_request_category)");
Emoticon in textarea
On every bottom of a news article I have a textarea so people can post a comment. Underneath this textarea there are some emoticons people can click on and the bbcode is placed in the textarea. This works fine only when someone clicks an emoticon the page scrolls to the top. Does anyone know how to prevent this? $('#emoticonbox a').click(function(){ var smiley = $(this).attr('title'); $('#reactiearea').val($('#reactiearea').val()+" "+smiley+" "); });
combine all js in one file
how do i combine all my .js files into one js and add only 1 js to my page??? there are the same variables and functions names in those files!
How to add a class when my fixed logo overlaps a certain div?
Hello all, Thanks in advance for any help! So I have a fixed header and I need to add a class to my logo when the logo overlaps a certain div. So the whole time the logo is over top a certain div, a class is added to the logo. Anyone help?
problems with jquer 1.6.2 - "ixquery not defined"
An application i am working now uses jquery 1.4.2. i upgraded it and now i use 1.6.3. but after that i an facing some issue like dropdowns not working , cannot access the menu (ribbon) etc. it is showing 'ixquery' not defined. can any one pls help me, so that i could move with jquery 1.6.2.
How to uppercase for my Array list word only
i've two textarea if user type something first textarea my array list check if this word in array list so uppercase those word else word as it lowercase for eg var arr[]=['CRATE','TABLE','PRIMARY','IDENTITY'] <textarea id="txta" style="width:600px;height:500px"></textarea> <button type="button" value="Sumit" id="btn" >Submit</button> <textarea id="txta1" style="width:600px;height:500px"></textarea> if user type create table info( int id primary key identity(1,1) ) output below as CREATE TABLE info
JQuery not parsing the json_encode's output properly
Hi, I am trying to populate a SELECT from PHP and JQuery but the output from PHP is adding a backslash to the closing </option> tag and removing the <option> opening tag like this: Bank Facilities<\/option> Embassy<\/option> Government<\/option> here is my code: $( "#cboRequest" ).change(function() { if (!$("#cboRequest").val()) { $("#divPeriod").hide(); $("#divPurpose").hide(); return false; }; $.ajax({ type: 'GET', url: "get_request_processing_period.php", dataType: "json", cache: false, data:
Sortable with limitation of elements or number of characters ?
For a certain number of rows and/or number of characters, it is not possible for me to insert elements between the first elements. Therefore, exist limitations for the number of characters or the number of elements for the sortable functionality? For my application are sortable implemented within sortable. Or perhaps is this not allowed? An example I have realized in jsFiddle .
Click on Submenu not working , so is the menu click on mobile
Dear Sir/Madam I am trying to run http://prajaktasoftware.com/tiltedtulips/index.php# getting following error As guided by JACK, i tried to debug using Developer tool However grtting folloing errors jquery-ui.min.js:9 Uncaught TypeError: Cannot read property 'mozilla' of undefined(anonymous function) @ jquery-ui.min.js:9(anonymous function) @ jquery-ui.min.js:9 cssmenuscript.js:13 Uncaught TypeError: Cannot read property 'left' of undefined(anonymous function) @ cssmenuscript.js:13j @ jquery-1.11.3.min.js:2k.fireWith
get/view TCP hop count from packet header
hello one and all, when i use jQuery.ajax, is there a way to read/get/view the TCP hop counts through all of the packets received when ajax is .done? if so, how is that done? thank you in advance, lucas
need help in jquery auto complete feature
I am new to jquery and javascript. I am trying to develope a text box which will have autocomplete feature displaying data from database. After looking into several solutions over internet and tried them with no success I came over here. I have created a HTML file autocomplete_demo.html as below, <!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
basic workfllow question.
So i just descovered the power of grunt.js , just one question i have , a very basic one. ofcourse , grunt creates a folder node_modules and also you have the package.json file and the gruntjs file ,so now when i see git repositories , i see the grunt and package.json files uploaded ,but the node_module folder is excluded , WHY ? see how its been ignored HERE . So when uploading to the server , should i exclude the node_modules folder too ? also when uploading to the server should i keep the package.JSON
Having Issues with Responsive Image Gallery
Hey guys. I'm super new to jQuery and am having some severe difficulties using the "Elastislide" image gallery on my website. (directions here ). All my browser is pulling up is the black nav bar but without any thumbnails or anything. Any idea whats going on?
Recommend a fixed grid gallery plugin?
A lot of the image gallery plugins I've seen online are both responsive and try to optimize placement of images that have differing width/height so they all fit neatly. This is not what I'm looking for. Instead I'm trying to find a traditional layout with fixed height/width (like Youtube's video layout). I'll be displaying both image and text pulled from a database. I've seen Masonry but that one has variable height. Can you recommend a plugin?
Swipe and Panel on the same Page just don't work
I have just overhauled my mobile page from 1.3 to 1.4.5 as there were problems in swipes. On the new platform I cannot get the swipe gestures to work with a panel on the same page, for my application the panel just doesn't appear when the ICON is clicked on the first page loaded. I have used the swipe demo as my foundation and this seems to work OK. I found that removing the line in red below from the supplied JS fixed the problem, however when I swipe forward say two pages and then swipe back one
Using .animate with :lt() Selector
Hi all, I have the following working code which is executed onclick: $waste.append($stock .children('.container:lt(3)') .css( 'left', function(i) {return ['0rem', '2rem', '4rem'][i];}) ); It shows 3 div's positioned 0, 2 and 4 rem from a left div border. This all shows up correct. BUT....I don't want these 3 DIVs just to appear on their given location, I want to move them to that location. How to do this? I've tried things like: $waste.append($stock .children('.container:lt(3)') .animate(
Simple Animation not Working
Hi guys I am using a simple jquery fadeIn and slideDown effect on a click event but for some reason it doesn't work here's my code <form id="Form1" method="POST" action=""> <p> <label for="moneyInAccount">Enter the amount you have in your account</label> <input type="number" step="any" name="moneyInAccount" placeholder="0.00" > <input type="submit" name="moneyInAccountBtn" value="Submit"> </p> </form> <p id="moneyInAccountParagraph"></p><br> the jquery code is as follows $("moneyInAccountParagraph").hide();
Datepicker how to disable tooltips
How to disable all tool tips in any datepicker used throughout a web app. I would think that an afterRender or afterShow event could be used to remove the titles from the Datepicker structure elements that have titles once it exists on the page. However, a configuration property to avoid adding the titles in the first place would be better. Can either of those be added to the datepicker widget? If so how to do it?
QUnit.config.collapse, small bug?
I find that QUnit.config.collapse does not work exactly as documented. When 'false' all failed tests collapse. When 'true', the first failed test is not collapsed. v. 1.20.0 This is the statement at the top of my js testing unit: QUnit.config.collapse = true;
Is there in jQuery a method like load but for submitting a form?
I am looking for a way to submit a form, just like I clicked a submit button, but without refreshing the page. I am ok with using ajax to do this. But I am wondering if there is some simple way to just submit a form. If I did plain JS, it would be document.getElementById("myForm").submit(); But this causes a refresh because it's just like clicking the submit button. SO I am new to Jquery. Load works great for getting data. Is there something like Load for submitting data that just submits the
How to make photo gallery change position of images when mouse is over image?
Hi, I have a photo gallery. I have a custom scroll. So, the photo gallery is first a small strip that goes up and down only. So, with my custom scroll you can scroll thru the images. The images are small and the div holding them is a small strip rectangle box. What I want to do is when a mouse goes over a image I want to increase it's height and width to make it bigger but will make the div be as big as the webpage. The mouse needs to stay over the image. If it goes out there's a timer which
jQueryMobile Header Rendering / Background failed while Page Transition
im just working with JQM 1.4.3 / 1.4.4. With Chrome, Firefox and so on it all works fine (Desktops) - but if i "emulate" a mobile phone with Chrome Developer Tools or try the site on a real mobile the fixed header of my Site fails to render WHILE Page-Transition is going on. I googled so long but the generally known "Flickering Issues" - Solves didnt clear my Problem. To make it more visible to you there are 2 Screenshots - the first one shows the Page-Header as it should be. The second One shows
The background color of checkbox changes irregularly.(ver.jqm 1.4.2)
I am having a problem on using checkbox of jquerymobile.This problem can be discribed as the following steps. 1.Make a page that shows some checkboxes.And load this page into webview of Android. Javascrpit source: <input id="1" type="checkbox" value="1" data-mini="true" class="custom-checkbox"> <label for="1">one</label> <input id="2" type="checkbox" value="1" data-mini="true" class="custom-checkbox"> <label for="2">two</label> <input id="3" type="checkbox" value="1" data-mini="true" class="custom-checkbox">
Jquery Mobile Fixed Position(Transparent, during transition)
Hi I encounter a problem, Whenever I apply a fixed position to the footer, I get a transparent looking navbar, where it disappears, then reloads afterwards. Attached is a screenshot of what I am referring to, also can someone kindly help me. I know it maybe something simple, but help me please, it is driving me crazy. Here is my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <title>jQuery Mobile Web
jqm 1.4.5 background image in header/toolbar
hallo i can't make visible in the android browser a background image. is it possible? couldn't find infos about. it seems not to be possible. perhaps its no problem but i dont get it. can anyone post a simple example??? thx burro
Problem with 2 Datepickers On Same Page
I'm new to Datepicker and cannot seem to get 2 Datepickers on one page to work using your example. The first one works but not the second one. This should be simple! Here's the code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</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>
New to jquery have a question
To have jquery work on each page must the link to the script be palced on each page? or just on the sites index page.
Next Page