Getting XML into a jQueryUI dialog
I have an issue with web app. I need to be able to display xml in a popup dialog if selected. The jQueryUI dialog function appears to work fine up to a point. When I push the data, the only thing that is displayed is the content information of the xml. All of the tags, attribute, etc., information is missing. I need to be able to show the whole thing and 'pretty printed'. I haven't seen anything that allows me to specify the format of the xml. I would truly appreciate any help with this. Thank
footer jumps up after hidding div
Hello, I have a div close to the bottom of the page, and I toggle visibility with a button. I tried the slow and fast options, and the animation works well for the div, but the footer of the page, jumps up and down abruptly... is there a way to manage how the footer "re-accommodates" after the new space being available? Thanks!
Ajax PUT json body missing
Using the following ajax request the server does not get any json body content in the request. I have testing the server with cURL and POSTMan chrom plugin and all is working. var xhr = $.ajax({ type: "PUT", url: url, contentType: 'application/json', data:'{"key": "val"}', dataType: 'json', timeout: 12000, // 12 seconds because server is so slow headers: { Accept: "application/json" } }).done(function( response, status, jqXHR ) { console.log('Update successful',
How do I get an elements height after $.get ... ?
Hi there, I'm doing my first script with jquery and can't figure out how I can get an element's height after I loaded content to it using $.get(). The alert you see in the code below shows 0, even when I loaded HTML content to the respective element before. Any ideas? Thank you very much! function showDetailbox(e,clicked,scrollto) { var opened; if($(clicked).parent().hasClass('current')) opened = true; if(e) e.preventDefault(); if(scrollto) $('html, body').animate({ scrollTop: $(clicked).offset().top
Pass data to dialog
I have two pages, A and B. I have added a button to page A that opens page B as a dialog using the following code: .mobile.changePage("B.html", {role: "dialog"}); How can I pass data to page B and get data from it? Note: the pages ARE NOT contained in a multipage document. There are separate HTML files.
Accessing a variable set in jquery.ready (from outside the jquery block)
I am trying to access a variable that needs to be set inside the ready code. The variable doesn't get set as I expect - I'm never able to see the value 5 for testVar. What am I doing wrong? <script type="text/javascript"> testVar = 1; // Decalred globally $(document).ready(function() { testVar = 5; }); alert("Value: " + testVar); // Always returns 1 not 5 - why? </script>
Class: hidden - Problem
Hello, So, here I am, Just a rookie when it comes to jQuery. I'm learning by reading books. I am currently working with the "hidden" class. I have a title (h3) and 3 buttons. I wrote some jQuery-code to make the buttons dissapear when there is no button clicked and leave the title(h3) where it is. But the opposite happens. As soon as I load the script in my browser (doesn't matter which one), my title dissapears and the buttons stay where they are. Am I doing something wrong? I'll paste the code
Draggable element - How to save the position?
Hi, I'm new here :). I've found it: http://docs.jquery.com/UI/Draggable And I've a question: How I can save the position of an div (with the draggable plugin) to a my MySQL Database? {Sorry for my bad english :-\...} Thanks to all!! Mirko
jquery.effects.core.js, jquery.effects.blind.js and jquery.datepick.js are conflicting
I am using Keith's superbly easy to use Date Picker but if I add the files jquery.effects.core.js and jquery.effects.blind.js to my web page then the data picker stops working. I am not able to sort out this problem any idea as to what must be conflicting here?
JQM 1.3.0: Table widget and Fixed header / footer
A simple page with a fixed header and footer and a longish table needing scrolling. Header & footer stay in place until you click anywhere in the table. From that point on, headers & footers behave as non fixed. Is this a wrong markup on my side, a bug in JQM or by design ? I have made a fiddle to illustrate what I mean : http://jsfiddle.net/wrVWQ/
How to see xml tags in jquery alert
hi all, i am currently working with jquery..I want to show the xml contents in the alert using jquery. i am using the following code. but while executing it the output is shown as an object .i want to see the xml structure.can any one help me plz. function test() { var xmlDocument = $.parseXML("<Collection/>"); var FacetCategories = xmlDocument.createElement('FacetCategories'); var FacetCategory = xmlDocument.createElement('FacetCategory'); var FacetCategoryAttr = document.createAttribute('Name');
first
HTML5 is useful for phonegap??
Jquery touch swipe slider for mobile
I created a slider with jquery touch swipe..my images are 827*1169 so i want to show 2 images in landsacpe and one image in portrait mode for all mobile devices How can that be achieved? Thanks <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- META --> <meta charset = "utf-8"> <link rel="stylesheet" type="text/css" href="style.css" /> <script type = 'text/javascript'
effect for tab
Hi Dear I used UI for tab like this <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <script> $(function() { $( "#tabs" ).tabs(); }); <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1" class="toggle"> <p>test1</p> </div> <div id="tabs-2" class="toggle"> <p>test2</p> </div> <div id="tabs-3"
how do i open a different lightbox for each item on a page?
hello. on my contacts page i have lots of contacts each with there own map img. at the moment not matter which map i click it opens the same lightbox. how do i tell it to open the correct lightbox? <div id="location"> <a href='#' class='basic' id='1'><img src="http://www.rickyspires.co.uk/wp-content/uploads/2013/03/google-map-icon-small.png" width="20" height="20"/> <div id="lightbox" class='1'> <div class='close'><a href="#">Close</a></div> <h1>location 1</h1> </div></div> <div id="location"> <a
selectors
Hi Can anybody help me grab some data from the below snippet, i need to get hold of the data inside the content:encoded tag. My code which has worked so far to get the rest of the data is something like this: '<h1>' + $entry.find('place').text() + '</h1>'; but for this example the ![CDATA[ is getting me! If i try '<h1>' + $entry.find('content:encoded').text() + '</h1>'; it returns nothing! What is the <!CDATA and how to i get past this? <content:encoded> <![CDATA[ Burghfield and Goring Veterinary
Loss of formatting in chrome when expanding browser
I am trying to develop some expandable mobile jquery so that it will re-size and move the divs around to fit available screen space - allowing the design to work for mobile as well as tablet and even desktop as required. The design concept works (not included in below example) and I used some example jquery mobile controls and and jquery mobile default css. My problem is that (at least on chrome) The formatting only works on very small browser size, expand beyond a certain size and it starts looked
Tabs
I have Tabs <div id="tabs"> <ul> <li><a href="#tabs-1">Tab1</a></li> <li><a href="#tabs-2">Tab2</a></li> <li><a href="#tabs-3">Tab3</a></li> </ul> <div id="tabs-1">1</div> <div id="tabs-2">2</div> <div id="tabs-3">3</div> </div> its working fine. Now i need to add one more div like <div id="tabs-1">4</div> next to div tab-3 with same id of tab1 <div id="tabs"> <ul> <li><a href="#tabs-1">Tab1</a></li> <li><a href="#tabs-2">Tab2</a></li> <li><a href="#tabs-3">Tab3</a></li>
Context Menu-Reg
Hi, How to implement Context menu as i like, because i found so many plugin all the menu showing same content for all, but i want like below CCA CCA2007 if right click : 1."Add CA" 2."Add Trust CA" CA if right Click : 1."Add Sub CA" 2."Edit Sub CA" Please help me to implement the above using context menu Thanks in advance Regards G.Lenin
jQuery SVG - Cannot apply multiple Transform attributes one by one
I am trying to apply transform attribute to an object like this: var svg = $('#svgphone').svg('get'); var cx = eval($('#img', svg.root()).attr('width'))/2; var cy = eval($('#img', svg.root()).attr('height'))/2; r = 45; var rr = r + ", " + cx + ", " + cy; $('#img', svg.root()).attr('transform', 'rotate(' + rr + ')'); Now if I apply another attribute for scaling like this: var svg = $('#svgphone').svg('get'); myScale = 101; $('#img', svg.root()).attr('transform', 'scale(' + myScale + ')') ; The previously
Helping for Context Menu-Reg
Hi, How to implement Context menu as i like, because i found so many plugin all the menu showing same content for all, but i want like below CCA CCA2007 if right click : 1."Add CA" 2."Add Trust CA" CA if right Click : 1."Add Sub CA" 2."Edit Sub CA" Please help me to implement the above using context menu Thanks in advance Regards G.Lenin
Columns Not Lining Up
In my table the header portion is not resizing at all when the table body resizes. However, if I put an extra column in the header the header will resize with the body but then I get a js error undefied is null or not an object line 669 and the verticle scroll does not get involked and the table displays all rows verticaly.
Selecting a jquery tab from javascript based on the url parameter
I am using struts jquery plugin in my application. I have a jsp page which is rendering the tabs <sj:tabbedpanel cssClass="customtabbedpanel" id="tasks" > <sj:tab cssClass="customtab" id="list_tasks" href="task_list" label="Task List" /> <sj:tab cssClass="customtab" id="task_create" href="new_task?type=task_create" label="Create Task "/> </sj:tabbedpanel> By default the first tab will be selected and the data returned by the server in the task_list call will
Datepicker - Format User Entered Date
I am trying to format the date if the user manually types in the date instead of using the datepicker calendar to enter a date value. Is there a way this can be done with the .datepicker associated with the textbox? TIA!
Accordion navigation
This problem describe in other posts - but all they stay without any answers and commentary form developers. Question to jQueryUI developers: 1. Why You remove useful feature "navigation" from accordion ? It was really useful thing but now impossible to use it AND I can't see nothing to replace this function - no API for do it manually. Really, why ? 2. What solution for now for repeate "navigation" functional ? In theory we can find <A> tag: var current = $accordion.find("a").filter(navigationFilter).eq(0);
Execute function if two statements are true (jsFiddle & gist link provided).
Hi all. I've just created my account @ jQuery.com, so a quick "Hello world" to you! The problem: I need to execute a function, if 2 events are true. Or false. Depends on how you write the code, I guess :) Basiclly... I'm just lost! I've been trying for hours to get an animation to only execute when 2 statements is true. I have tried simple solutions and really far out attempts. This is would seems most logical for me. I have commented 100% of the code out so if you have any questions about any of
jQuery routines not working on php dynamically constructed table
Hello I've got a php dynamically constructed table in one file: ol_list_ActivityPrivileges.php In my main file - the table is pulled in through the following script: $.getJSON("ol_list_ActivityPrivileges.php", function(data) { $('#address_Book').html(data); }); The table comes through perfectly, and forms the html just as I figured it would. The problem is when I try to run jQuery listeners on the html elements (such as click event on a button), the jQuery doesn't fire. Why is this and
JQuery error : Not implemented
Hi, I've got this error when calling my fancybox frame in IE 8. It works perfectly fine in firefox , chrome and even in IE 8 before it was published. Can anyone knows how to crack this one? Thanks in advance for the help.
allowing/ not allowing animation.
I am soooo confused, and cannot figure out the last most important part of this script. I've taken over somebody else's code and I'm new to Jquery. On the page is a set of navigation and a set of images. When the user rolls over an item, the images animate expand/contract. Then, if they click on an item, a second animation moves the pictures and adds a php file to include in the page. The problem is that the first rollover animation function still runs when the user mouses over images or text. I
plugin for selecting files
Anyone know of a good plugin that I can use for a dialog box for navigating and selecting files (just like when you select "Open File ..." for example)?
How to use an array with the selector "contains"?
I want to use an array with the selector contains, for example i have this jquery: $(".element:contains('word1'),.element:contains('word2'),.element:contains('word3')").each(function(){ $(this).css("display","none"); });And i want to simplify using an array: var x = ["word1","word2","word3"]; $(".element:contains(x)").each(function(){ $(this).css("display","none"); });How can I do something like that? Thanks in advance. :)
AutoComplete Problem - Styling of ui-autocomplete-loading Not Working
I've taken the autocomplete demo, and I'm trying to set some feedback by styling the ui-autocomplete-loading class. I set the background to an image, but that image never shows when the search is running. I've confirmed the image is accessible, and if I step through the autocomplete code for the "search" event, it sets the style as it should, and in fact by stepping through the code, the image shows on the page. But if I just let it run straight out without debugging the code, the image never shows
Selecting one element to change another
Hi, first post here! Let's say I want to select one element with an id of #myelement and a class of .active and then apply css changes to another element, say #thatelement So psuedocode mixed with real code I'm thinking something along the lines of : if ( $('#myelement.active') ) then $('#thatelement').css('background-color','green') Sorry if I made mistakes in that code, still trying to grasp javascript/jquery. Any idea how to say if the first element is true then make the css changes to the other
ajax call into dialog box with unique ID
hi guys,... can anyone help please,... I have a comments page with a link to report/spam that I want to call into dialog box with ajax,... how can I do this,..? thanks in advance,... here is my code: <script> $(function() { $('#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>').dialog({ autoOpen: false, width: 500, modal: true, title: 'Report Photo Comment', open: function () { $.ajax(function(){ url: "<?php echo $html->url("/report/photo_comment/"
href issue - it is appending the entire url to it in IE
Hi All, I am having issue with one of the "href" link in the home page which is written in Struts (JSP), but we are starting it in jQuery. we made wrote functions and load the home page, we have hardcoded the sub packages like this window.location.href = /sub1/sub2/template#HomePage In IE, what is happening is that it is appending the entire url to "href" link on the home page, like this href="http://localhost:8080/sub1/sub2/template/helpPage" but in Firefox and Chrome, it is coming like this, which
Social Stream plugin issue
Can anybody spot anything that might be a syntax error here, in the Social stream plugin: It's not showing in IE8 and I'm pretty sure it's a syntax error of some sort. The live page is here: http://www.findlayinternet.com/code/clients-live/HancockParks-social-stream.htm Thanks for any suggestions, commas at the ends of lines sort of gets me, I've tried several options. <script type="text/javascript"> jQuery(document).ready(function($){ $('#social-stream').dcSocialStream({ feeds: { facebook: { id:
Phonegap submit external browser
I'm having a problem with phonegap (2.5.0 version) to open a form submit on the external web browser on Android and iPhone. I want to submit a form like this: <html> <body> <form method="POST" target="_blank" action="https://externalDomain.com"> <input type="text" name="username"/> <input type="text" name="password/> <input type="submit" value="accept"/> </form> </body> </html> So the execution of this script happens in a file stored on the device lets say "index.html", and I want the submit to open
font/icon size for Nexus7
Hi I'm new to jquery-mobile and been using jquery-mobile via phonegap on a Nexus7 and the size of the text and icons are very small and would be considered unreadable for persons with poor eyesight. It's clear that a component such as a button is aware of the device dimensions and changes accordingly, but this capability dues not appear to apply to text/icons that reside on a button. If I go to Settings on Nexu7 I can set the font size to small, normal, large etc but changing thi setting makes no
Datepicker not appearing only when a page is called within another page
Bit of an odd one here that I can't understand. I utilize DatePicker from the latest jquery on several ASP pages. I am streamlining our site to have less direct page submissions which means the content is being called to a div by AJAX now. If I open the pages directly datepicker is present and working, if I load the page into a div with AJAX Datepicker doesn't appear. Thoughts? I can include any code desired. Here are the basics: <!-- Setup Datepicker: this is included in my script.js and
Help with Accordion -- Style Sheet Functions
Hello...Just download and integrated Accordion and it's working great. However, I'm having trouble with some basic customization (obviously I'm not a programmer!). Two things: I'm trying to re-size the accordion without doing any coding, so I just selected everything in the design window of my HTML editor and did a right indent of 10 pts. This worked great for what I needed. Except, it did not indent the drop-down menu box -- text in box was indented, but not the box graphic. How do I bring
Next Page