First collapsible item in listview
Is is possible to create listview with only first collapsible element? For example: <ul data-role="listview" data-count-theme="c" data-inset="true"> <li> <div data-role="collapsible"> <h4>Heading</h4> <ul data-role="listview"> <li><a href="#">List item 1</a></li> <li><a href="#">List item 2</a></li> <li><a href="#">List item 3</a></li> </ul> </div> </li> <li><a href="#">Outbox <span class="ui-li-count">0</span></a></li> <li><a href="#">Drafts <span class="ui-li-count">4</span></a></li> <li><a href="#">Sent
Wrapper not displayed with IE
Hi I am using this jquery plugin http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/ on my webpage http://associationzyggy.free.fr/SurMaTableDeChevet/ (clic on the green button "demande de devis") I do not understand why my page is correct with firefox but bad with IE. In fact the wrapper is not displyed with IE Thanks
plugin to clone forms
Hi my first post :-) I am starting to use a number of JQuery plugins for a little project of mine. I am looking for a plugin to clone forms. In particular, my forms are nested and I need to let a user to be free to clone either the complete form or just a sublevel. (Say a form to introduce one tutor or more, for each tutor one or more students, for each student one or more assignments) I have seen and tried to use sheepIt, but it seems to be buggy, if you try to have more than two levels. Any advise
cleaner shorter code for if else
Hi all, I have this piece of code: var $arrowBackward = $("#arrowBackward"); var $arrowForward = $("#arrowForward"); if ( nextWorkChart==1 ) { $arrowBackward.fadeOut(300, 'linear'); } else { $arrowBackward.fadeIn(300, 'linear') }; if ( nextWorkChart==13 ) { $arrowForward.fadeOut(300, 'linear'); } else { $arrowForward.fadeIn(300, 'linear'); }; it is needed to fadeOut/In arrows if the user reaches (by several ways) the beginning or the end of a slider, so that reaching the first picture the backward
Jquery Newbie, Dynamic dropdown menu submission
Hello I'm very new to JQuery and I'm working on a script that is a form with a Chained or Dependent dropdown menu for Year, Make & Model selector that is MySQL/PHP - JQuery. I'm at the point were I can select all of the dropdowns but I'm stuck on how to send that data over to a php script (handleIndex.php) I would like to get the values that are selected and use some type of $_GET statement to redirect to the new URL with the selected values appended like ( handleIndex.php?year=year&make=make&model=model
Jquery UI Accordion does not work when created dynamically with web database
This accordion works fine when it's on the page by itself, but when I dynamically populate the individual title/content pairs via a web database, the title and content are both visible fo rall entries instead of just the title, so the accordion function ceases to work. Is there a problem with the way I implemented it, or do they simply quit working when innerHTML is involved? The rest of the database (inserting dictionary term and definition in 2 different fields) is functioning flawlessly without
Multiple instances
I've been programming for many years but still a little new to javascript and jquery. I have a gallery plugin that I would like two instances of on the same page. I understand the concept of creating a "new" instance of an object, but what I have is a little different. I'll scale down the code, but if more is needed then I will provide. Thanks class: ;(function($) { var allImages = {}; var imageCounter = 0; // Galleriffic static class $.galleriffic = { version: '2.0.1', normalizeHash: function(hash)
let tablesorter know table was updated
I have tablesorter installed and working just fine. Now I want to have the table in question to be dynamically updated, with the script below, which also is working fine. As it happens, once the table is updated tablesorter no longer works correctly. The question is, how can I tell tablesorter from within my script that the table was updated so that it will sort the new result set? I have looked and the post below and updated my function accordingly, as well as the tablesorter script itself as indicated,
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/
Swipe event doesn't fire since last chrome update.
I use the swipe event on my pages, it worked fine in chrome but since the last update in chrome it doesn't fire the swipe event anymore version (25... something) I'm running windows7 64bit and version 1.3 of jquery mobile With an older version of chrome (23.. something) and firefox it still works
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');
problem with too many scripts
Hi this is my first post on this forum and I need help. I use on my website scripts, and I have a problem with two scrips - is conflict between this scripts. Ok this is my scripts: <!-- scripts --> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> <script type="text/javascript" src="js/modernizr.min.js"></script> <script src="js/jquery-lang.js" charset="utf-8" type="text/javascript"></script>
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
How to set the Image Slide Show using jQuery?
Hi, This is Tamilmani Mohan , i am new member for this jquery forum. My Issue:- I got one of the jquery plugin for Image Slide Show. it will works fine. But my issue is , i have one ajax form , after the form submission , i am called ajax function. Once ajax function is succeed. I need to show the Image with Slide effect. But now i am not able to do that. Could you please any one help in this issue? Thanks Tamilmani Mohan
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
Next Page