Problem with Jquery Loading in? [Live Example]
Hey guys, Pulling my hair out at this one - I've got a slideshow on my site which also uses jquery mobile: http://palmercreative.co.uk/m/ It seems to display the slideshow as if there's no jquery first time, then when you refresh it's ok? Is it something to do with the way I'm loading the jquery in? Is there some sort of no conflict thing I need? The head looks like: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Canal holiday - Find the
scrollTop - scroll with window only in Firefox
Hello, i have a div box which should smooth scroll with the window. So i wrote this: var currentTop = parseInt($(".video").css("top")); $(window).scroll(function() { $(".video").stop().animate({"top": $(window).scrollTop()+currentTop+"px"}, 500); }); and the div is set to position:absolute. But this works only in Firefox! (?) Where's the problem?
Need some help with decimal validation
Here is my sample form : http://78.193.158.56/WG/Home/Test I need to validate a decimal formatted like "5,60" because of french client culture, and need to post the value in this format for my server side to parse this using client culture too. But the posted format is always "5.6", and validation tells me "The value '5.6' is not valid for DecimalValue." And server side it can't be parsed as is. Here is my thread on ASP.net MVC : http://forums.asp.net/t/1830089.aspx/1?Globalize+results I hope someone
Datepicker text change color
Hello, I would like to be able to change the color of the text once a date has been selected from the calender. I currently have some placeholder text "dd/mm/yyyy" in a lighter grey, but when a date is selected from the calendar I would like the text to then display in the standard black text that most forms use. Currently if you type something into the textbox the text will display in the desired black, the only time it stays in the lighter grey is when the calendar is used to select a date.
mouse over team page
Hi Guys, Im trying to design some sort of 'team' page for a friend. I have set it so that a box slides up over the image with the description of the person when you mouseover. Once that loads up, if the mouse happens to be in the message, the animation starts again!!! I created it so that there was a box ontop of it all which is transparent that would show the message underneith, but then i realised... "duh, text not selectable... bye bye links!" Here hs a jsfiddle of my issue. Could any one help?
Using 36x36 icons instead of 18x18
Hi, I just started a new jQuery mobile app and I'm very impressed :) But I have a problem... I've been trying to us the 36x36 icons (the big ones) because the 18x18 are to small for me and I couldn't make it... How can I do that ? How do the switch between the 2 sizes work ? Thanks kinkaz
Advice on optimizing for mobile connections
We recently launched a new app and some users are complaining about receiving the 'Error loading page" frequently. We've tested the app and it works perfectly over WiFi/LAN but when going through the wireless carrier we sometimes receive this error but according to the users it is far more frequent than we are able to reproduce. The app is accessed over HTTPS and very little can be cached because the data is constantly changing. I've read that setting all scripts & resources over HTTPS is best which
Recommended secure (https) CDN for 1.1.1?
We've been using the Microsoft CDN (http://www.asp.net/ajaxLibrary/CDN.ashx#jQuery_Mobile_Releases_on_the_CDN_3) for secure (https) hosted jQueryMobile (https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js) .... but 1.1.1 STILL has not shown up there. Any one know the reason? Is it ever going to be there? If not, is anyone aware of an alternate source? Thanks, Randy
Hash value doesnt update when clicking a list item
I am new to Jquery mobile. Following is the first simple code that I am trying out. I see that when navigating from the listview on the 2nd page (groupcalls) to the detail view page (callview) the URL remains cached to the first list selection. even though the HREF (on hover) displays the right values (?p=1 or 2 or 3), on clicking it navigates to the last selection. What am I missing ? - Any help is appreciated. <!DOCTYPE html> <html> <head> <title>First Mobile</title> <meta name="viewport"
how can i stop jqm cache my page?
i dont want jqm cache my firstpage, because i cant update my firstpage data
Mobile cache problem?
I've been having a few problems with caching in jquery mobile. In essence, my app is loading a much older version of a script from a page every time the back button is pressed. The start screen of my app has a search using a few different filters, at least one of them is required. I have a bit of jquery to require this. On the first time a user visits the start screen there is no problem at all (the validation works properly), however if the user hits the back button and tries to search again,
text wrapping
I have created the button to display the text and image but text is large & it is going out side button i want to display complete text even if window size is change and button size is fixed. I want solution like if the text is large it should be display in next line as shown above it is not showing complete text i want to display complete text . it is possible or it is the drawback that we cannot display two line text in jquery or there is any alternative of using button .
how to use getElementbyId dynamically
Dear Sir, I am having code in ajax I am bringing id from ajax code is for text box id='textbox1"+i+"' the id is dynamically generating But how I ll use the same dynamically generated id in on of my jquery function using getElementbyid I not good in jquery. please help regards sanat
Disable Refresh in Webpage
Hi i'm developing a web page under JSP, mi problem is that i need to disable the web page refresh, but not only by pressing f5 or ctrl + r, but also the refresh button on any browser. Thank's for your answers!
document.ready() not called on navigating to UL elements
I am building a dynamic website in which, there is a UL of 500 elements. On clicking on any item in UL, it takes to next page. But my problem is that I have a document.getready() method in javascript embedded to new page. but this method is not being called while clicking on UL button. However after I click on UL button and new page appears and then I click refresh, it refreshes. so kindly assist on how I should tackle this.
How to work with Jquery mobile in offline mode?
I get some code about single and multipages and I would like to use this code in the offline app. I thought that was enough to remove the URL of links to the files jquery.mobile-1.1.1.min.js/jquery-1.7.2.min.js/jquery.mobile-1.1.1.min.css, but that did not work . How can I do to work in local mode? Thanks
Retrieve "latest images" of a twitter user ?
Hi there! I've already asked this on the twitter forum, but didn't really get a response there.. so I was wondering if anyone has experience with retrieving the latest twitter images of a user? (the so called "gallery" or "grid" = the images you see on the lefthandside of a user's page on twitter!) I can use the API & jquery without a problem.. It's just that it doesn't seem possible :( Perhaps someone can tell me more about it... Many thanks in advance for pointing me in the right direction ;)
Android default webbrowser problem
Hello, I am developing application with jquery mobile and phonegap and I have one huge problem. First problem is password field and the problem is next : when I click on password field (<input type="password" id="password" value="" />) it goes white and whatever input type="password" is white and input type="text" is ok. The other stuff is JavaScript and button onclick="". I googled all night long and tried all solutions there are with <a> tag with <input> tag and with <button> tag but non of it
how can i create a grid view using jquery or phonegap?
i want to display some list of alphabets in a grid view using jquery or phonegap,when i click on each alphabet it has to retrieve data from the database based on alphabet series..how can i do this?
how can tablesorter move rows to another table
how can tablesorter move rows to another table
overwrite events after cloning object
Hi all, this i my first post here and i've searched the forums and didn't find any solution for my problem. I have a JS-Class that contains data and jQuery-DOM-Objects like: function MyClass { this.property = 'somevalue'; this.another = 'anotherValue'; this.$head = $('<div />', {' class' : 'niceclass', click : $.proxy(this.doSomething, this) }; } MyClass.prototype.doSomething
how can i retrieve the boolean values from database and display in a listview??
hi all, i was trying to retrieve boolean value from database and display in a list view.. for that i want to design a checkbox,for that checkbox i have to keep a star image,when i click on star it has to update the value in database and retrieve list in listview..please have a look at this screen shot for better idea.. please help me out..
Aligning form elements
Is there any way of making a button with a data-inline="true" attribute line up with a text field? The HTML produced for the button wraps a hidden button and a couple of <span> tags inside a <div> I've made the text field narrower by adding a class that specifies the width, but all the padding and margins on the div messes up the alignment. Generated code - all teh <div> and <span> tags are added by jQuery Mobile <small>Quantity:</small> <input id="Quantity_535_569" class="smallQuantityField ui-input-text
jQuery Validate - adding extra form id stops ll working
I'm having a problem with with jQuery validate. I'm validating multiple forms using this: <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> <script type="text/javascript"> $().ready(function() { // validate info requests $("#moreinfo").validate({ rules: { name: "required", telephone: "required", areaofinterest: "required", company: "required", enquiry: "required", email: { required: true, email: true } }, messages: { name: "Please
jQuery slideshow problems on home page.
Hi all I have an example here to illustrate my problem. http://www.ttmt.org.uk/forum/wordpress-forum/ It's a wordpress site but I'm sure the problem is with my javascript (and wordpress people are never any help) It's just one page that has a slideshow using the jQueury cycle plugin - http://jquery.malsup.com/cycle/ My problem is when the page first loads only part of the slideshow is visible. If you scroll left/right near the 'Home' button you can see the rest of the slideshow. If you then click
Multiple divs headache
I have multiple divs hidden on the screen. When the user clicks a button, the corresponding div should appear. Here is what I have so far: http://jsfiddle.net/wa8W5/ I have also attached the whole project folder to this post. Any help?
How to show a gif while loading all elements of the website?
Dudes, I am looking for a way to show a .gif (loading disc, loading bar or whatever) while all the content (including images of the current page, like backgrounds and illustrations) are being loaded and then, when it all is loaded, show the current page. I have tried a very simple code that I found here with the .load() event but, apparently, it does not make the function I am looking for.
how retain selected tab selected when page is postback
Hello sir, I'm new in jquery,i using your tab bar but when i click on button place in third tab then page is postback and fist tab is selected by default.But i need third tab remain selected until click on other one. Please provide solution. Thanks in Advance rajeev
onclick query
Hi, i have my slider set up and its working some of the time which is bad but not the main problem, what im trying to do is when you click on the side navigation ie. "shirt_1" it scrolls to "shirt_1" in the slider. im new to jquery and its seriously doing my head in just trying to find out a way of fixing this.
jQuery/javascript doesn't have AND? Dropdown menu help please.
Hey, i'm trying to write an if statement for a dropdown menu so that the dropdown box only fades out when the cursor has left both the link(that originally triggered the fadeIn) and the dropdown box. The reason I'm doing this is because currently it sometimes flickers due to moving the cursor from the dropdown box back up to the link that triggered it. $("#game-link").mouseenter( function() { $("#dropdown-1").fadeIn(); }); $("#dropdown-1").mouseleave( function() { $("# dropdown -1").fadeOut(); });
W3C validation finds an error in the selector!?!
Is the a way to keep the W3C validation application from find an error in the selector syntax of a Jquery plugin. This can be seen here and going to the end of the page and clicking the W3C button. Strange! I did not think the validation checking went into Jquery's selectory syntax. Todd
SuperFish Plugin, Phantom Leading Space
Hi Folks, New to JQuery, I'm using the SuperFish menu plugin. Pretty much love it, but I have one issue I can't seem to figure out. All my menus have a leading space in both the menu itself (A) and the sub menus (B) (see pic below). The space seems consistently the same size. I've swapped out every file and chopped up my css, even deleted the whole thing and started over. I can't seem to loose that space. I'm sure it's some very simple value in the CSS but for the life of me I can't figure out
Unknown Plugin Issue
I'm not really sure how much of this is relevant, but I figure too much info is better than not enough, so here it goes: I have 3 pages: index, about, and portfolio. All three use a jquery menu (called dcaccordion) for the mobile site (if screen is a certain size; separate css only, same html). Index also uses a slider plugin (called flexslider). Portfolio also uses a gallery plugin (called responsive image gallery). I made the index page first and got all of the formatting good and everything and
mobile websites
hi i wanted to develop a website which works in all the devices... can u guys tell me how to achieve it...
Jquery mobile not working in Blackberry Bold 9000, Nokia E71 and other...
Hi all Entering mobile jquery not working in my BB Bold 9000 and from a Nokia E71, .... Should we add anything else? What needed to perform well? I copy the code: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
Not sure where to start
I am here looking for some guidance. I have not worked with jQuery out right very much and I am working on a website for a client in WordPress. He is wanting something that I know is at least part jQuery but I don't really know where to start with putting it together. This is really holding me up with putting the site together. I have looked though WordPress plugins and did not find any that suited my needs. What he is wanting is the same layout and function that is on this page. http://fashism.com/curated_looks
selector efficiency for dynamic elements: use class or id?
What is the best way to set a click event on an element that is created at run time? Assume there is a dynamic list of items, each with a unique id, and all belonging to the same class. Ideally, I'd like to set the click event on the class, and have new elements belonging to that class automatically registered for the click event. Through testing, it appears that the class selector is used to enumerate elements, and that a specific click event is stored with each specific element. If that
JQuery Validation success: working with groups
I've been struggling with how to use the "success" mechanism to show "Ok" when a field is valid. This works great until i have a group of fields in one line: first_name and last_name. The approach I was using shows "Ok" at the end of the line when the first field is validated, even though the second one is required too. What I ended up doing was to handle the "success" event separately for the group In the validate function options: groups: { username: "patient[first_name] patient[last_name]"
How to migrate row data from a tablesorter table to another? Also is this possible to do locally?
How to migrate row data from a tablesorter table to another? Also is this possible to do locally? thanks for any help!
Shorten line of code, please
Shorten line of code, please: var tip_form = $('a[class='+clase+'],span[class='+clase+'] ')
Next Page