Combining datepicker with jQuery isotope filtering
I'm trying to combine the jQuery datepicker and isotope plugin to filter out content dependant on date, the calendar filtering works, but I also want a menu to the side of the calendar that will filter for today, this week and this month. The today filter works, but I'm struggling to work out how to filter for 'this week' and 'this month'. Here's a working fiddle: http://jsfiddle.net/7RRUT/7/ I've tried implementing code highlighted in this post, but to no avail, I only need the week and month filters
i cant getting element value (for inlineedit)
inded.php while ($row = mysql_fetch_array($result)) { echo' <tr> <td class="inlineEdit"><div>'.$row["id"].'</div></td> <td class="inlineEdit"><div id="c1_'.$row["id"].'">'.$row["first_name"] .'</div></td> <td class="inlineEdit"><div id="c2_'.$row["id"].'">'.$row["last_name"] .'</div></td> <td class="inlineEdit"><div id="c3_'.$row["id"].'">'.$row["email"] .'</div></td> <td class="inlineEdit"><div id="c4_'.$row["id"].'">'.$row["hire_date"]
Issue while trying to remove a div was created by .append()
Hi I have a drop down menu and the menu have numbers from 1 - 24 by default i have 1 div created and when the use change the menu i add divs acordanly. so if i user selected number 5 from the menu i will append 4 new divs which is total of 5 including the default. But When then used go from 5 to 3 i will have to remove the last 2 div that we generated by .append() i have used .live().remove() to do that but it is not working. when i say it is not working i mean the remove function does not remove
datepicker() for inputs were created on fly?
Hi I am using the datepicker UI for date selection so i created some inputs on the fly using jquery. But the datepicker it now working on those that were created using jquery here is few thing that i have tried (none of them is working!) Thanks $( "input[id^='checkDate_']" ).live( 'click', function(){ datepicker({ changeMonth: true, dateFormat: "dd-mm-yy", yearRange: "c-1:c+1", changeYear: true }); }); $( "input[id^='checkDate_']" ).live().datepicker({ changeMonth: true, dateFormat: "dd-mm-yy",
Problem with api.jquery.com
Hi, Have problem with accessing api.jquery.com from UPC network. Ping shows: PING api.jquery.com (70.32.121.205) 56(84) bytes of data. From e1.3.as06.lax02.mtsvc.net (72.10.63.250): icmp_seq=1 Destination Host Unreachable That's a glitch, because I need documentation to my work. My external IP is 89.70.33.141 . I think that You blocking whole subnet, that I'm connected with.
Login jquery, php and ajax
Hi all, I'm learning to use jQueryMobile to develop a web application. I'm trying to do a simple login form that, on success, load another html page. To do this, i wrote this javascript that i've insert in the <head> tag: function onSuccess(data){ var jsonString = JSON.stringify(data); var json = jQuery.parseJSON(jsonString); if(json.success=="true"){ window.localStorage.setItem('userData', jsonString); setCookie("username", json.user); $.mobile.changePage( "pages/home/index.html", { transition:
jQuery Accordion & jQuery Tooltip not working together
I'm pretty new to jQuery, so please bear with me. I'm having some problems making my accordion and tooltips play nicely together. I created my accordion first, using the Accordion Widget from the jQuery UI site. The accordion sections each contain a table with a form where there are text labels accompanied by a small image that is supposed to spawn a tooltip when hovered over. I created the tooltips separately using this Tooltipster plugin (http://calebjacob.com/tooltipster/). I used this plugin
Using JQUery Change text in selection Option - Not working
I have an selection Option with two drop-down: New Individual and My self. I want to change the New Individual to Other, using this code but it is not working for me. $('select option[value="New Individual"]').text('Other'); It is not possible to change the HTML code as this is a commercial application (Content Management System) which I have no access to the HTML. The only option is to change it through JQuery dynamically. There are multiple selection that would have these two Options: Individual
Slider with user-selected enhanced precision
There are times when you're moving a slider across a big range but with lots of small steps and it's difficult, if possible, to select a precise value. Imagine two values are only 1px apart, or even sharing the same pixel position. Here's an idea. We could enable the user to hold down the Ctrl-key (Option-key on a Mac) while dragging a slider handle and the effect of the same movement of the mouse would be slowed down 5-10 times. So you could really dial in between a couple numbers that are really
XML Parse after refresh
Hallo, i have two pages, one page is a list with titels from a xml-file. When i click on a title opens a new page with details - all infos from xml. My problem is i can see the infos only see after a refresh width the browser. You can see here the problem: http://www.app.schwarzwaldportal.com/ausfluege.html On my page you see the list width titles and when you click on it you see nothing content, after a browserrefresh you can see details but when you go back you can't see the list... then browserrefresh....
Jquery & java script cross browser implement
I read about jquery and java-script and I was asking my self the next question: What is it about jquery that turns it to be a cross browser language while java-script is not? Can someone please explain to me what turns Jquery to be cross browser language and why java script isn't? It means that every code that i write with jquery should be supported in all browsers? including internet explorer 6-7-8? Include all Jquery plugins? Please explain.
Using Jquery UI with Themeroller
Hi I'm using script for the JQuery UI Dialog - Animation - http://jqueryui.com/dialog/#animated It works, but, the themeroller css I created doesn't work with it (apart the dialog container background/border). The weird thing is that those 2 elements do work. The styling is otherwise the same as on the page where I got the original code - http://jqueryui.com/dialog/#animated All the other formatting e.g. the button style doesn't work - my page http://surfacedeals.co.uk/about-us/ I'm using <link
Making this website more *awesome*!
Hi, I am currently developing a website that revolves around music during the Second World War. This is in connection with a music education project. The website is a tool that should make history lessons on the Second World War more interesting and of course that it could be used in music lessons. It's aimed for both teachers and students in class. I work from a specific vector style which has been accepted by the commissioner, together with the concept. However, I wondered how I could make this
Save data stored in table in array
Dear All I have following table and want to save data(update database) when clicked on save button using JQUERY This being in array I was confused as how to access the values in Please SelectBangaliEnglishGujarathiHindiKannadaMalyalamMarathiTamilTelagu Please SelectArticles-Biographical (Revolutionaries)AutobiographyDramaEsseys - RationalistEsseys - SocialEsseys- Political Esseys-- HistoricalHistoryLettersMiscNovelsPampletPoetrySatire -PoliticalSatire SocialShort StoriesSpeechesStatementsThesis
JQuery does not fire after updating a panel
I have a an update panel like this: <asp:UpdatePanel ID="UpdateCost11" runat="server" autopostback="true"> <ContentTemplate> <div class="rowContainerBorder" style="height: auto; text-align: center; clear: both;"> <asp:Label ID="Label1" runat="server" EnableViewState="false" ForeColor="Red"></asp:Label> <asp:GridView ID="gvwProjectCost11" runat="server" AutoGenerateColumns="False" DataKeyNames="Id"
Jquery Ajax..
Hi, I have a html pages that call a javascript. In the javascript file i call two URL that response with a text. For do this i use Ajax Call with the code below : With this code in a function, i recall the function in 2 step. The first with pass IP1, the second pass IP2 If the HTML and JS file is on my pc (desktop directory) the system work on every IP. If i put this file in my server online, i read only the IP2.! I don't understand how works only the second ip. I try to change the sequence IP2
Remove button from footer on home page (but keep on sub-pages)
On my mobile site, I have a footer with a button of "back" - I am trying to figure out how to remove the button for the home page (so it just shows the footer with no button), but have the button show up on sub-pages. Here is my footer code: </div><!-- data role content--> <div data-theme="b" data-role="footer"> <h3> Premier IT Consulting </h3> <a data-role="button" data-direction="reverse" data-rel="back" data-icon="back" data-iconpos="left" class="ui-btn-left">
Native look for toggle switch
We are trying to build an Android application using Phonegap and jQuery Mobile. While using ThemeRoller, I noticed that by default controls have look and feel of native iPhone controls. e.g. ON-OFF toggle switch Is there any way to specify that the controls should have look of native Android controls?
Grouping with jQGrid and Pagination
In jQGrid there is an option for grouping. However when I use grouping, and keep collapsing all expanded items, some of the items which are in the next pages are not being pulled in. This gives an illusion that there are no items whereas the pagination filter shows there are more pages. Is there a handle for this corner case?
Click called in Twice Times
I am using two forms in My page.In one form I have one button with dialog.I am clicking this button its called twice times.Is any one tell how is it called twice times? My sample code: $(document).ready(function () { $('.send').click(function() { alert('Test'); }); }); In this code clicking send button,alert called two times instead of one time.Is any bug is in this code?
popup z-index issues with fixed headers on Android
When opening a popup from a fixed header, the popup will appear behind the header when using the Android default web browser. I was able to reproduce this problem using the following sample page on a Samsung Galaxy Tab 2 running Android 4.0.4: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<input's> click problem JQM 1.3 RC1
Hello. In jQuery Mobile 1.3 RC1, if you click at an item <input> type (in my case type password) generates a hidden with the same name, causing the issue when submit the information, since the value of first hidden always null. If given 20 times <input click t>, adds 20 times the same hidden. Reviewing JQM 1.3 RC1, I noticed that the job they are doing this behavior is: //add active state on vclick $.mobile.document.bind( "vclick", function( event ) { var $btn, btnEls, target = event.target, needClosest
Problem to start a script after an ajax response
I have a HTML code like this: <!DOCTYPE html> <html lang="en"> <head> <title>Test</title> <meta charset="utf-8"> <script src="js/jquery-1.9.0.js"></script> <script> $(function buttA() { $("#buttA").click(function(){ alert ("Hello from buttonA"); }); }); $(function buttB() { $("#buttB").click(function(){ alert ("Hello from buttonB"); }); }); $(function bReq() { $("#bReq").click(function(){ $.ajax({ url:"test.php", type:"post",
Working with divs created at runtime
I am creating a series of buisiness card type presentations on a web page. Each “card” has the usual business info populated from a database. I have PHP that loops through the recordset and HTML as follows to create each of the cards with each loop. In addition to the business card there is a div that will have additional business information that will be hidden initially from the user. “ButtonA” will use some JQuery to slide that information into view or out of view as the user decides. There
Jquery like facebook multiple friend tagging in post and message
I need such query for my college project .. Can any one help me in this
How to add a button aver an image
I am using the cycling api on images. Now i want to add a button over the cycling images. Can somebody help me out with this?
select box under fixed footer navbar menu item reacts on click (Android)
Hi everyone! I found strange problem on Android devices (detected on 2.3.3) which not occurs on webpage (tested with Ripple). JQuery is version 1.8.2 and JQM is version 1.2.0. I have selectboxes with native options: $.mobile.selectmenu.prototype.options.nativeMenu = true;and if the page is longer like screen and they occur under fixed footer menu and user clicks as shown on figure, navbar item doesn't reacts, but selectbox expands options. I have also tried these functions in menu item onclick function:
HTML Editor Plugin
I'm looking for a html editor plugin for my application My requirement is I need to see a preview while I'm typing in the textbox like the question field in stack over flow I tried some plugins but they didnt support the preview function... Is anyone know something please share.. Thanks in Advance
Jquery with post to open a pdf generated with aspx
Hello, I've got a Silverlight application, I call a javascript function defined as function test(dateStart,dateEnd,idGauge,description) { $.post('content/ShowHistoricalReport.aspx', { dateStart: dateStart, dateEnd: dateEnd, selectedGauge: idGauge, description: description }, function (data) { var win = window.open('about:blank'); with (win.document) { open(); write(data);
.change doesn't work
I create a combox dynamically and I want to to call another function when the values change in the combobox. $("#table tr:last").after("<tr><td width='20%'><select type='text' id='legcomb-" + txtid + "'></select></td><td width='19%'><select id='subcomb-" + txtid + "'></td></tr> function __call(_id) { $("#legcomb-" + _id).change(function () { alert("changed!"); }); }); }
animate performance with large amount of elements
Hi, I want to use animate function in a page that has more than 3000 elements in it. (they are images or divs) But the animate function works for 200 elements max. I've tested it in 5 different browsers. How can I use it for a larger amount of elements in the page. Regards, Amin
not able to access json data
HI, i am not able to access the json data through query. Please let me know why.. i have tried so may ways. below is my script: $(document).ready( function () { $.getJSON("new.json",function(data) { var html = ""; alert(data[0].content[1].css); for(var i=0,size=data.length;i<size;i++){ alert("pallavi" +data.length); html += '<div class='+data[0].content[i].css+' id='+data[0].content[i].id+'></div>'; } $('#clickCall').append(html); }); }); below is my json: [ { {
Using anchors in Cycle plugin - problems with .on("click", function() I guess
Hello, I'm using anchors in Cycle plugin. The first time I click on any anchor it works, but it does not work the next time. I guess is something to do with .on("click", function() but I'm not skilled enough to find a solution. Any help will be much appreciated. Thanks! function cycle() { // Team Cycle. var $cycleTeam = $(".cycle-team"); // The paging. $cycleTeam .before('<ul id="cycle-team-pager" />'); // Let's put in the next button. $cycleTeam .after("<div class='cycleTeamNext'>Next</div>");
Question for Jake
Jake, u helped me that json part. but the css which i had written for that html, is not getting applied now. why is that?
Trying to get multiple copies of the code to work
I am trying to get the code working - several instance of the code on the same page - ie there needs to be one one instance of the code for every item that needs a vote. Unfortunately I cannot make the code 'different enough' for each item. I know the $itemid for each item, but how does I pass this to the code below so the the vote button refers to the item it is next to. At the moment, if I click on any vote the code tries to apply the vote across every item on the page, then fails and refreshes
FlexSlider modification
Using FlexSlider for a client's site. They are requesting that when clicking on one of "dots" that it does not animate through all the images but to the one that was selected. I'm not sure what part of the code is controlling this... have tried numerous hacks but to no avail! Appreciate anyone's input. Thanks!
Jquery tabs don´t work on my Feather powered Wordpress theme
I have a tabbed Wordpress widget here to display recent comments, posts and tags. It doesn´t work like should with jquery-tabs. It loads each tab under each other instead of just changing content. The code is here: <?php class Bandit_Tabs extends WP_Widget { /** Constructor **/ function Bandit_Tabs() { parent::WP_Widget(false,$name='Bandit Tabbed Widget'); } /** Widget **/ function widget($args, $instance) { extract( $args ); $instance['title']?NULL:$instance['title']=''; $title = apply_filters('widget_title',$instance['title']);
jQuery in .js file
How do i add a jquery file in .js file
Get attribute from dynamicly loaded element
Probably asked a thousand times before, but I really can't find the answer. This is my code: $.fn.eepager = function(options) { var defaults = { holder: $('#more'), target: $('#more'), link: $('#readMore a'), }; var options = $.extend(defaults, options); $('body').off("click").on("click", options.link,function(e) { e.preventDefault(); var link = options.link.attr('href'); $.get(link, function(data){ $(data).find("#more").appendTo(options.target); $(".paglink").html($(data).find(".paglink").html());
inputs created by jQuery "on the fly" will disappears if you go back to correct errors
Hi I created few inputs on the fly with jQuery. but if an error cought on php side then you have to go back to correct errors they all disappears. I can see the problem and why it is caused. but how can I fix this issue? is there a trick to keep them when i click go back? here is how I add those input fields //append fields for(var i = inUseTotalCheck+1; i <= totalToUse; ++i){ $('#checkListPanel').append( '<div class="label-input" id="check_' + i + '">' + '<input type="text" id="checknumber_' + i
Next Page