Testing jquery application & calling page by id?
Hi all, Please help regarding the testing of the application of jquery mobile i am trying to port my application to iphone as of now i have no device access i am testing the application using safari by setting user agent.is there is any other way to test the application like emulator in case of nokia platforms.my framework is groovy and grails using jquery to change the luk and feel when i am using <div data-role="page" id="pageid"> when i am calling the same id from some other page it is not working
HI - New to JQuery, need a little help
I am actually quite new to all this web development, but getting there. JQuery is something new i have been looking at, looks good so far, but i have an issue with the datepicker i need to retrive the value placed in the text box so that i can save it to a Mysql database I am using dreamweaver and have added Jquery datepicker as an extension so i add it to a form, and it works fine, i can pick a date that gets added to the text box, the following code has been added <input type="text" size="30"
flickering in serveral browsers (ie, ff, chrome, opera, safari) if use .animate(left: -position)
Hey, I've done something like this $(".image_roll").animate({ left: -new_position }, 800 ); If I run it the sliding image is flickering in IE, someone knows a fix? PS: This error is in ie6, 7 ,8 (in ie9 it works fine....) Kind Regards
mobile CSS theme with Comments?
Hi, does anyone have a copy of the jquery.mobile-1.0a3.min.css file with comments against all elements of a single theme? I know it sounds lazy but I've spent the best part of a day trying to figure out how to change the visited colour state of a nested list & still haven't solved the problem! (I need to change from the default gradient blue in the c theme, to something other than). Would imagine it only requires one of the 4 default themes to be more clearly defined.. Thanks.
Getting div content WITH control values
Hi. I have a div on a page: <div id="content"> <table> <tr> <td> <inputid="TextBoxStopRoadName01" type="text" /> </td> </tr> </table> </div> Now if I type something in that textbox, and then get all the div code: var wholeDiv= $('#content').html(); the text I just typed in the input field, is missing. Actually all changes to this div is ignored, only the initial div state is returned. How can i do this? Thanks alot! Kind regards, Lars
A script fail after adding the jquery ui tabs in the site
Hi, I had just use the jquery-ui tabs to change the interface of the site, but after i apply it, i found the ajax function which works before had became fail. I would like to know will there be any way to fix the problem. The script of ajax is below: $(document).ready(function() { $('#usernameLoading').hide(); $('#username').blur(function(){ $('#usernameLoading').show(); $.post("lib/check_username.php", { username: $('#username').val() }, function(response){
Navigation stops working after "error loading page"
Hi Forum, i built a navigation skeleton(simple list view) for a new app with jqm. Of course some links still point to nowhere. Now when i tap on such a link and get the expected 404 the jqm standard box("error loading page") pops up and then the hole application navigation is down completely. Clicking navigation items just changes the address bar of the browser but not the document body content. I checked that with chrome and firefox. How can i work arround that problem? Cheers Stefan
Multiple Dropdown <Select> & XML instance
Hi All, I'm currently trying to Pull data over from an XML feed, and display it Via ajax, Which is working and is fine, Apart from now, I'm trying to display the pulled data into dropdown boxes, which is fine, But I'm trying to make the second dropdown box only activate and display the relevant information when the top level Dropdown box has been selected, For example The XML Feed is as followed, <Course id="123"> <Name>Course1</Name> <instance> <location>London</location> <date>11/11/2011</date>
Hide jquery tabs when login
Hi, I would like to ask if there are any method to hide a tab when user login and show some other new tabs?
ie7 issue
hi there, i'm doing an animation on a navigation, works great in all browsers, only in ie7 when i click the second time on a link the all "#sx" div moves up of about 20/30 px! I really cant figure out what's happening, i've checked the code in jsfiddle and it's all ok!! if you like you can take a look to the code here: http://jsfiddle.net/mkkqm/2/ Thanks in advice Apprentice
I need help with this slideshow
Hello, I ma new to jQuery. Really don't know anything about it. I am trying to install a banner/slideshow into a site I've been working on. here is the link, http://vertigo.zxq.net/erin/ The problem is that before the new image is loaded into the slideshow it shows for a quick second in the background, and while doing so, disrupts the whole website, any possible solution/suggestion? raelly need to get it going.. HELP!!!
Need complete documentation
Have just discovered jquery mobile. Have gone thru mobile site and can't find a single compilation of paramters and options. Looking for some guidance here. thanks.
Spell Cheker
Hi I am using a jquery spell cecker of spellayt in my asp.net application. It is a very good spell checker working fine in multiple browsers, but in IE it started to hang after user write three to four lines in it. you can check this behaviour on their site as well. Another issue with this spell checker is that it suggest different spellings on IE and Firefox. I also attached snapshots for your assistance. Please let me know why is that and also propose some good and free spell checker which should
jQuery modal dialog form
hello all (first time poster here...). I have a problem with a form in a modal dialog that I'm hoping somebody can help me with. I see several different permutations of such scenarios in other posts here, but I haven't been able to find one which matches what I'm trying to do... Here's the setup (containing a bunch of my assumptions which I believe to be correct, but please point out if I have anything wrong here!): 1. I have a form contained in a modal dialog 2. I need to use the form's post method
DatePicker in MVC
Hi, I had just put in a jquery datepicker, but i got no idea how to get the selected date and store it in database. Here is my view: <%--Try Jquery UI here--%> <script type="text/javascript" src="../../../JQuery/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="../../../JQuery/js/jquery-ui-1.8.11.custom.min.js"></script> <script type="text/javascript"> $('#date').datepicker(); </script> <%--End Jquery Ui here--%> <p> <%: Html.LabelFor(model
Allow one click per execution. NOT .one()
I have looked at the .one() documentation and it seems that it allows one execution per page load. I have a basic image scroller and, at each end, a button to click to scroll the images. It works perfectly EXCEPT, if you click more than once at a time, it will scroll additional distances for each time it was clicked and it can be made to scroll way past the end of the images. I need it to either slow and stop at the end regardless, or only accept one click until it finishes execution of the scroll,
custom the alert box
I have the , how can I let the alert box become wider, and the text message become big <script type="text/javascript"> $(document).ready(function() { alert('Please dosomethin before.'); }); </script> Thank you!
crypto-js
http://code.google.com/p/crypto-js/ Anyone used this lib successfully?
JQUERY - MODAL FORM - LOGIN AUTHENTICATION
Dear All Can some one please help , what i want to do is when some one enter Name , Email , Password and Hit Button " Create an Account " . It should go to mysql database and check if Name , Email , Password is present . If it is present then it should allow the person , if not then it should give a error invalid NAME OR Password http://jqueryui.com/demos/dialog/#modal-form Please help
Internet Explorer mega-menus issue
I coded a set of mega-menus for a WordPress site I am working on, and it works beautifully in Chrome and Firefox, but I am having the worst time in Internet Explorer. Granted, there may be some CSS issues I need to brush up on for IE that are contributing, but I was wondering if you pros could make glance at my script for Internet Explorer bugs. site url: http://upmi.org/site (The mega-menu is at the top (home/learn/etc) Here is my jQuery work if its useful. // JavaScript Document $j=jQuery.noConflict();
Hey there, I am starting to learn jQUERY and I have a problem with conflict
I want to build a page with 2 jQUERY, one for a dropdown menu and other for image gallery, but what happens my dropdown menu freezes... it only start working when I remove the image gallery... What should I do, I need to have 2 jQUERY on the same page, look at the mess I am doing: please don't laugh I am just starting to learn ok? http://pablobianc.dominiotemporario.com/aprimeirophptestes/demo/inicio.php
make parent li stays same bg color when cursor moves to its siblings
I am trying to achieve this via jQuery by adding a class as I don't think it's possible to do with CSS. Been struggling for two days still can't get the code calls the right class. http://jsbin.com/acori/13 The menu is generated by the CMS system so there is restriction to adding new class directly to a specific menu item. It's a 3 level menu but the flyout starts from second level (2nd level menu 3). By default, the 1st level menu has a "top-level" class for anchor tag while 2nd and 3rd level don't
"Hooking" inserted HTML in a jquery command
Morning! I'm pretty new to JQuery/JS, but thanks to all the excellent documentation coding hasn't been a problem so far. However, I've become a bit stuck and need some help. Some background: I'm writing an iPhone web app that connects to a C# web server. When the user selects a particular button: - a post is made to the web server - the web server sends back html buttons. - the web app places the buttons in a #result <div> (using ("#result").html( content_received ); ) The above works really well.
Help with simple button image rollover
Hello, would like to have a button on rollover have a div appear with partial overlap of the button. However, when the popup div appears it blinks when you're over it. Please see here: http://noisescape.com/test/test.html Many thanks in advance! F
moving dialog titlebar to bottom
Hello, I use UI dialog as a modal popover and only need close button, not title bar. Since I couldn't do that I removed the background and border for titlebar in css. However that leaves a blank space at top of dialog that doesn't look good, so I prefer to move title bar to bottom left of dialog (instead of top right). I tried to use "position: absolute" which moves the title bar to bottom but disables the close button functionality. I appreciate your help on this. my css is: .ui-widget-header {
Can I bind a function to the onscroll event of the parent window, from an <iframe>?
I have a page that does not load jQuery. An <iframe> included on that page does load jQuery. Using jQuery, is it possible to bind a function to an event of the window object of the parent page, even though it doesn't load jQuery? Accessing the parent window doesn't seem to be a problem; this works (at least in Firefox 4): console.log($(parent)); // displays "jQuery(Window index.html)" in the console To give some context, I'm developing the document to be loaded within the <iframe>, but I don't control
Where does jqXHR store decoded JSON?
I have a lot of code where I use $.post() to retrieve JSON data. I'm experimenting with Deferred objects, and can't figure out where done() gets the arguments that it passes to functions. If I do something like this: var jqxhr = $.post('return_json.php'); jqxhr.done( function(data){ echo data.return_val } ) ...it works. jQuery decodes the JSON and passes the object to the anonymous function. But when I look at jqxhr's properties, I don't see the object. All I see is the responseText value, which
Can I control the nested lists subpageidentifier values?
I have a site of nested pages, the leaves are articles dynamically inserted, but with unique articleIDs associated with them. I want to allow users to bookmark these pages and jump back to the correct article. It looks like subpageidentifier values are a combination of the "page" name and a offset. If the list of articles changes, the offset would lead to different articles. Ideally I could edit subpageidentifier to include the article id, and use this value to jump back to the correct article on
buggy gallery in opera an safari
I have a gallery which loads in and animates content based on different navigation selections. there is also a background image which changes on click. I've just found that on opera and safari, the appropriate images aren't always loaded. When you click the navigation, it loads a set of subnavigation(via load() method), which then links to specific images. My issue, is that sometimes, the navigational items, when clicked, load in the appropriate content from the previous set of navigational
highlight table row and cell borders when hover
Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell? I have seen lots of background examples but haven't seen anything with borders. I tried delegate but that doesn't work. $(document).ready(function() { $("table tr").delegate('td','mouseover mouseleave', function(e) { if (e.type == 'mouseover') { $(this).toggleClass("topleftrightborder"); } else { $(this).removeClass("topleftrightborder");
Dialog Button submit .load() form
Hey, how can i manage it, that a Dialog Button submits a form, that is loaded via the .load() function? here is the code: I tested $("#bearbeiten").submit(); (bearbeiten = form id) function contentloaderBea(dataid) { $("#somedivs").load("Mieter.php?s=mbearbeiten&mieterid="+dataid+"").dialog({ modal:true, autoOpen: false, title: 'Mieter Bearbeiten', position: 'center', width:'350', height:'600', buttons: { "Speichern":
jQuery: swap text and return (loop)
I wanna ask how I can swap the first li text "Home" to "Menu" on hover and when I re-hover the li, it gets back to "Home" and this process goes on. Many thanks for any help! <ul> <li><a id="translateMenulist" href="#/">Home</a></li> </ul> <script> $("li:contains('Home')").hover ( function () { $(this).html("<span> Menu</span>"); } ); </script>
Ajax Import of SVG into XHTML works in Opera, FF, but not in Chrome or Safari -- WHY?
Hi, Everyone! The following works in Opera (v. 11.01) and FF, but not in Chrome or Safari: $.ajax({ url:"data/embed_si_006ped.xml", dataType:"text", success:function(data){ var nodes = new DOMParser().parseFromString(data,'text/xml').documentElement; //alert(nodes); // // Works in Opera (v. 11.01) and Firefox but not in Chrome or Safari: // svgContainer.append(nodes);
moving elements
Hey everyone i am new to this. and was wondering if someone could give me a hand. I have a object loaded on the screen like a 150px from the top. I want when the screen moves down the element stays in place like ti normally does but as soon as the element is at 1px from the top of the screen that element moves with the screen. Is this is something that is doable?
ie7 .load() question
When I use .load() to pull an image into a page by referencing the 'href' value, it works great in every browser but IE7. Let's say I have: <a href="01"><img src="some-image.jpg" /></a> If I run alert( $('a').attr('href') ), most browsers return "01", while IE7 returns "http://website.com/01", which causes problems when trying to load a specific string path. I've implemented the standard return false/event.preventDefault(), but it still returns the url with the href string in IE7. I've got around
JQuery load, renesis svg viewer and SVG
I have html page that has an object with reference to svg. I use jquery.load() to load that html in a div. The svg does not display. I use: jquery 1.4.2. I also upgraded jquery to 1.5.1 and still have the same problem. I use renesis svg viewer. Any help or direction is appreciated. Thanks, Rasoul
jQuery Mobile Wait until next page is ready before loading
Hi, I've been experimenting with jQuery Mobile. I am trying to implement the following When a user clicks on an events navbar along the bottom they will proceed to view a list of events. This list is generated via an AJAX request from a server. Currently the page loads regardless of whether the list is available or not and then subsequently displays the information once it has finished loading. Untidy!! I would like to display the jquery mobile loading popup until the page is ready and then continue.
Disabling unwanted automatic item focus upon autocomplete
For Autocomplete: How do I stop jQueryUI from automatically focusing on a ui item when the autocomplete menu opens and the mouse has been positioned such that it is over the ui item when the menu opens. This can be seen in the jQueryUI demo. This is not desired since pressing enter will cause the focused ui item to be selected. Why? Because this causes problems if the input field is used as a search field where selection also fires a form submission. Pressing enter with the unwanted ui item focused
jquery form State
Hi Friends, This is my first post in forum,I am very exciting to see this forum.I have below question. I have List of check boxes,After selecting check boxes,I do submit and it goes to server .From server i am displaying the same page.Here how can i show the selected check boxes. Thanks in Advance. Regards, Raj
pop up video playlists, video lightbox style?
Is this possible? I know you can have a video pop up and play, but none seem to support playlists. Thanks
Next Page