dynamically render select options in a form
hi everyone i want to dynamically render select options in a form, the number of the select tags that are rendered will depend on how many a user has selected.. for example, if a user says they want 3 items. i want to display 3 select options tags. Each of the input tags will have their values fed to them from an array function(its just a simple php array). i am not sure of the best way to dynamically render these tags and would really appreciate some advice. it might help if i show u what i mean.
Trying here to change the value of data-foo
Hi, Im trying here to change the value of data-foo, but it doesn't work.. <li class="jander" data-foo="bar1">Item</li> $( document ).ready(function() { $('li').attr('class','clander'); $('li').data('foo', 'bar2'); });
Popup pluggin
i want to create an effect similar to this website . if you visit This website you will see that , IN the services section , if you click on any of the icons , a popup appears , is there any pluggin the Jquery that can acheive that for me ? Thanks .
Is there anyway to trigger some action on closing multi select window.
close button is highlighted with red square in attached image <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> </head> <body> <div data-role="page" data-theme="b"> <div data-role="header"> <h1>Multi select bubbles in listview</h1> </div> <!-- /header
autosearch text box using jquery like windows 8 search textbox
hi i want to create auto search text box like windows 8 operating system autos earch textbox i have one array,word will be searched from that.
How to parse $(this) into a setTimeout function?!
Hi, I've got a probably rather simple syntax question but I can't seem to find a solution. That I want to do is a adding a class to all ing tags within a servant container. With that class on I apply a transition and the images fade it. Just that would be easy. But to have a nicer effect I want to fade the images in with a slight delay so the effect of a "wave" is created. I idea to archive that is to add the classes (that make the image appear) with a slide delay using a setTimeout function. My
The most popular jQuery plugin which creates the animation of swiping?
Recently I'm about to create a mobile website, in which swiping left and right allows users to navigate between pages (just different <div data-role="page">s, not actually independent html pages). Although jQuery Mobile and its Pagecontainer widget can achieve the change of pages, it doesn't seem to also create the drag-like animation of swiping. I did some search on Google and found a few plugins which create the animation. But I'm new to mobile website development and know nothing about the popularity
How to define 'event' on the page after navigation- getting 'event' undefined while using event.target.id- Firefox Only
I am using `event.target.id` in the click event of a button. I have button on click of which it navigates to a certain page: $("#alert-proceed-button").on("click", function(event){ window.location.href= '#accounts/admin'; } I have passed `event` as a param on the click event function. I added an event listener to that click so that when the page gets navigated, the 'target id' will be captured and i can perform further action using that 'id'. For that i did something like: initialize:
Performance Listview, Hoverdelay, Swipe
Hii It's been a while since I develop on jquery, my application is almost finished but there are some pretty annoying problems on ergonomics and fluidity to a potential user. As you probably know, the first impression will be the user will be the last so long as it is the best possible. Now knowing that all other applications on setting performance, developing on JQM smartphone, we manage to bring this performance but it still lacks a little more. I developed a fairly light application (230ko
how make a condition with events onclick click on button
hello there, i am working with window.pageYOffset. i use to know what is the position on Y to active a class in menu and to do a lot more things. window.onscroll = function () { //null if (window.pageYOffset >= 100){ document.getElementById("menu-Bt1").className = "menu-bt"; document.getElementById("menu-Bt2").className = "menu-bt"; document.getElementById("menu-Bt3").className = "menu-bt"; document.getElementById("menu-Bt4").className = "menu-bt"; document.getElementById("menu-Bt5").className
jQM 1.4.4 icons not showing
I have just started using jQuery Mobile for an ASP.NET site which will have certain pages designed expressly for touch/tablet access. JQM certainly seems the way to go, but for some reason I am unable to get icons to show, even when I keep it very simple and only use CDN hosted JS and CSS, as follows: <!DOCTYPE html> <html> <head> <title>JQM icon test</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
how can i set live method in jquery 50 times?
I am using javascript and ajax and i don't want to use any asp.net control . When user type 50 and focusout from textboxt1 , a table with 50 row is dynamically generated, $("#textbox1").focusout(function () { buildtable(); }); for first row : var i = 1; $("#MyGrid1 tr td.txt2" + i + "").find("input.txt2" + i + "").live('focusout', (function () { // do anything })); and work for first row. but if i use :: for(i=1;i<51;i++){ $("#MyGrid1 tr td.txt33" + i + "").find("input.txt33"
Number of records size jquery can read
Can you please let me know, how many records can $ajax can read from database
different script location not work
<script type="text/javascript"> community = "Javascript Indonesian"; </script> <script type="text/javascript"> alert(community); </script> how to solve that ? thanks fird0s
Redirection URL
Hi All, I have an issue with the redirection url, here is the problem statement I'm in an HTTPS page and i have a hyper link When the user clicks on the link it should enoute to HTTP page, nevertheless by default its redirecting the HTTPS, hence its always returning error code 302 (Moved temporarily exception). $('a.logo').click(function(e){ e.preventDefault(); window.location.href= "http://XYZ.com"; }); But its not working. CAn you please help me out with this issue? Much appreciate all your help
listview truncate text
Hi, I need to make <li> elements to show text without truncation (both if they are just <li> elements or list dividers). I tried a lot of things found in other posts like .myParagraph.ui-li-desc { color:#333; overflow:show; text-overflow:clip; white-space:normal; height:28px; margin-bottom:0px; } and similar but nothing worked for me. Any help? Thank you!
need to pass dynmaic php variable(an array) through the name tag
http://stackoverflow.com/questions/26128809/php-variable-not-recognized-in-jquery
Mysqli error with autosearch
Hello. I have an autosearch using photos which has been great for a couple of years until recently it. It still works but displays an error message (see searcherror.gif). Can anyone please spot the problem? Jamie. script.js google.load("jquery", "1.3.1"); google.setOnLoadCallback(function() { // Safely inject CSS3 and give the search results a shadow var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard '-webkit-box-shadow' : '#888 5px 10px 10px', // Safari '-moz-box-shadow'
Crossfading effect in image slider (instead of standard fadeOut and fadeIn)
Hi everybody! I can't figure out how to change the effect of fading images, from standard (fadeOut then fadeIn) to crossfading (changing images at the same time). In present slider one image is fading out and only after that second image is fading in, without crossfading. I've tried to use position absolute to images but without any success, slider goes crazy.. I've created JSFiddle to show present image slider: LINK Any help or clue...?
Translation + CreatedRow does not work
Hello I am a newbie and I do not understand why only one function or parameter is working but not together. Working: $(document).ready(function() { $('#patients').dataTable( { "createdRow": function ( row, data, index ) { if ( data[2] == "Désactivé(e)" ) { $(row).addClass('highlight'); } } } ); } ); Working: $(document).ready(function() { $('#patients').dataTable( { language: { processing: "Traitement
Looking for a responsive "vertical slider"
Is there anything like this vertical slider (demo) available for jQuery, but which in addition is responsive? Here's a screenshot:
issues with iOS 8?
I'm getting complaints that my JQuery-based site doesn't work at all with the new iOS 8. I'm using version 1.11.1 as it was recommended as the version that still supported IE6. Also, if someone could give me a pointer to a summary of what all I'm missing by not using the latest version, that would be excellent. Thanks, Dennis
Clicking a draggable object makes it to jump away from the cursor?
I'm very new to this and know literally nothing about code I'm just watching tutorial and trying to get this done for class. Anyway...I'm using the draggable droppable code and I only entered draggable in right now but when I click on the object, it'll drag but it first jumps like 2 inches away from the cursor. Why's it doing that and how can I fix it? Thank You!
Noconflict problem with fullpage.js
Hi, I'm working on a wordpress based website and I've just integrate a javascript that canceled all my jQuery scripts effects. So I used the jquery no conflict mode as you can see below. Most of my jquery effects are working again except the two that are linked with an external sheet (tablesorter & fullpage). Do you guys have any idea of what should I do? Thank you in advance! David PS: console retuns: HEADED.PHP <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
Help with jQuery issues
Hello, I have taken over development of a website from a previous developer. There appears to be a ton of jQuery,Javascript and CSS code running on the site. However it appears to cause issues when viewing the site on a tablet (iPad) or Android device. One of the issues is the Menu button (top right) does not seem to function on these devices. When I view the code in Google Web Developer the console does not appear to show any errors. PLEASE HELP! What is broken and is there a fix? The site is: http://garland.pnpd.co.uk/
removing of duplicated values
I want to loop the values inside of php array and check to my html if its duplicated or not. when values is greater than to one, I want the other duplicate values to be removed. <script type="text/javascript"> var jQueryArray = <?php echo json_encode($arrayForDeposit); ?> for ( var i = 0; i < jQueryArray.length; i = i + 1 ) { var item = jQueryArray[ i ] var $div = $('td .forDeposit:contains(item)'); // console.log($div) if ($div.length > 1) { $div.not(':last').remove() } } </script>
Push Notification doesn`t appear in the client side in my rails App (Pusher API)
Hello everyone, i use Pusher Notification in my App , i integrated pusher API correctly in my rails App and in Pusher.com appear the the server sent a Notification but it doesn`t appear in the client side i included all files that the project need (jquery,PusherNotifier.js, etc ) <script> var NOTIFY_ENDPOINT = '/assets/notify.html'; $(function() { $.ajax({ url: NOTIFY_ENDPOINT, data: {"message": "I'm a notification!"} }); var pusher = new Pusher('af30f81da233dd0925b2',
Sortable: Adding and deleting items from a sortable ordered list causes problems in numbering the items
I have sortable ordered list with a few items. Each item in that list can be deleted and/or moved and I can dynamically add more new items. All works fine as long as I do not add a new item and delete one of the existing one. Example: I run the code and get a list 1. ABC 2. CDE 3. EFG 4. GHI 5. IJK I delete "3.", so item "4." moves up and is now "3." on that list, while "5." ist now no "4." So far so good. If I add a new item it will be added at the end of the list as no "6.", "7." and so on. But
AJAX problem on Mozilla Firefox 31x and 32x, Sychronous XMLHttpRequest is deprecated.
I have an adding form that allows to upload also a file, here's my code: $("#frm_add").on("submit",function(e) { var formObj = $(this); var formURL = formObj.attr("action"); var formData = new FormData(this); var addnew = $.ajax({ url: formURL, type: 'POST', data: formData, mimeType:"multipart/form-data", contentType: false, cache: false, processData:false })
HELLO,
How to test in javascript?
Problem with :not() - anywhere but a special class
Hi, I have problems with a click event. I want to hide the text field when I click anywhere but on the class "glyphicon-remove-circle". http://jsfiddle.net/pw51zob1/ What am I doing wrong?
Delete dynamically created tab and panel?
Hi folks, I have exhaustively searched this topic, and none of the proposed solutions seems to work. I'm dynamically creating ui ajax tabs, and I want users to be able to delete them. It's easy to create a function that deletes the currently selected tab, because it has a class of ".ui-tabs-active" by default. But the currently selected tab panel doesn't get a class to target. So how do I do this? Here's my code: $(function() { var $tabs = $('#nav-tabs').tabs(); $('.add-tab').click(function(e)
Drag from parent and drop into Iframe child
I want to drag elemets from the parent and then drop it into the iframe child using jquery-ui's draggable and droppable extensions. I used the following codes in parent for implementing that. $('.some-elements').draggable({ revert:true, iframeFix: true, drag:function(event){ //code }, }); $container = $('iframe#id').contents(); $container.find(".drop" ).droppable({ iframeFix: true, greedy: true, over:function( event, ui ){ //code },
EU cookie law and jquery.com setting Google Analytics cookies
I'm trying to develop various webpages using jQuery and jQuery Mobile and have been using http://code.jquery.com as the source of the jQuery and jQuery Mobile scripts and the jQuery CSS. I have noticed that Google Analytics cookies are being set, which belong to the domain .jquery.com. I don't think it would be in my power either to block these or delete them and, even if it was, presumably, such action would not be welcomed by the jQuery Foundation. I'm trying to be strictly compliant with relevant
jquery UI Sortable with inside table and tr width
I am facing one issue with Jquery Sortable. I n my current implementation I have table inside div which is sortable when I am dragging div it is breaking table layout. Any solutions?
TypeError: invalid 'in' operand profile in Worklight 6.1
Hello Experts, I am using Worklight 6.1 for mobile application developement. In login page i am getting the error TypeError: invalid 'in' operand profile. Is it related to any Jquery library. Please inform. Regards, Saroj
[JQuery Mobile, PhoneGap]: Getting undefined response in my ajax call from the java web service
This is my Ajax Call: var url="http://192.168.1.6:8080/RESTfulProject/REST/VmsAccess/GetUsers/admin/jsonp"; $.ajax({ url: url, type: "GET", crossDomain: true, contentType: "application/json; charset=utf-8", dataType: "jsonp", jsonpCallback: 'successCallback', success: function(res, status) { console.log("Ajax Call Success............"); //var parsed_data = JSON.parse(res);
How to implement if else statement in a jquery click event function?
I had searched a code in jquery that will access a div element inside the td element of the table that when a button is click. Below is my code to open the div element which is inside the td element of the table when the input button is clicked and it got working. However, I need to implement the if else statement inside that jquery code so that I can close back the div element when the button is click again. So, how can I implement this if else statement using these code below? jQuery: $(function
table sorter pager with widget group
hi, I have table with row collapse and expand using widget-grouping and table sorter but I am not able to put paging , I tried to use table sorter pager but this work for whole rows not grouping rows. please help me Rahul
How serialize data from a table, not a form, no input fields
Hi, I am listing a data from a database in a table, at the end of each row I have a delete button, I want when I click on that button collect all data of the row so I can send it through ajax : My list page looks like this : <logic:iterate id="ametadataEntry" name="ametadataList"> <tr id='<bean:write name="ametadataEntry" property="agentId" />'> <td class="center"><bean:write name="ametadataEntry" property="agentName" /></td> <td class="center"><bean:write
Next Page