Traverse XML and populate UL
I have been given two XML documents that I need to be able to traverse and then populate an UL. The XML example is at the bottom. I just need to pull the latest 5 items and then use the title and link to populate my UL. I would appreciate any help. <rss> <channel> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> </channel> </rss>
Stuck, is it possible to take a value from an ajax call in one .js file and use it another .js file?
In other words I want to take the value from a variable within an ajax call in one .js file and make it keep it's same value to be used in a different .js file? Still learning jquery and javascript after having learned java. To me this seems like it would be so easy yet is impossible to implement, for me at least :-( I have a main.js file that uses a global variable citId (I know globals are bad but I don't know a good way around using it and I can't get it to work anyway) var citId = ""; $(document).ready(function($)
Ajax not returning data after post call
I know there are tons of these questions out there but everything I try seems to fail. Im just sending a simple ajax call and expecting to get something back. Instead the call succeeds but I get no data back. Ideas why? the javascript: jQuery(document).ready(function() { if(jQuery('#statesel').length) { var dataString; dataString = "nonce=" + dynoselect.post_dyno_select_nonce + "&tbl=state"; jQuery.ajax({ type: "POST", url: dynoselect.ajaxurl, dataType: "json", data: dataString, success: function(result)
How to reference original bound element in plugin callback?
I have plugin that simply opens a modal box and allows users to select a value form a picklist. The plugin attaches an event listen to open the select/modal box. This selected value will then be returned to a callback function. In this call back I would also like to reference the actual element the plugin was bound to but I am not sure how to do this. In the code see this section: "//************How do I " This is one of my first plugins so if there is a better way to do this please let me know.
difference between $.mobile.window and $(window) ?
Hi there, maybe a stupid question, is this documented anywhere ? Didn't find anything yet, but everybody is using it - so I guess there must be something ! 8o)
What is this line of javascript for?
<script type="text/javascript"> window.___gcfg = { lang: 'en-US' }; </script>
Plugin - Google Chrome: css("zIndex") not being set
Hello, I am a big fan of jQuery, and this is my first post EVER, so big cheers for me. I have developed lots of plugins, but I noticed that on my latest one, there is a problem with the animation in starting/stopping in Google Chrome (and I suspect other webkit too). The plugin is of a menu type, and the animation is of one element sliding out from underneath it's previous sibling, to achieve this I first set the element to the position of it's previous sibling, set zIndex to -1 of previous, and
Duplicates after Drop
Hello. I have problem with drag'n'drop. When I drop element I create text (for sample) in drop zone. But instead of one string, I have two strings. It's very strange and I can't understand why it's happens. $(".draggable").draggable({helper:'clone', zIndex:1000}); $("#dropzone").droppable({ accept: '.draggable', activeClass: 'droppable-active', hoverClass: 'droppable-hover', tolerance: 'touch', drop: function(ev, ui) { var
jQuery.Alerts.js breaks with the latest version of jQuery 1.9
jQuery.Alerts.js (which has methods like jAlert, jConfirm) breaks with the latest version of jQuery 1.9. Errors like $.browser is undefined is being emitted on page load. Any workarounds for the same?
Dialog + buttons + modal + postback
Hi all, I'm trying to put JQuery Dialog into my ASP.Net application. The problem I'm getting is that when the user clicks on the "I Agree" button I want to do some server side work and then go back to the same page with a confirmation. So the way I thought about doing it was creating a asp.net button, set to display:none and I would call this from the dialog buttons. Unfortunately I can't call ASP.Net controls from the dialog until I assign the dialog to the form: $dialog.parent().appendTo(jQuery("form:first");
UI-Spinner
Hi Everybody Does somebody know, how to prevent the spinner-widget from editing. Spinning should stay enabled, but it sould be impossible to click the textbox and enter an value. Is there a simple way to realize that? Best regards peppich01
Modifying row toggle code to work with specific cells only
Hi there, I found this code and have currently incorporated it into my site and although its working fine, I'd like to modify it but don't know how! I use it by constructing a html table that looks like: <table class=detail> <tr class=parent> <td>1</td> <td>2</td> <td>3</td> <tr class=child> <td>blah</td>blah<td>blah</td><td>blah</td> Now if I click on any part of the parent row the child row expands. However what I'd like it to do is to only expand if I click on cells 1 and 2. Any idea how I should
jQuery: Changing CSS when <li> is active
I'm using the jQuery Cycle plugin to page some images in a gallery, and I'd like to have the color from part of the page items to change when that item is active. HTML: <div style="background-color:#000000; height:480px; width:285px; float:left;"> <ul id="nav"> <li> <a class="red" href="#"> <span class="red">Sports</span><br> Get your sports here. </a> </li> <li> <a class="red" href="#"> <span class="red">Topics</span><br> Topics here. </a> </li> <li> <a class="red" href="#"> <span class="red">News</span><br>
jQueryUI draggable helper ok in IE, wrong position in Chrome, Safari
I am struggling in understanding why this JSFiddle I set up with Isotope http://jsfiddle.net/PpAdu/ (basically I set all elements as draggable) it is functioning right under IE while when dragging in Chrome or Safari the helper position retains the distance from the first element. I.e. if you drag whichever element in IE it will be ok, while in Webkit only the first top-left element is correctly dragged...the other show the helper at a distance equal to the distance from the first block. Can you
Sortable Connected Lists MySQL Update Problem
Hey everyone, to start off I'm very new to all of this and I've been attempting to teach myself coding for a couple weeks to design a web based app for a project at an internship. I've created a sortable list that exports the positions of each item to a database so upon refresh, they don't change. I ultimately want to have 2 lists that update a database and keep the positions of each item on the lists, but I haven't gotten there yet. I am currently having trouble with my connecting lists and I think
Comment Error in jquery.themepunsh.revolution.js
In Line 1885 of file jquery.themepunsh.revolution.js you will see a single SLASH!!! This Slash (Error) is responsable for upcoming errors in using JQuery according to JS-Compressors. These compressors are parsing the js-file and they won't read lines after 1885, perhaps the compressors can't handle single slashes!!! It seems to be an incomplete insertion.... PLEASE fix the ERROR and all JQuery-Users are very happy
Sortable list: How do I save my new list order to mySQL db?
So I can re-sort a list OK, but because I have only scratched the surface on jQuery/AJAX/mySQL - I could use some advice/help on storing my re-sorted list back to my db table. 1. I pull a list of elements from the database table initially. The table has a column for "listorder", numbered 0 - x" 2. using jQuery.ui sortable, I rearrange the list elements on the page now I want to store the new order of elements in the database via a SQL UPDATE statement. Is this the right method? If so, what jQuery
Parallax using jQuery in my web page
I need to ask question. I am sure it is easy once I figured it out or someone on here points me in the right direction. What I am trying to do is keep the header fixed and the parallax image at a default state is as it appears when you first view the page. But here is the kicker....I need the parallax image to move behind the header as you scroll down the page and then the default of the page needs to be with the image showing. I hope I have not confused anyone if you need to ask me a question
pass the value between two table
im develop a transaction function here. but im having trouble with jquery . as you can see below, there are two tables. which is the first one is for display the item and the second table is for purchasing. what i want to do is, the row for item in first table is clickable. as the row is click, the item that have been choose come out in the second table. and at the second table cell for discount can be editable and the total price is changing by the discount. is anyone can help me how to pass the
Main differences between jQuery 1.5.1 and 1.6
Hi everyone. I am on a tight schedule and need some assistance. I currently use jquery 1.5.1 and have had no issues until recently when IE10 was released. All of my custom built widgets work correctly in all browsers, except for a few in IE10. If I upgrade to v1.6 to test then my problems seem to go away, so my question is what are the major/main differences between v1.5.1 and 1.6 and how would it affect only IE10? I have looked at the changelog but I can't seem to figure it out as my js/jquery knowledge
parseJSON in 1.9.0 is different from earlier versions
I have a situation which I'm unsure is a bug or not. All this is done in Chrome Version 25.0.1364.29 beta-m, and results in other browsers or versions have not been tested. In the latest version (1.9.0) of jQuery the parseJSON function has been changed from the previous version (1.8.3). jquery.validate.unobtrusive.js (latest version (2.0.20710.0) included in the latest ASP.NET MVC package) utilizes this function, in some cases it makes a call that is basically broken down to this: $.parseJSON(undefined)
JQuery UI tabs notgetting selected
Hi, I'm trying to add a new tab dynamically to the JQuery-UI tab. The problem is that the newly created tab is not getting selected automatically. I want the newly added tab to be selected automatically. How to fix the problem? This is my code: $(document).ready(function(){ var tabs = $("#container-1").tabs(); $('#add_tab').click( function(){ var ul = tabs.find( "ul" ); $( "<li><a href='#newtab'>New Tab</a></li>" ).appendTo( ul ); $( "<div id='newtab'>Name
tap and bubbling/propagation
see this sample in android 2.x browser..its a sample to replicate a scenario in my application.. http://johnchacko.net/samples/tap.html its abt listening to 'tap' and calling changePage from listener... the second page is having some input fields, 'tap' event is bubbling/propagating to second page and focus is randomly set to input fields... I read similar issues and want to know anybody experienced same issue and got a workaround for it.... Or I must use only 'click' ?
listview - data-filter in a white box?
Hi there, I'm using jQuery mobile 1.2 in my project. I've got the following question: What can I do to remove the white box surrounding the data-filter element? It should show the background instead of the white box. This is how it looks like: And this is my code (snippet): <div data-role="content"> <ul data-role="listview" id="listAllItems" data-filter="true" data-filter-theme="c" data-divider-theme="a" data-inset="true"> <li data-role='list-divider' data-role='heading'>Bisherige
Order of operations
Hello: I'm having a problem with order of operations, and hoping someone here can help. The routine in question, deletes members from a group, and then displays the new group membership without deleted members. The routine uses two different files, because the select query used for displaying group members is called in other routines within the application. It only makes sense to use the same SELECT statement in the same file (easier maintenance). Following is the snippet of code in question: //========================
Input text events for Firefox on Android
I use an input text catching the "keyup" event : $("#myinput").on("keyup", function(event) { var val = $(event.currentTarget).val(); ... }); So I get a new typed value at every character typed, including backspace ou CR (that I can test by : if (event.keyCode == 13) ...) Eveything works fine on all browsers I tested ... except one : Aurora (Firefox) browser on Android (4.0) running on my tab (but Chrome works well). The only event that I may catch is "change" but the application behaviour is really
random white screen after page change with 1.3 beta
our app is moderately complicated using backbone, underscore, jquery mobile, iscroll and other plug ins. recently we moved to jqm 1.3 beta 1 in order to support panels. Since then we have had a lot of issues with transitions between pages not completing - the result being a white screen. It appears that the page has rendered correctly but that the display style on the page is set to none. disabling this in firebug or similar shows the correct contents of the page. We've reverted to 1.2 to attempt
how to create slide show using jquery
how to create slide show using jquery
jquery zabbix server reacheable through google search
Found this link : https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&ved=0CEoQFjAC&url=http%3A%2F%2Fcitadel.jquery.com%2Fzabbix%2Fevents.php%3Ftriggerid%3D13355%26sid%3Db3d02d73dac33375&ei=vuUIUanoFonm9AS3uICgCA&usg=AFQjCNEGUe4tOn9hNvJontJT4iZk3UOgGw&bvm=bv.41642243,d.eWU&cad=rjaA
Input type=search and numeric pad
Hi, i need to implement a search input where user type only digits (search items in a list that contain only numbers). If i write: <input type="search" id="searchBox" name="searchBox" /> it is rendered like a input text (it's a input with type=text) with a search icon and, when it's present data, a cancel button. But, in a mobile device, when user focus to search box must be appear native numeric keypad. It's possible to add a data property like data-search-type with values (freetext, text, url,
.wrap not working for select elements
I've been banging my head against the wall trying to get (what I thought should be simple) issue resolved. I have an HTML select element inside of a form which I need to wrap with two divs. When I attempt to call the .wrap function nothing occurs. I've tried a multitude of ways and searched Google but I can not seem to get this figured out. Below is a fiddle that has a few of the later ways I have attempted. http://jsfiddle.net/shx5s/
Expand a collapsible from the URL?
Is it possible to expand a collapsible from the URL? Like this: <div data-role="collapsible" data-collapsed="true" id="show_data"> </div> .../mysite#show_data
Ajax driven Tables in 1.3 beta
I'm enjoying playing with the 1.3 beta - nice work to the dev team :) I'm wondering if there are any plans to support ajax driven row content for tables? I tried a few quick experiments to add rows dynamically but I couldn't find any documentation for a 'create' or 'refresh' method to re-style rows after insert. Thx,
How do I show an 'openDialog' box to retrieve a path ???
Hi, When my user cIick the button, I need to show an 'openDialog' box to retrieve a path. Is there possible? How?
1.0a4.1 date picker mindate
I'm using jquery mobile datepicker 1.0a4.1. but I can't changed minDate in any page. I created two datepicker. I want when I selected a dete in first datepicker,the second datepicker's mindate should be this selected date. How can I do it?
Self submitting ajax form in dialog fail
Hello It seems that if there is a self submitting form in dialog with POST as method, there will be no post request when submitting the form. How to reproduce: - Create a dialog - Create a form inside the dialog, with method=post, and action to same page that form itself is (self-submitting). - Submit the form - You will notice that there will be NO post to the server, there will happen "pagebeforechange" etc. events, but no animations etc. visible change to user occur.
JQuery UI Dialog jumps on top of the page after drugging
Hi Guys, I have quite complecated implementation of JQuery UI dialog. It has the buttons inside. And it is working fine until the user drug it. If the user drug dialog somewhere, it is jumping on internal button click event. I am using jquery-1.9.0.js and jQuery UI - v1.10.0 - 2013-01-17 I've noticed that related bug was regestered, but it supose to be fixed.. http://trac.osgeo.org/mapbender/ticket/765 Thanks
Cycle 2.9998 not cycling on load, opts.slideCount displays "undefined"
Would definitely like to learn what's causing these issues and very grateful for any help. This code (below) was working perfectly until last week. See it here: http://www.darinsullivan.com/aiaSustainability.html HTML (call jQuery and Cycle plug-in in the head): <head> <meta charset="UTF-8"/> <meta name="author" content="Darin Sullivan"> <title>Darin Sullivan Design | AIA Sustainability ‣ Visual Communication Design</title> <link rel="shortcut icon" href="http://www.darinsullivan.com/sandbox/_images/dsd_favicon.png"
Safari 6.0.2 issue
I am trying to troubleshoot why a simple slide down div isn't working in Safari 6.0.2; Chrome, it works fine. jQuery(document).ready(function() { jQuery("#contact-btn").click(function() { if (jQuery("#contact").is(":hidden")) { jQuery("#contact").slideDown("slow"); } else { jQuery("#contact").slideUp("slow"); } }); }); The div is default display:none and slides down when the user clicks #contact-btn. It's on a wordpress installation running off the Bootstrap framework. All other jQuery works
How can I catch ajax start event in JqueryMobile ?
Hi all, I tried to catch ajax start event in a JQueryMobile app as below: $(document).live("ajaxStart", function () { alert('aa'); }); But it doesn't work ... Any ideas for me? Thanks,
Next Page