dialog at the bottom of page
I want to add a small panel to the right corner of my page , which can be maximized or minimized but cannot be closed.Attached is the image of what I need , is there any plugin to acheive this?
Flyout menu problem: seem to be target related
I'm fairly new to jQuery and and having problems getting a flyout menu to show "slowly: (400ms). I think the problem is the way I'm targeting the element, but I'm not sure. Here is the relevant page and the menu item is "Audition songs" in the "For cast and Crew" box/menu. The basic css seems to be working fine as the menu displays on hover. (If it matters, this is a custom page in a Wordpress site.) http://youthconnectionwilmette.org/seussical-info/ I put an alert in the document.ready function
test for background color
Below is a spinet of code that is suppose to change the background color if it is NOT red, but isn't working. Please comment! if( $("input#translate").css("background-color")!=rgb(255,0,0)){ $("input#translate").css("background-color","green"); }
change class attribute without ref to an element?
Is there to a way to change an attribute value of a class without an element reference? .someClass{ someAtributeValue} is there a way to change the attribute value of .someClass from: someAttributeValue to: thisAttributeValue with jquery? Im not sure I am asking this question properly. Please Comment.
jqueryUI Sortable tolerance:intersect bug - how do i fix it?
Is there a known workaround to make tolerance:intersect (default) behave as expected? Expected: element gets dragged over another element and overlaps the other element 50% or more, then sorting starts. thank you!
How to add a level into a superfish drop down menu
Hello could you tell me How to add a level into a superfish drop down menu? for this website http://judoclubkembs.fr thank you ALain
pinching on select menu button prevent me from expand in iOS 5.1.1 safari
After I pinch on select menu button, iOS safari go on to prevent me from expand by pinch on every page. After this issue began, I had to touch select menu button to open select menu, if so, I came back to be able to expand by pinch. I confirmed this isuue in this select menu button : http://jquerymobile.com/demos/1.2.0/docs/forms/selects/ Is there any means to avoid this issue? I don't want to touch select menu button, every time I pinch on select menu button. Thanks.
pinch on list make the background-color of the list become dark(only happen in Android 4.0.3 native browser)
When I pinch on list, the back ground-color of the list become dark. Only Android 4.0.3 native browser cause this strange issue. I confirmed this issue on "overview", "components", "API" list in : http://jquerymobile.com/demos/1.2.0/ Please teach me how not to change color when I pinch. Thanks.
$.getSJON() behaving differently in v1.9.0
Hi folks, I have a very simple script that is pulling data from a REST service and performing some knockout bindings with the results. All works fine with jQuery 1.8.3 However when I drop in v1.9.0, the callback function doesn't appear to be called when there is an empty dataset. $.getJSON(self.newURL, function(data) { if (data !== null && data.Employees.length > 0) { vm.Employees(data.Employees); vm.detailsClicked(true); vm.noEmployees(false);
Use jQuery after loading new data
I'm using infinite scroll, one that I wrote, to load new data on scroll. The data that loads is a list that I need to be able to recognize with a .hover event. --> $(".tagItem").hover(function () { ... } But the new data with the tagItem attribute are not recognized by the hover event. How can I have the new data be recognized by jQuery events??? This is my infinite scroll... it works just fine. After the new data is loaded, I am unable to use jQuery hover on it. function InfiniteScroll() {
How to implement Table sorting and Fixed Header in a table?
Hi, In our application requirement, we have to implement Sorting, Fixed Header and Fixed columns while Table scroll. Please suggest, if any plug-in's available in Jquery (or) Please provide some inputs how to implement in a Table. I have googled some examples, but I am not able to achieve my current requirement. If any examples available, please share it. Regards, Srinivas.
store xml node in sessionStorage
Hello, i read the data from xml document. I want to store the variable "area" into "javascript:sessionStorage...", to transfer the value to the next html site. But it doesn't work. I've heard that's important to serialize the xml data to string and unserialize the string to xml. I know json is the better format to read out and transfer data for jQuery Mobile, but I want to use the xml-format. Can someone help me to serialize the area node? Here is the javascript code: $("#page1").on('pageshow', function
jquery all the sudden won't work in my environment
Here is the situation. I know very little about jquery but I am using it for some little features in a program I didn't write but am maintaining. Our network team kindly updated my desktop with a newer java and they fixed some other things while they were on my box(they don't remember the exact list). The program ran from my development box before they worked on it now after fighting with it a bit I have it mostly working again. The only things that don't work are the jquery items like expanders
Problem with multidimensional response
/* I have an json query that returns: */ /* ?( [ { label: "Thomas", value: "Thomas", id: "34"}, { label: "Tiesto", value: "Tiesto", id: "12"}] ) */ /* I'm trying to get the response's "id" field value, but jquery always returns the label field value or an empty value. How do I to get this third? I want to get it and add it to a <span> who will have "id" field with the response's "id" value inside. */ $(function(){ //attach autocomplete $("#adicionaEventoAtracaoWarmup").autocomplete({ //define callback
Passing hash to $.fn.toggleClass
Similar to .attr and .prop $('body').toggleClass({ editable: true, allowThing: false })
Hover with "write less, do more"
Hello! I'm new to jQuery and i have something like this: $(document).ready(function() { $('#open').hover(function(){ $('#nav_ul').slideDown(300); },function(){ $('#nav_ul').hide(); }); });It all works fine but... The problem is that i have several #open and #nav_ul elements, and i don't want to write different CSS id's like "#open1" "#open2" etc. I'd like to do the thing with just one CSS id like on my code. Could anyone help me please? Regards
Replacing HTML content and images on button click
Hello, I have 3 main tables. One with a graphic, one with a text description for the image (header, paragraph, and links), and the third is a list of links. What I want to do is: Click a link, and without loading into an entirely new page, change the graphic and the corresponding text. there are 5 links each with its own graphic and text I need it to load. So far I've only managed to get the graphics to work by messing with an image replacement gallery script, changing the thumbnails to text links,
Pop under doesn't work in IE
Hey guys. I am a noob, but almost managed to get this work but it doesn't work in IE. Let me explain what I mean. I want to create a pop under that willl be triggered by clicking the video player. 1. I downloaded pop under js files 2. Created a test div (works both in FF and IE) 3. Inserted a video player in this div (Now works only in FF) Here's the link to my test page: http://www.richdadinvesting.com/test/pop/ How can I get this work in IE? Thanks.
Placeholder in
d ata-placeholder true | false - Can be set on option element of a non-native select <select id="s1" name="myname" data-placeholder="true"> <option selected placeholder="Username"></option > </select>Placeholder doesn't work :( How to make it work?
active class remains when clicked twice
Hi, I created a menu that sets a color when a button is clicked. The menu is constructed from an UL element. This is my jQuery code: $(document).ready(function () { $('a.highlight').each(function () { var text = $(this).text(); $(this).append('<span class="hover">'+text+'</span>'); var $span = $('> span.hover', this).css('opacity', 0); $(this).hover(function () { $span.stop().fadeTo(500,
Maintain scroll position after post back
Hi guys, I am working on a web project using Jquery mobile, and web forms. I am trying to maintain the scroll position after post back but it is not working on pages that have references to the jqm resources( js and css files). The page always returns to the top after post back. on regular web forms there is no problem. I have tried to set the scroll position using the maintainScrollPositionOnPostBack property of the page(did not work), and with a javascript function that uses window.ScrollTo(x,y)
iframe has horizontal scroll bar or not
hi, i have web page, in that one iframe is there , i loaded one external web page, i want to check weather the iframe has horizontal scroll bar or not need to check, can u please explain , how it will check using jquery.
jquery1.9.2and IE9
i have problem with jquery 1.9.2 and IE when i do sortable it works but not when i scroll !!! anyone have idea how to fix it? thank you so much :)
Jquery ui tab and cookies
Hi, i am using jquery cookie option to remember tab (and subtab) option after reloading of page and there is a problem in remembering subtabs if there are more then 15 (in my case). Then, after reload, cookie value is being 0. Can it be that cookie got over size limit? Shouldnt happen as only number of selected tab is remembered in cookie. I made example on jsFiddle to see problem: http://jsfiddle.net/DsJRx/4/
jQueryMobile: page change from horizontal to vertical
Hi, is it possible to tell a page which orientation it should have? I want to have a page on my device that sould be displayed "landscape" but the menu and every other page should be "portait". Thx everyone! Best Regards Chris
Web application - localstorage problem only on iphone
Hello, I am a french developer, and I have made a web application with html5, css3, jquery 1.8.3, jquerymobile 1.2.0 : I use theses functions to register and get infos from/to localstorage : function registerDataToLocalStorage(pmKey, pmValue) { removeDataFromLocalStorage(pmKey); localStorage.setItem(pmKey, JSON.stringify(pmValue)); } function removeDataFromLocalStorage(pmKey) { localStorage.removeItem(pmKey); } function getDataFromLocalStorage(pmKey) { return JSON.parse(localStorage.getItem(pmKey));
cycle2: How to change the side navigation button into next and previous thumbnail images?
Hi i am replacing the cycle plugin with the cycle2 plugin. But in the cycle 2 plugin there is only arrow buttons for the navigation. I need the next and previous thumbnail images instead of the buttons as like in the cycle plugin. I have tried with the carousal pager, but not able to get.. Any help? thanks in advance..
jquery ui dialog get gridview value
I have in asp.net a gridview with: <asp:gridview ...etc <columns> <HeaderTemplate>Questions</HeaderTemplate> <ItemTemplate> <asp:Label id="lblQuestion" runat="server" text='<%# Bind("Question") %>' ></asp:label> <asp:Label id="lblDefinition" runat="server" text='<%# Bind("Definition") %>' visible="false"></asp:label> <button id="opener">?</button> </ItemTemplate> </columns> </gridview> <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default
Load method
What is the best alternative for load method ij jquery ??
Accordion create event, ui missing panel?
I have an accordion which has the default first open panel on initialization. The create event is providing ui.header but not ui.panel (undefined). According to docs it should be there. The accordion functions fine otherwise. $('#campSessionEditorAccordionDiv').accordion({ heightStyle : 'content', animate : { easing : 'easeInExpo', duration : 500, down : { easing : 'easeOutBounce', duration: 500 } }, create: function( event, ui ) { console.log('create', ui.panel); // <- undefined console.log('create',
Google maps, Marker title, tap or hover
My google maps markers all have titles and I'm testing the "hover" functionality which on a desktop shows the title in a small info box. As JQM doesn't have a mouse to hover I've tried tapping the markers but nothing shows. Does JQM turn the tap event into a hover event or do I need to do that myself?
also Resizeable help.
Hi, I would like to know when was alsoResizable option offered in the Jquery UI ??? I have jquery 1.7 and jquery UI 1.8.2 I am trying to use alsoResizable but not able to do this. I think it's a later version that got this out. The code I have is this: http://jsfiddle.net/mFmc7/ but I notice the versions I have I tried them in that jsfiddle.com but it won't work. Unless I add UI 1.9.2 it then works perfectly. Do I have to use 1.9.2 and if so what version of jquery ? The problem for me is
apply class distinction to two flip buttons
It must be very simple, but I somehow can't progress with it. Pls help. I want to make the rightmost switcher slightly wider <select name="flip-1" id="flip-1" data-role="slider" > <option value="off">convex</option> <option value="on"> concave</option> </select> <select name="flip-2" id="flip-2" data-role="slider" class="bigga"> <option value="off">parallel</option> <option value="on"> perpendicular</option> </select>
How is the API documented in jQuery in order to provide intellisense?.
Hi, Have the below query. Please help me to understand. We have javadoc way of providing documentation for java class and methods. Similarly, What's the standard way of documenting javascript?. I added the following js file and in my html made reference to the script <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function() { $(selector). // It immediately shows me all the methods possible }); </script>
using jquery vertical scroll with asp.net datalist controll
hi.., I am having a datalist in which im using image button to bind the images dynamically from database based on category. this category will be changing for every 10sec. and i want to scroll the images upward i.e marquee. im using marquee to scroll up the images ,till here everything is working fine. but i want to use the jquery verticall scroll because there are draw backs with marquee. when im using the jquery verticall scroll,images donot scroll. if i take 4image buttons and to the same thing
jquery progress bar
I would like to set up the starting value 20. I changed the min value to 25. However, It still start with 0. How should i do for it?
A suggestion on using background images
With the problem I am having with specifying a background image in my CSS file, It would be a nice touch if Theme generation would allow the ability to specify a background image. I know that you can apply a color but not an image. Would really simplify things.
image protection
I've written my website with Jquery and everything's working fine. My problem is that my images are stolen regularly. I'm an artist and don't really mind that people are reposting my work, but not one of the thefts credit the original source, namely ME. Aside from watermarks, which I will add to the images, can anyone suggest useful mechanisms for image protection? I believe that Flickr uses a transparent overlay to prevent dragging and dropping. Is there a Jquery item that adds this option to an
Jquery Ajax post to a php script on the same page as the html
I am building an admin page for my wordpress theme and i thought of posting my form content to a php script that is on my html page.The php script is used to insert and help in editing my form.Here is the script. <?php echo date('H:i:s'); ?> <html><title>Ajax Example</title> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function() { $("#main").on ("click", "#login", function(event){
Need clarification the use of data-inset
URL: http://mobilehost.me/MP/ Version JQM 1.2.0 Hate to tap into your busy day for a simple question, however I have tried ti implement data-inset on several pages of my site I'm building as a learning experience. It works great and as explained in the doc, but, on one page it will not work, no matter what I do. I know it's me but I can't figure out what I did. I referenced several books I purchased,and looked at my working pages. My understanding on inst is if not specified, the default is true.
Next Page