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")
.data() Optionally Update HTML5 Attribute
As it is now, the .data() function retrieves the data from HTML5 data-* attributes when the page loads. When data is set using the function, the DOM attribute is not updated, for efficiency. If you want the attribute to be updated as well, you have to then pass the same data to .attr() . .data( key, value, updateAttr ) What I am proposing is an optional third argument (second in the .data( obj ) signature), updateAttr . It would be a Boolean (defaulting to false ). When true , .data() would also
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",
Jquey Plug-in for Video Thumbnail
Hello, Is there any jquery Plug-in available for video Thumbnail. Clarification : when i upload the video , the video should created as a thumbnail.
Jquery Plug-in for PDF Thumbnail
i Just wanted to know is there any plug in for to Generate PDF Thumbnail in Jquery. Clear explanation : when i upload the PDF or PPT the first page of the file should be generate as a Thumbnail.
Caching a json response from an API
I am getting data from an API cross browser that gets live hotel rates. Is it worth making another call each time you need to filter the results for example filtering hotels from $100-$200? So everytime a use needs to make a filtered request a new call needs to be made to the server (increasing call frequesncy to the server). My traffic is very low volume so I don't really think this is going to be an issue but I want to just ask what the best practice is regarding getting live dynamic rates from
Generating Random Letters
Hi, Im new to jQuery and was wondering how I would go about generating(animate) random letters (both lower case and upper case). As well as having them randomly show up in random areas of a contained space(square box). Any help would be great as to where to start would be great.
Responsive Circle and Inner Circle
I ham trying to create responsive circle with inner circle in it as in fiddle, If I resize I want outer circle and inner circle adjust automatically how could I achieve that behaviour http://jsfiddle.net/ineffablep/x03f61db/
Pre-rendered collapsible content on jQuery Mobile demo fails to validate with W3C
I just ran this through the w3c validator: http://demos.jquerymobile.com/1.4.5/collapsible/ Line 230, Column 50 : Element div not allowed as child of element a in this context. …<div class="ui-collapsible-heading-status"> click to expand contents</div> I was going to use the pre-rendered content, but there seems to be an issue here?
Toogle jQuery button Up/down
I'm trying to build a button that when pressed will show a down arrow that will to to an ajax script and show hotel prices from low to high, then when you press it again it will change the button up and show hotels from high to low and go to an ajax script and show high to low hotel prices. Not working for me..Any help? function priceBtnSet() { var price = $('#price').find('span'); price.addClass('fui-triangle-down-small'); $(price).toggle( function () { price.addClass('fui-triangle-up-small');
Next Page