access dynamically generated elements
I have text boxes and a button that will be generate from a php loop jQuery dropdown box example jQuery dropdown box example SELECT YOUR CITY NEXT NEXT NEXT NEXT i want that if i type any thing in any textbox and click on next..next all textboxes should be filled by that value
jQuery date pickeer is not working
<!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> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <body> <p>Date: <input type="text"
Uncaught ReferenceError: $ul is not defined
Hi I am using jquery file in my asp.net mvc5 project nut i get error . and error says there is problem in the line number 135 $('.filter-a select, .product-a > *:first-child form ul li select, .table-a select, .tabs-b select').parent().jNice();
How to use Dynamic Button
Hi, I am using below code to populate from database into my website. I want to know how can I now make a click for btnAddToBasket to pass the item_id in order to add the item to the basket? shall I add it in the data-id of the image? and if yes then how I pass that to the $('#btnAddToBasket').click? but if no then what's the best practice for this scenario? Thanks, Jassim <table width="750" cellspacing="10"> <?php $mysql_query = $mysql_connection->prepare('CALL sp_populate_menu_items()');
Ajax-only build - without selector module (ideal as a lightweight ajax only build for mobile devices)
Right now, when doing a special jquery build, you must always include the selector module, no matter what the build is: "Any module may be excluded except for core , and selector . To exclude a module, pass its path relative to the src folder (without the .js extension)." There seems to be a common desire out there to only use the ajax part of the jquery library: http://stackoverflow.com/questions/4132163/is-there-only-ajax-part-of-jquery Right now, this is semi possible, if you build jquery
How to theme the placeholder text?
The background color on my text box is a dark gray. That makes the placeholder text almost invisible. But I don't see an option in the Themeroller to change placeholder text. What can I do?
Unbind mousewheel event and bind it again
I'm using the jquery-mousewheel.js plugin, and I'd like to decide, if user scrolls down, then the content should fade out, and the user should see the next section. During this event, a class changing, and the event should stop, and only the next scroll down should fire it again (bind/unbind). I think I should use an event handler, but I don't know how to implement it in my code. I've tried the code below but its not working, any advice is appreciated. $('body').bind('mousewheel', function(event,
Calculate a total of TD
Hi, I have below code to populate items from basket table. I want to know is it possible to calculate the item_quantity TD and show the total_sum or I should do it at MySQL level? Thanks, Jassim Rahma <div id="divBasket" style="background-color: #FFFFFF; margin-top: 50px; margin-right: 120px; border: 1px solid; border-radius: 25px; padding: 10px; width: 300px; float: right;"> <table width="100%" cellspacing="10"> <?php $session_id = $_SESSION["id"]; $mysql_query = $mysql_connection->prepare('CALL
how can i show from database in modal bootsrap which is data type is json
Hi, i don't know how to pass value from database if check box or radio button put it in and also images, i'm trying to make variable which is save the data for checkbox but still no t works even errors please see line 14-21 i make comment so you gusy can guide me, but for all input type text already success so here is my script, please review , thanks millions time //edit data product $('.edit_button').on("click", function(e) { var id = $(this).data('id'); $.ajax({ url: base_url
event.preventDefault() and IE
I am using jquery 1.4.1.min.js I just discovered that event.preventDefault() causes errors under IE 8. Thanks to Google I found this work around. if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; }; Is there a more elegant way to handle this?
blueimp jQuery-File-Upload
Hi All, I am using blueimp jQuery-File-Upload to upload images and it is working fine right now the uploaded images are saving in the joomla backend. But now I want to save the uploaded images in Amazon AWS. Is it possible to save the uploaded image to Amazon cloud server? If yes please tell us how we can implement this functionality. Thank You Deepak Singh
Looking for a way to draw lines on an image
I am currently using jQuery Superbox to display images. I want to add the ability for the user to be able draw a line between 2 points on the image. They should be able to click and drag to create the line and once a line is drawn, move an endpoint around. I would need to be able to get the endpoints of the line in some units that would enable to be know the length of the line in pixels and also the x and y coordinates. Does anyone know of a plugin that will allow me to do this? I know jQuery SuperBox
closeText option in dialog
Hi I see that the closeText option in the jquery ui dialog is not working. A google search reveals discussions in which people say that it does not work because the text indent property is set to -9999. However when I use css to counter this, I get the image on a line beneath the text and the title bar gets taller. It seems to me that this feature has not been completed. So I am thinking of making my contribution by finishing this feature. I propose to add an option to set the close button type.
How about having method like getAllElementsInArea(x,y,width,height)
For method like getElementsAtPosition(x,y) which return us DOM elements of specific positions. Instead of a specific location can we have given area (may be a rectangle or circle radius from x,y). So it should look something like getAllElementsInArea(x,y,width,height) . To get elements from screen from a given area.
jQuery upgrade from v1.8.3 to 1.11.3 version
My application is using jQuery v1.8.3 for IE 8 browser, now we decided to upgrade the browser to IE 11, so now current 1.8.3 version is not working properly in IE 8 browser. we decided to upgrade the jQuery version to 1x or 2x. Following are questions in my mind, could you please clarify the below question. 1. Can we migrate directly from jQuery v1.8.3 to 1.11.3 version ? 2. Is 1.11.3 version supports the IE 11 browser ? 3. Our application is going to use IE 11 browser, so should i upgrade to 1x(1.11.3)
Dialog Modal disable all page, even dialog modal
Hi i got a jquery dialog modal that shows a little for for add / edit info from a grid. If a set dialog as modal, it disable all page even the dialog window, i mean that all the page got the color of grey blackground and i cant even click in cancel button of dialog modal. If i set dialog as not modal, it works fine. Id like that this kind of dialog could be modal but i dont know what's happening. Anyone gets same behavior? Any idea for fix it? Thanks in advance.
jQuery and HTML Comments
Hello, I am new to jQuery, and I noticed a problem in the way it renders HTML comments. For example, if I open the following HTML file in a web browser: <html> <head> <title>jQuery Test</title> <script type="text/javascript" src="jquery-1.11.3.min"></script> </head> <body> <h1 id="htmlWithComment" <!-- onclick="alert('Commented HTML was clicked.');"-->>HTML with Comment</h1> </body> </html> The text inside the <h1> tag gets rendered, but is preceded by a greater
Does load() prevent js code from being loaded?
I have some code like this: $("#loadit").on("click", function() { load_it($("#loadit"), url); }); function load_it(el, url) { var el_wf = $('<div />'); el_wf.load(url, function (html, status) { el.children().remove(); el_wf.show(); el_wf.appendTo(el); }); } In the url that is loaded I have some code like this: <script type="text/javascript" src="/static/scripts/myscript.js"></script>
Reverse lazy loading in JQuery add delay before scroll top detection
Hello, I am trying to create a reverse lazy loading in JQuery for Drupal 7, That means that instead of adding items when the scroll reaches the bottom of the page, I want to add items when the scroll hits the top of the page. This is useful to display past events in a event list. So far, the script works well except for a bug that I can't resolve. If the user keeps on scrolling its wheel, items will keep on being added. I want to be able to show one item, then stop the scrolling detection for a few
JQuery Menu Anchor problem
Can anyone please tell me what i'm missing. My code in short is: $(document).ready(function() { $("#leftMenu").menu(); }); <ul id="leftMenu"> <li><a href="/myPage.cshtml">My Page</a></li> </ul> When the menu is displayed and i click/select 'myPage' nothing happens, I would expect the page myPage.cshtml to be displayed. regards Henrik
event.preventDefault Code not working in firefox 41.0.2
Following code is not working in firefox 41.0.2Code is working in chrome Jquery code page linkhttp://api.jquery.com/event.preventDefault/ <div id="log"></div> <script> $( "a" ).click(function( event ) { event.preventDefault(); $( "<div>" ) .append( "default " + event.type + " prevented" ) .appendTo( "#log" ); }); </script>
Height of content div
Hi guys, I wrote a jquery mobile page with header and content div. I set the height of content div at 100% so that it fills the remaining page after the header div but it overflows from the viewport. Why do this? I googled but I didn't find an explanation!
About Mobile jquery Theme roller
hello sir, I Have One Problem in Mobile jquery theme roller I want to select diffrent color in Read-only list item and Text Input in jquery mobile 1.4.5 example if i select red color for read only list Item so that time i want to able to select Text Input Background color yellow so that time , what should i do for like this problem, In sort i want fill both color different in my web site theme So please give me any suggestion for further process because my process stop at this step .
new Option implemented
Hi! I implemented possibility to show only month-year in calendar: added an option "showMonthYearOnly". Want to get it into the the trunk... Attached a diff to formatted jquery-ui.js v. 1.10.3 Any interest?
positionLeft = $(this).css('left'); returns pixels instead of rem
Hi, I have the a div with following CSS: style =" z-index: 3; left: 12rem; With jQuery I want to grab the left value. I am using this code for it: positionLeft = $(this).css('left'); But this returns the pixel value (144px) instead of the original 12rem What can I do to get the 12rem instead of the 144px I get returned now? Thanks
How to store map tiles locally using openlayers
I just picked up a piece of code from the openlayers3 examples see HERE, now everytime you click the "geolocate me" button the tiles of the map are reloaded , now is there anyway for the tiles of the map to be stored locally ? I.E. when i click on the "geolocate me!" button the 2nd time around the tiles sould be loaded from the users browser locally, rather than being fetched from the internet. The code for generating the map is as following: var map = new ol.Map({ layers: [ new ol.layer.Tile({
Make TreeView Collapsible
I have a treeView with checkboxes which works perfectly the way I want with the help of jakecigar. Now I want to make the tree collapsible based on the tree root node. Please see demo at : https://jsfiddle.net/jakecigar/ap4bjehj/1/. The JQuery and the html are all in the link above, but I adding the Jquery here gain (function ($) { function Tree() { var $this = this; function treeNodeClick() { $(document).on('click', '.tree li a input[type="checkbox"]', function
dropdown menu disappearing when connected with selectmenu
im having problems with selectmenu in jquery ui. i have the select menu working fine in html but when i add the jquery ui to the selectmenu the dropdown menu disappears leaving only the selected value in view and if i click that the rest come into view. the strange thing is the selectmenu seems to be working but the look of the dropdown menu is terrible. any ideas what might be happening. <!---------------jquery ui --------------------> $(document).ready(function () { var newsDiv = $( "#newsDiv
please help
I started to use jquery mobile recently, I built my first project, it was working fine, after I updated my ios to ios 9 every thing is disappeared as if I'm not using jquery mobile. I started to use my project by google chrome which is on the iphone, a week ago google chrome has been updated, after the update every thing is disappeared if I'm not using jquery mobile. this is the header of my pages. <head> <!-- Include meta tag to ensure proper rendering and touch zooming --> <meta name="viewport"
switch from 1.7.1 to 1.11.1 (Bootstrap v3.3.4)
Hi, I'm redesigning a site using Bootstrap. There are a few scripts and the jQuery used was 1.7.1. Now, as jQuery that comes with the Bootstrap is 1.11.1, some script functionalities have gone away. In particular, there's a product comparison script. It manipulates CSS and HTML code in order to populate a table with product images, links, and checkmarks that apply to specific features of products being compared. If I use the old jQuery 1.7.1, Bootstrap is not working properly, dropdown navigation
Getting 'data' is undefined error in I.E.11
I'm trying to load arrays from a .json doc and populate a table with this data. It works fine in Chrome and FireFox, but not in I.E. 11. When I debug in I.E. 11 I get the error 'data' is undefined for data.insuranceReport. Here's my code: $.getJSON('json/insuranceData.json', function(data) { $.each(data.insuranceReport, function(i, f) { var divData = "<tr>" + "<td>" + "<a href='employees/index.html" + "?dataTablePath=" + f.dataFile + "&insuranceName=" + f.insuranceName + "'>"
.popup('open') not working after navigate next page
1) My start up page is 1.aspx and i am using .popup('open') on this page and popup working fine. 2) I navigate to 2.aspx page using $.mobile.changePage( "2.aspx", {transition: "slide"}); 3) back to 1.aspx page using $.mobile.changePage( "1.aspx", {transition: "slide"}); 4) Now .popup('open') function not working. please suggest me solution. I am using jquery.mobile-1.2.0-alpha.1.js
Make li as Circular using Javascript
Please help me out.I don't know how to start it. My Task is to make a circular Photo collage using li in HTML and Javascript or Jquery.In which each li will bring one image which has to be placed in different angles too.No li should takes same angle in collage.Please help me out.I don't know how to start it
mouse offset/alignment
Hi, having issue with the mouse alignment, if i change size of some object by draggable start event. http://jsfiddle.net/1a4zco4e/ Did anyone have a solution for this? thank you moxx
Access-Control-Allow-Origin issue in chrome and firefox
Hi, I'm using the below snippet to call OData service, it's working in IE only. Chrome / Firefox i'm getting the error "XMLHttpRequest cannot load No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 401. " jQuery.support.cors = true; var call = $.ajax({ url: 'http://machinename:8000/sap/opu/odata/sap/ZWS_PRD_SRV/PRODUCTS?$format=json', type: "GET",
How to differentiate localStorage from storing each file on click?
I've made a simple jQuery script which stores values "voted1", "voted2", "voted3" in localStorage. The problem is that on click it stores all values at the same time, and I need it per click as it should be later called (e.g. if "value3" exists begin jQuery logic...) I can't figure this out, after weeks of testing.. HTML: [gallery link="none" size="medium" ids="102,13,27,25,23,15" orderby="rand"] <div class="exists" style="display: none;">Thank you for voting!</div> CSS: .gallery-item a { background-color:
How do I access input value (inside div) just before a table?
I have a few tables with the class name "gridview". Right before every table there's a DIV that's holding a text input. I already have a loop going through elements in the table and I thought I could make use of the same loop by also picking up what is written in the text input right before every table. </div><input class="txtNote" id="txtNote1" name="txtNote1" type="text"/><div> <table class="gridview" id="gridView1"></table> How do I find this input located in the previous element before the table?
Load page into a div with a specific jQuery UI tab selected?
I've got a page with some global navigation that loads other pages into a content div using jQuery. The pages I'm loading into the div have jQuery UI tabs on them. I know how to load the pages into the div, but what I want to do is load the pages with a specific tab panel selected/open. Here's the html for my base page: <nav> <a href="tabs.htm#tab-1">Link to Tab 1</a> <a href="tabs.htm#tab-2">Link to Tab 2</a> <a href="tabs.htm#tab-3">Link to Tab 3</a> </nav> <main></main> And the html for the tabs.htm
Drag and Drop for input text field
Hi All, I want to drag a input text field and drop into a textarea. Please give your ideas. Thanks Raja
A simple rich text editor for jQuery ui
Hello, Congratulations for the 1.7 release. I am the author of this very simple jQuery Rich Text Editor plugin: http://code.google.com/p/rte-light/ If the jQuery UI team is looking for integrating a Rich Text Editor, I can certainly help to do integrate this one in addition of some feature and options. Cheers, Batiste Bieler
Next Page