AJAX and jQuery - How to locate files in a specific folder?
Hi, Since a few days I am into jQuery and I am getting the hang of it with the basics. I have this script here which uses jQuery and AJAX - it makes you switch between pages without leaving the index page the user visits. There were a few problems with the script but I manage to solve these. However, there's one problem left that prevents me from checking if everything works and to make the script run correctly: the script does not correctly locate the .html-files it requires to switch between pages.
Keeping the header and footer in nested listviews
When I used a nested listview for the first time, I was a bit surprised to find that it created new a new header dynamically instead of just keeping the header and footer of the parent. For my current project this is really important, so I searched around and found many people with the same expectation. I've modified $.mobile.listview._createSubPages to support this functionality by setting data-dynamic to true or false on the <ul>. Ideally this could be implemented as an event or callback so that
Using jquery validate url with IPV6 Addresses
I have a validate rule like this: validateAddress: { required: true, url: true, messages: { required: Global.ResourcesRequired, url: "My Error Message" } } It works fine with IPv4 addresses in the URL, like this: http://10.10.10.10. However if I use an IPv6 address it will say it is not valid. Something like this: http://[2007:dead:c01d:beef:0:5efe:10.8.5.50]/mywebsite. This works if I put it in a browser.
Show pre-load image during images load but all images are different size
I want to display pre-load image center of image's div. But all images have different size so pre-load image can not be displayed in center of each image. Thanks for advance!
Condicionar Validación JQuery Validate en Formulario Dinámico
Cordial Saludo Necesitaba hacer una pequeña consulta, lo que sucede es que estoy validando un formulario dinámico (al cual agrego y quito "bloques" de campos con un botón "Agregar" y "Quitar" los cuales llaman funciones con appenTo y remove) y estoy usando JQuery Validate, más hay un campo que necesito que quede como obligatorio únicamente dependiendo del valor de otro campo (si está vacío ó no), para lo cual he intentado con las siguientes condiciones: Condición 1: "segundoCampo[]": { required:
how convert my custom css to 1.2?
With 1.1 I have a structure css and a custom css made with the theme roller. With 1.2 there seems to be only one css file and there is no theme roller for it currently available. I've tried to get the 1.2 working with my custom theme but I can't seem to get it to work correctly. Any advice on what to do?
Check username availability using jquery in cakephp
Click To View Complete Tutorial When i was working on a project of mine then i was stuck for checking username availability using ajax (jquery) then i tried a lot and after all i got a way around. In this post i will tell you about that how to check whether a user already exists or not with provided username. I have wrote complete code below: Code for your view file. This code is to be placed in your views file: Html Code <label>Username</label>
<?php echo $this->Form->input('username',array('label'=>false,
Bundling all Jquery files
In my asp.net master page, I have around 15 script tags pointing to different JQuery main and plugin files. Is there a way we can bundle all these JS files into a single file so that the amount of downloads can be minimized?
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?
listview('refresh') on android ICS 4.x makes list go blank. Phonegap.
Hey there, Been using jquery mobile for a while now so i'm pretty sure this isn't a basic question. I have a page with: <ul id="mylist"></ul> When i get a array back from a succesful web service call i declare the list: $("#mylist").listview(); I then empty my listview as I am completely refreshing the data: $("#mylist").empty(); I then append to my list in a loop: $("#mylist").append('<li>test</li>'); Then once finished i refresh: $("#mylist").listview('refresh'); I have tested my code on Android
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
Next Page