Problem with JQM adding CSS to dynamically generated elements
I'm having an issue with adding a select tag dynamically with the appendTo() but the CSS is not being applied. Here is an example of how I'm adding the new select tag: http://jsfiddle.net/UcrD8/4/ Can I add it to an element on the page using something like this method? Copy code .appendTo('#page_1 #select_option_groups.div[data-role="content"]');
Jquery Sparklines Issue
Hi EveryBody, I have created compositeline sparklines using the omnipoint sparklines using the "jquery.sparkline.js" HTML CODE: <p> Composite inline <span id="compositeline">0.02214812, 0.021514995, 0.021613538, 0.021633292, 0.02159154, 0.021407593, 0.021312919, 0.021529202, 0.02223151, 0.022958307, 0.024464095, 0.025910059, 0.027205906, 0.027245826, 0.027468156, 0.027750372, 0.028779007, 0.0293326, 0.030160552,
jQuery fader for two contents - but how ?
Hi, I want to fade two contents the same time on one page by clicking a teaser: e.g. click on #teaser2 the contents in #backstage2 and #content2 are fading in the same time. look at my html: <!-- backstage content is in a separate div --> <div id="backstage"> <div id="bigpicture1"> <img src="img1.jpg" width="800" height="600" /> </div> <div id="bigpicture2"> <img src="img2.jpg" width="800" height="600" /> </div> <div id="bigpicture3"> <img src="img3.jpg"
jquery image rotator..
Hello, I am new with Jquery. I am learning how to make jquery image rotator. I found many on through google search but i need to ask some more question to help me understand better. 1. I have different images with different resolution some images got 500x500 some got 600x400. Now one way is to change all the images resolution to same. But i need to find out a way if it is possible in coding using div structure to change the width and height of images. 2. If i am using array the i can array_shuffule
How to find the DOM id of selected node after page transition.
I have a series of links which navigate to their own separate page. However, I then decided that before I get to each of those pages, I wanted the user to navigate through a common page, and then continue/redirect onto the individual pages after doing 'stuff' inside the common page (pre-configuring variables shared between all subsequent pages) So initially I had this; <ul> <li> <a href="#option1" data-role="button">Option 1</a> </li> <li> <a href="#option2" data-role="button">Option 2</a> </li>
Collapsible DIVs rendering Blank
Hi, I want to render collapsible regions with dynamic regions. HTML : <div data-role="page" id="version" data-theme="b"> </div> On a button click, my server side code is invoked and data is fetched from server. With that data, I want to create collapsible content inside page id="version" Javascript looks like : function printResult(st){ $("#version").html(getHTML(st)); //calls getHTML } /*------------------------------------------------------------------------*/ function getHTML(raw)
Gallery plugin
Hi, I'm using a Jquery gallery where the previous and next pictures and smaller than the current picture and when you click next or previous they resize to become bigger and the current becomes smaller and moves on. I was wondering if it were possible to do this with flash instead of normal images? Ive embedded a flash file but it doesnt resize when it is current it stays small, is there a way around this? the gallery im using can be downloaded from: http://css-tricks.com/moving-boxes/ Thank you.
Tiny Carousel with movie
Helo, i use Tiny Carousel not only for showing pictures, I also show videos (www.broadcastmotion.com) The Problem is that I want to autoplay the carousel, but if someone hits the play button on a Spalsh Image, and the video starts, then I want the autoplay of the carousel to be interrupted. At the moment the autoplay of the carousel is interupted as long as someone holds the mouse over the video, but if someone puts the mouse away from the video the carousel starts to play and the video disappears…
jquery plugins
Almost all the plugins i want to use are old version of jquery either 1.3.x or 1.2.x and my web app use 1.4.2.Can i use those old versions?if yes how?also if yes can i include three versions in one page?Thank you in advance.
tablet
hi .. I want to start developing an application which runs on the desktop, web, mobile, tablet (androit, blackberries, ipad) simply by 1 time development. I plan to use jquerymobile. for desktop I use jquerymobile which is wrapped with adobe air. and blackberry mobile application method using blackberry WebWorks. and android jquerymobile WebView. there are some questions.. 1.current jquerymobile for tablet and desktop ready to use? 2.can jquery request by socket ? 3.any simple method to switch layout
add a readystate 2 and 3 to $.ajax
hello, i came accross a post on stackoverflow.com where someone was asking the exact same thing i was looking for. The conclusion was that you couldnt use $.ajax if you wanted to handle the readystate 2 so i made a patch for jQuery: http://stackoverflow.com/questions/3309185/jquery-ajax-overwrite-onreadystatechange-handler/5271480#5271480 the awnser form Paul Scheltema is it possible to include this in the core? i took a quick look at the latest stable (1.5.1) and i saw that you could do a similar
jquery inbox drop down
I am using jquery 1.4.2,and i am looking for facebook-like or like that of linkedin (on hover) inbox box dropdown plugin (see attached picture)Any body knows where to find them?.Another question is does the version matter(if the plugin is V 1.3.x)?Also if the plugin's server side technology is different ,would it work in my application?(because most of them works with php and i use jsp)
autocomplete : launch autocomplete from an oustide link or by a function call ?
Hi I have my autocomplete working great , thanks for that great module now in my use case I have suggestions return as we type (I desactivated selected option) but I have the keypress Enter event dealt seperatly because it can do other things but in some cases I still need to build suggestions so my question is how can I launch a build autocomplete programmaticaly I tried finding the method in the autocomplete and found receiveData but wasn't able to get to work any enlightning idea is more than
Orientation change
I am using alpha 3 with phonegap and am experiencing an issue when the device is rotated. I have several pages but have noticed that once the device is changed from portrait to landscape (or vice-versa) then the application is returned to my index.html page. I wondered if anyone else had experienced this issue. I have tried the demos on the JQM website and these behave correctly. Cheers for any help
Stuck using Masonry
Hi Guys, I am trying to implement the masonry plugin on my blog www.Iamvishal.com but I can't seem to get it working. Below is my code. Any clues as to what I am doing wrong ? [CODE] $(window).load(function () { $('#content').masonry({columnWidth: 185}); }); [/CODE] Cheers, vishal
[jQuery] [SVG] change position without animation
I need to change the position for a group as reaction for a mouse movement so i wrote this this.dragged.attr('transform').baseVal.getItem(0).setTranslate(x, y) but this does not integrate well with the animation this.dragged.animate({svgTransform:'translate('+(-x)+' '+(-y)+')'},delay)i do later. I know that the frist may be not the best way to go so any hint is apreciated!
submit event: more buttons?
Hi, if I have more submit buttons in the form, is it possible to choose defaut button for $(form).submit() event? thanks for advice, Tomas
Problem with my own slider function...
Hello, I am fairly new to jQuery and am loving it. I recently wrote this slider function which automatically detects margin-top CSS values, then offsets the desired div, then simultaneously slides and fades the div in using jQuery's animate() function. It seems to work well with only one div. However if I set it up to slide multiple divs, I am having an issue I cannot figure out. First, here's the example... http://www.aurorafxstudios.com/_new/index3.htm You will have to few the example in Safari
Datepicker "Done" button not showing up in Display Button Bar Panel
I'm using jQuery UI 1.8.10 and jQuery 1.4.4. I currently have my instance of Datepicker displaying the Button Bar panel that includes the "Today" button, but not the "Done" button. The code I've used to display the button bar is: showButtonPanel: true I thought by default the "Done" button would show when the showButtonPanel is set to "true." Is there something more that I should add? I'm using a Mac with OSX and both the latest versions of Firefox and Chrome. Thanks in advance.
Reference unordered list item as an array
I have an unordered list that I am using as a menu. This list contains sub lists. I found out how to get the index of the primary unordered list item that is being hovered but I am not getting the syntax correct to reference the individual items of this list to get the HTML, the position, height and length of this item. What would that statement look like? Thanks! $(" #nav li").hover(function(){ // Locate the index of the singular list item that is being hovered var index = $(this).parent().children('li').index(this);
Detect pinch zoom on an image
Hey guys Basically what i would like to do is reload or rather change the src of an image when is has been zoomed out at particular point? Does JQM support multi-touch events like pinch/zoom? If not, is there a way to achieve this using androids' native browser? I know that this is possible in safari mobile. Cheers
Dutch shop site nice idea, discuss: possible with HTML5+JQuery?
There is a shop called the HEMA. this is their website: http://producten.hema.nl/ Open the site, DO NOTHING and wait for a couple of seconds and enjoy the show. Is this possible using JQuery, CSS3 animations, and maybe some Gifs? The audio could be played using audio tags and the audio api in javascript.
jQuery + jQuery.Template: getting the result out as text
I posted originally on the Using Plugins forum but haven't had a response; since the template plugin is 'pseudo-core', I thought I'd try here instead. See the original topic for more background, but here are some targeted questions: How do I convert the result of $.tmpl() into a string representation of the HTML it represents? How do I handle templates which have multiple root elements with the above? How do I handle templates which include DOCTYPEs or other non-element content? How do I prevent
Apply markup enhancements after page is loaded
Hi: We have a list of items in the page that are enhanced after document.ready, as it should be :) But when user scrolls down, ajax loads 10 items more, but we would like these new items to have also the markup enhancements. We have tried calling $.mobile.initializePage();, but it does not work. How can we do it ? Thank you very much in advance
Return false does not prevent transition
I have a search form where I want the results to load dynamically without any page transitions. I am returning false when the submit handler is done but the page keeps transitioning, is there any way to prevent this? Also, some other dynamic content that is loaded from localstore is not being added to the page even the statement is executed.
[jQuery] Detecting Javascript error in IE and then displaying a more helpful message to the user
We're noticing that some users of Windows Vista are getting Javascript errors and are not able to use our site. Is it possible to use jQuery to detect when there's a Javascript error and then display our own customized alert statement to help them fix it?
How can jQuery be used to upload files asynchronously ?
Hi, Can you please tell me how can i call a web method asynchronously to upload a file in database ? In my web page i have to implement multiple attachments and all attachments should to uploaded asynchronously to database on click of a Button. Note that clicking button should not post the form to server, rather that should only upload the files .. How can i achieve this ? Thanks
How do I change a page in jQuery Mobile Dialog?
When I open a dialog (Page B) from Page A. there is a link in Page B that link to Page C. I want that when I click the link, Page B auto close and Page A change to Page C with some transition. But when I click the link just Page B close, whatever href I replaced to the link, that is the same result. I wonder if the dialog just have open and close events, that is really like ALERT. Because, JM have no "drop menu" or "pop menu", I want to use dialog replaced.
click event not binding on android
When I try to bind a click event to a list item using the following javascript: $('body').live('pagebeforecreate', function() { $('#session1').click(function() { $.ajax({ 'url' : '******' + $(location).attr('href').split('?')[1].split('=')[1], 'success' : function(data) { alert(JSON.stringify(data)); } }); }) });The event handler isn't bound until I refresh the page on an android device. It binds the first time the page
best strategy for developing browser/mobile web pages
Just looking for some real world experience. What is the best strategy for developing web pages that you want to be available both in the browser and on mobile? I am developing simple web applications using a web framework. What do people do? Do you just prepare one set of pages and hide particular parts if the target is a mobile device? Or do you develop a parellel set of pages: one for browser and one for mobile? Thanks for your answers as wall as pros and cons. William
How to move an element from one container to another with animation ?
My question explains everything, I have a div inside a parent div. I need to move it inside another div and on the UI show the animation of it moving. The only way I can think of is, select the element, copy the html(), copy the offset() position and remove element from original container. then add a copy of previously removed element to page/document set the position to the copied offset and animate() after animation is complete, remove it from the page and add it to the secondary container. Is
JQUERY/PHP search and display employee data
I wanted to do a search addressbook and display the results without refreshing the page. I am told that it can be made using jQuery. I have a fairly good understanding of php and my data is stored in mysql. Its woking should me some what: User enters an employee id. As he leaves the textbox, details of the employee are to be filled in the relevant text boxes. how to create a jQuery ajax request and how to receive and display the data into different form fields>
.Delay() Issue after ClearQueue();
I'm making an animation with jQuery, and the animation works great -- it loops and everything... When I click on an object, though, an animation is supposed to play and then return to the loop. Right now, to stop the current animation (which is done with a series of .delay().animate(); etc) I call a different function which starts by 'clearQueue();' and then runs the different animation. All is great to this point. Now, when I run the function again -- to have it start the original looping animation,
Using scrollview locally
Has anyone had any luck using scrollview locally (file:///)? I have it working on my webserver, but when I copy it down to use locally it breaks both chrome and safari.
Issue when switching pages
I am building my first site using jquery mobile, and am having some issues when switching pages. When I go from my first page to my second (which is longer than the screen) it loads to where the footer is on the bottom of the screen and I am able to scroll down past the footer, but not up to the top to see my header and back buttons, etc. I've tested it in chrome, dolphin browser for android, and on my ipod touch. Now, I'm only in the wire framing portion of the site, so the code may be a little
How to get group of Elements?
Hi, i have a list of elements like the following sample. Now i've want to group these elements by there nearest elements of same type. But the elements not grouped by parent element. <body> <!-- Need to build a group of these two teasers--> <div class="teaser"> <h2>Headline</h2> <p>Lorem ipsum dolor...</p> </div> <div class="teaser"> <h2>Headline</h2> <p>Lorem ipsum dolor...</p> </div> <!-- ignoring this one --> <div class="not-interesting-content"> ... </div> <!-- building another group
JQuery CSS Background-position FireFox / Opera Bug
I have used JQuery to change CSS styles for my Navigation Bar elements: var imagepos = (parseInt($(this).css('background-position-y'))-30)+'px'; $(this).css({ 'background-position-y': imagepos }); Ok so after a bit of research I discovered that " background-position-y " and " background-position-x " are not supported by the Mozilla Firefox / Opera browsers... Anyone know of an alternate method of getting the background-y / x positions? -------------------------------------------------------------------------------------------------------------------------------------------------------------------
Check radio button with jquery?
Hi there, I am totally new to jquery and did manage to design a form and check fields on values (with a little help;)). Now i also have 2 radio button options, and at least 1 need to be checked. So i would like to validate this too before the form will be sent. Here is my validation now, without the radio funtion: //ckeck if inputs aren't empty var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; var fields = $('#first_step input[type=text]'); var error = 0;
jQuery UI Button Icons
I am trying to add button icon images on my page buttons. <div style="font-size: .6em"> <button id="btnSave"> Save Address</button> <button id="btnLoad"> Load Address</button> <button id="btnWorkflow2"> Run Workflow</button> </div>That is how I have the buttons declared. This is how I'm trying to assign the icons. $("#btnSave, #btnLoad, #btnWorkflow2,#btnLoadAddressTypes").button({ icons: {
backwards incompatible releases
Hi guys, I know backwards incompatibility can not always be avoided, but where can we have a list of the changes that are backwards incompatible? I'm still wondering whether the use of "text json" rather than "json" in an ajax call is a change which does indeed require my attention, or whether we can wait for a fix there... It would be nice if there was a list of changes that are required due to a new release, or am I missing the location of these changes? I'm sorry if I sound disrespectful - not
Next Page