Getting background image width
Hi, Is it possible to get the actual DIV background-image size when background-size of the DIV is set to cover ? Let say the DIV width is 800px and the actual image size is 1400px but when I set background-size : cover the actual background-image size is changing, I want to get this new background-image width.
Droppable behind a non-droppable.
I have a a droppable region that gets partially covered by a plain div. When I drag a draggable over an area of the plain div that covers the droppable and release, the droppable is triggered. Is there a way to prevent the droppable from triggering when the drop happens over the portion of the droppable that is behind the plain div? Here is a fiddle which demonstrates the problem: https://jsfiddle.net/m2wqaccL/5/
Accessible data tables using Talkback
I'm sorta at my wits end about a simple data table and having Talkback being able to associate the row and column headers to the data cells. It works perfectly when read it as a responsive mobile web page but fails when converted to an android app. I have sent messages to Eye-Free, Google Forum, to see if Talkback and\or Lollipop is the issue. I was wondering if anyone has had this problem and what was your work around. I have tried plain <th>, <th scope="", headers\id and aria role (columnheader,
alert() replacement
Hi there, Here is my test app http://plnkr.co/edit/r7B4mck6kfRhuvjEKVrG?p=preview If you click on the Search Database button without selecting anything from Week 1 or Week 2 drop down I display an alert ("Nothing Selected") message. I installed this app on the phone and this default JavaScript looks ugly and is not theme. Is there any way I can theme or replace it with something else. Thanks Joe Green
How to set max visible width for text input ?
I have an 4 input tags and it displays each on its own line, full width. I expect an short input - five or six characters maximum. I can set the maximum input, but visibly, the box is still drawn full width. Other than putting each input tag inside the column of a table, how else can I force the input box to appear short (50px for example). I did try CSS of input.Num4 { width: 50px; text-align: right; } It limited the input, but the box that was drawn was full length. All help... greatly appreciated
How to get y coordinate value with scrollbar.
Hi, I want show hide one div . The position of mouse is click is changed w.r.t expander. So when div is visible is position gets changed. i want to keep div position fixed i. e where the button is available, below that button div should be diaplay. How i will get the exact point of button using jquery.
jQuery css in parent iframe (firefox)
Hi well I am trying to do a $(someElement).css("display"); someElement was returned from parent window and was passed to iframe via a function. This call in firefox returns undefined due to the following code in jQuery: getStyles = function( elem ) { // Support: IE<=11+, Firefox<=30+ (#15098, #14150) // IE throws on elements created in popups // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" if ( elem.ownerDocument.defaultView.opener
How can I get Json data from url source code
hi, I want to json data from the website code source. Is it possible ? How do I get the current card price? [website removed]
select option problem
hey guys i'm using $("#language option[value='ar']").attr('selected','selected'); in my ajax script if successful...but it doesn't select the option...now if i run the same code above at the end of the ajax it works like a dream. i don't understand what is going on...any ideas please guys...thank you $(document).ready(function(){ $("#language").change(function() { console.log('changed'); }); $.ajax({ dataType: "text", url: "http://bisi.bid/language",
How do i do this? to put variable in a background
Hi! I did this code to put an array variable in this code below $('#principal').css({"background":"url(../copiaproj/imagem/img1.jpg) no-repeat"}); I did this form, but it did not work $('#principal').css({"background":"url("' + array[index] + '") no-repeat"}); How do i do this to work?
The return result of var x1 = $('<div>') is what?
What is x1 in the statement below? and Can I do that? Is it an object? Does it have properties that I can set on the object itself if it is an object? Or do I have to go thru jquery to manipulate it? Thanks var x1 = $('<div id="d1">some text</div>').addClass('newdiv') Thanks.
Infinite scroll plugin keeps appending the same content.
So the jquery plugin I'm using keeps on contentiously appending the same content. I want it to append content from a list of images in my html, but when infinite scroll appends the content when I reach the bottom of the page, it keeps getting appended continuously as I continue scrolling again. I only want it appended once, not multiple times. Here's the endless scroll plugin: $(window).scroll(function () { if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
Accordion style issue
I am testing the accordion code at https://jqueryui.com/accordion/ on one of my test sites and I am having an issue with the list style: http://marsden.robertobertuol.com/dealer-zone the height of the list is set to "0" although it should be 71px and not quite sure what is causing this and how to override this. ANy pointer is very much appreciated
retrieving data from json url
hello people i am a beginner in jquery and have to use it to retrieve profile informations from an url json object and display it on the screen ... please i need help asap .. thank u very much
Need help with an object
I am getting data from an API cross browser. Firstly I want to get the values from the URL or form, store it in an object then pass the object in as data to my ajax call. However when I look at the request it is encoding the commas and adding room1 to each of the values I need to pass. Can anyone help? my object is var data= { room1:[3,12,11] } the request: &room1%5B%5D=3&room1%5B%5D=12&room1%5B%5D=11 I need to see &room1=3,12,11
Can I get the icon to show for a checkbox in a controlgroup?
jQuery Mobile 1.4.5 I find the default behavior where the "check" icon disappears when a checkbox is part of a horizontal control group to be visually inconsistent in some places. Any tips on how to get it to display?
jQuery in page
I am connecting my site to an external API cross browser. I have all my code in the page instead of linking it to an external .js file. I have all my code and functions as without using a framework i'm starting to get alot of undefined variables so to avoid this i'm just structuring my code in one script tag (neatly). I just want to know if this is ok? Does it really matter if your code is exposed like this? I guess it does not matter as it is client side anyway right and i'm just reading data?
Calling jquery function on a embedded jsp table
I am adding jquery tablesorter plugin to my j2ee application. Currently, I have one main JSP page and based on a condition, it will toggle (show/hide) embedded another jsp page. This embedded JSP page has a table on which I want to add tablesorter plugin. This toggle feature is being implemented using using css and ajax. Here is how I have this now: In JSP page: <a id="la<%=i%>" href="javascript:toggle_detail('a<%=i%>','false')"> <img id="ia<%=i%>" src="../resources/plus.gif" border="0""><span
How can I change this JavaScript code to a function?
Hi, Could someone please help me to change this JavaScript code snippet to a function? <script> var headertext = [], headers = document.querySelectorAll("#responsiveTable th"), tablerows = document.querySelectorAll("#responsiveTable th"), tablebody = document.querySelector("#responsiveTable tbody"); for(var i = 0; i < headers.length; i++) { var current = headers[i]; headertext.push(current.textContent.replace(/\r?\n|\r/,"")); } for (var i = 0, row; row = tablebody.rows[i]; i++) { for (var j
how to hide results after selecting from listview filterable / autocomplete
Something that has troubled me for some time - I solved it just now and thought I would share... Using listview autocomplete http://demos.jquerymobile.com/1.4.5/listview-autocomplete/ I have a form for entering a business name and address. When the operator (user) enters a business name, I want it to list similar names already on file. Purpose: Give the operator the chance to either edit an existing record, or give them an idea the record already exists, or allow them to add a new record that is
JQM Select form button does not fire on first click
I am having a problem with a select button not opening on the first click. After that, it works fine. Just very annoying. It is the only select I have in the entire app. <select name="selectMenu" id="selectMenu" data-native-menu="false" data-theme="e"> <option value="0">Default</option> <option value="1">Blues</option> <option value="2">Mochaccino</option> <option value="3">Snow Day</option> <option value="4">Twilight</option> <option value="5">Tutti-Frutti</option>
How to add related text in line with an input button/field?
Let's say I have an input field where the user is typing a percentage. I want it to look like this: [text input] % Or indeed, I might want the label to be inline too: Discount: [text input] % Is there a good way to achieve this? Labels always seem to be placed above the field, and any text after the field is placed below, as the input field gets wrapped in a div, which displays as block. Currently my workaround is to make a controlgroup and add buttons with the text, and then deactivate them.
trying to load automatically a csv
Hi ! I 'm working with database visualisation based on information edited in a csv file. I found this exemple (below). it works like a charm, but i try to get the csv without input button. If you have any idea with how to load it automatically :) thank you so much. <input type="file" name="filename" id="filename"> <div id="csvimporthint"></div> <script> $("#filename").change(function(e) { var ext = $("input#filename").val().split(".").pop().toLowerCase(); if($.inArray(ext, ["csv"]) == -1) { alert('Upload
Scroll down to load page
Hello, A website I use for research has recently limited the amount of items that can be viewed, by requiring users to scroll down before new results are loaded. This was likely done using jquery. Is it possible to disable this option on my end when viewing the page, and enabling the whole page to load? -Avner
input hidden val() returns only first word ?
Hi, I got a hidden input with a value = "vendredi le 20 mars 2015". I debugged and it is really that string in the input and with the following line I get only the first word "vendredi" var newdate = $(result).find( "input[type = 'hidden']" ).val();
Possible position bug and page jump on close
Hi, I might have found a problem with the .position method, but I wanted to see if anyone had any ideas. I have a jsfiddle example here with instructions: jsFiddle This is just a test to show it happening, but it seems that if you move a dialog with the .position method then when that dialog is closed with the 'X', the page jumps back to the first position of the dialog, if scollbars are on the page and you've moved it to a position where the original is not in view. It seems to only do this if you
Is there a legit Youtube video downloader?
Is there a legit Youtube video downloader? I have tried several from google search but none of them work, if there is a legit program to do this.
.on method is not giving the output
Hi All I have the following program: <script> $(function(){ $('div').on('click','input[type="button"]',function(){alert("hello");}); }); </script> <body> <div class = "divs"> <input type = "button" value = "Propagate"> </div> </body> So while clicking on the button with the value of "Propagate",it is not generating the required output(i.e that is not alerting hello). Varun
Dialog position
Hi to all my name is christian rheinnecker i'm from germany, sorry for my bad english. I collecting video games and other stuff and i build my own little CMS shown in this video link [removed] i use jqueryUI for the dialogs and some other stuff. my question to the community is it possible to store the current position of a dialog inside a php variable to store it in some coockies or in my SQL database ?
Not sure why upload plugin isnt working
I'm building a small database application with CodeIgniter and some bootstrap and jquery plugins. I'm working on an uploader tool by implementing a jquery upload plugin so that users can upload attachments to a folder on the server. Right now uploads are supposed to just be going to a folder named "upload" in the public root folder of the wamp server. Once I get these errors worked out I will make it so that they go into folders named after the partID - so the upload app doesnt need to interact with
jquery ui datepicker stops jquery malsup cycle
Hi guys, I tried to use on the same page jquery UI datepicker and jquery malsup cycle for rotating images, but cycle stops and loads all images on the screen. Is there a way to get them to work together? Thanks, Spyros Code on external js for malsup: $(window).load(function() { $('.slideshow').cycle({ fx: 'turnLeft' }); }); Code on page for ui datepicker: <script type="text/javascript"> var datefield=document.createElement("input") datefield.setAttribute("type", "date")
Insert text from database into fixed text box - Spacing Issues
When inserting text into a database: Rsmmmms dnmnmnm jkkjk. dmmmms ammnmn amioiooioioioio. rmmm . Insert lines, spacing and paragraph exact from database into a fixed maximum width and height text box that otherwise has automatic flow and spacing : Prevent this: Rsmmmms dnmnmnm jkkjk. dmmmms ammnmn amioiooioioioio. rmmm. How to use "<br />\r\n" ??? I have an ecards site and all ecards have a double blank inside - -users add own greeting. (hopealley ecards) To have an option for users to
JCrop : Microsoft JScript runtime error: Object doesn't support this property or method
Below is working. $("#imgCrop").Jcrop({ onSelect: storeCoords }); Below is not working. The idea is if user touch the screen for 1sec the crop method should call. $("#imgCrop").on("taphold", function () { alert("I m here"); $("#imgCrop").Jcrop({ onSelect: storeCoords }); }); The alert message is being displayed if touch 1 sec on mobile screen. The imgcrop is Asp.net Image ID. Jcrop is Jquery. When I am debugging, it give as "Microsoft JScript runtime error: Object doesn't support this property or
jquery ui checkbox button not submitting with ajax
I have a problem, where the checkbox is not submitting any values. The code snippets looks like this (html, JS, PHP): <div id="checkboxes"> <input type="checkbox" name="ed" id="ed" value="ed"><label for="ed">ed</label> <input type="checkbox" name="vw" id="vw" value="vw"><label for="vw">vw</label> </div> var $form = $("#meineprodukte"); var method = $form.attr("method") ? $form.attr("method").toUpperCase() : "GET"; $.ajax({ url: $form.attr("action"),
Listview - Remove area on the right including arrow
Hi all, I created a listview with an image on the left and some text, in addition I use a themeroller. An area on the right was created automatically, including an icon with an arrow. Because I have this image on the left, I indented each list element with padding-left: 80px; In doing so, the area with the arrow on the right, which was very small at the beginning, also changed and increased in size (also 80px). Has anyone a hint how I can get rid of this area on the right? I already tried to remove
jquery keyboard mapping
Hi, am trying to map keyboard keys to different arrays, such that whenever a key like "a" is pressed in an input field, it will suggest these accents(but not mandatory) "á à ā" . Any clue on how to solve this?
Canvas mousemove event on Item
I have 3 arc starting points on canvas area , so when user drags any one of the arc, I want to draw a circle until he drags in clockwise direction and remove on anti clockwise direction. My issue is how can I get the exact arc out of 3 he is dragging and till what position and direction he dragged. I have tried from google as below but not luck , please see jsfiddle and suggest. http://jsfiddle.net/ineffablep/azh8ma89/38/
How to use the JS cookie plugin to remember user preference on hide or show div block
So what I got now: http://codepen.io/anon/pen/RPPwgq Don't mind the content inside the div, its properly displayed on the phpbb forum its used on. What tackles me at this moment is figuring out how to use https://github.com/js-cookie/js-cookie with my Js code? So that when the user hits Hide, and reloads its still hidden and you see the Show word. All I need is a working example. Can you help me? My understanding of js is somewhat limited this is why a working example goes a great way of making me
Replacing and url help needed
Hi I need help with the below. I'm trying to link to a dynamic url with the below, the jquery is not accepting the '?' and I need to replace the year, month and date so that the outcome is: website/index.php?id=2015-01-01 onSelectDate: function(date, month, year){ window.location.replace("index.php?id="+[year, month, date].join('-') + '.php');
Manage events pagecontainer change
Hi page_A.aspx $.mobile.pageContainer.pagecontainer("change", "page_B.aspx"); page_B.aspx none of these events is raised. why? what is the best practice to make the record events as you do with document.ready? $ (function () { alert ("go"); $ (". ButtonMenu"). bind ("tap" Go); }); $ (document) .on ("pagecontainerbeforeload", function () { alert ("pagecontainerbeforeload event fired!"); }); $ (document) .on ("pagecontainerbeforeshow",
Next Page