validation phone
hi i don’t speak much English , sorry. how can i use validation phone number ? i used this address but it was not helpful : http://www.htmldrive.net/items/show/867/Useful-Masked-Input-jQuery-Plugin my code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Designing Modern Web Forms</title>
Onclick does not work but onmouseover works!
Hi; This is about IE. In Firefox its all good. I am calling the same function with onclick and it does not work. When I call the same funciton with mouseover it works fine! What am I doing wrong? Thank you Does NOT work: <div class="option" onclick="edit_value('This Opption 2');"> This Option 2 </div> This works fine: <div class="option" onmouseover="edit_value('This Opption 2');"> This Option 2 </div> function edit_value(argument) { $(".behnam").html(argument); }
Populate list of options with Ajax - Replacing Prototype
HI, I have a problem with a jQuery code. Actually, I want to migrate from Propotype due to conflicts with other jQuery scripts. I need display a list of options in a select from a previously option selected in another select. I've tried several ways, but without success. I added two fields to the users profile: City and Neighborhood. So, a form in the frontend to be able to search for users by city and neighborhood (of each city). Here's my code: The file neighborhoodAjax.php <?php /* This file
Supersized Slideshow not displaying right on all devices
Heya, I just added a new slider to my homepage and I chose Supersized 3,2.7 since their demo proved to work well on my devices. However I am having an issue with displaying my own slideshow on older devices (Iphone 3gs and a older Samsung Galaxy). Ipad, and newer Iphones work fine. http://asp-photo.com Can point me in a direction of how to correct it?
Degrading JQuery toggle
Hello everyone and thanks for your help in advance. I am working on a webpage that is using the JQuery toggle method to display div tags when various links are clicked. However, in cases where javascript is disabled I need to make sure the div panels do not display and that the page degrades properly. Any help would be appreciated.
Manipulating dynamically added content
Hello - just to warn you again, I'm new to Javascript, JQuery and HTML so apologies if I use the wrong terminology and misunderstand things. I want to make modifications to the attributes of some of my page elements when the document is displayed in a web browser. At the moment I use: [code] $(document).ready(function() { $('.myclassname a').each(function() { someElement.attr("title", 'My new title'); } } [/code] - and so on, which works perfectly well for static pages, but doesn't work
Image links not opening new pages
I've recently started using Jquery and I've run into a weird device snag I think. I'm trying to develop an app using phone gap and so far everything has worked out ok except for this. I'm using images to represent links. This works fine in web browsers but when I try to do this on my tablet I can't. Any ideas?
Animate CSS value based on scrolling position
Hi, probably most of you know websites, where something is animated based on the scroll position. An example for that is the Skrollr jQuery Plugin itself, which does exactly that: http://prinzhorn.github.io/skrollr/ The problem is that this plugin works with data attributes on HTML elements, which is great and easy to use for some purposes, but in my case i need it as a JS function (to dynamic set the starting and ending values). To give you an example here is a quick code sample i need: var $window
JQuery Mobile Popup Image is not being displayed
Hello to all and good morning and happy easter, I have been playing with the JQuery Mobile popup function and I am having trouble getting an image to appear. The project requires an image and text to appear in the popup. I get the text to appear but the image will not. Below is the code <!--WebApp About Info START --> <div data-role="popup" id="TEST_about" data-theme="d" > <a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
Problem with star rating plugin
I have a review page where I have one star rating to rate a product (this works fine) and also many display only ratings from previous reviews, my problem is that only the first display only rating is working, even though each set of radio buttons has a unique name Is it possible to have more than one display only rating on a page? I am using version 3.12 of this plugin, as I've been using it for a long time on a website. Now I am developing a new website which is using jquery version 1.7.1 - I would
why is the flip on my page not working.
Hello, I found this page : 20thingsIlearned.com Im using now the javascript files from the source which can be found here: http://code.google.com/p/20thingsilearned/source/browse/#svn%2Ftrunk%2Fwar%2Fjs But when I try to use it nothing happens. See my page : test.tamarawobben,nl Anyone who can help me to make this work? Roelof
JQ turn $('#topspeed').change(function() into a condition
I want to replace $('#topspeed').change(function(){ with a condition, something like the following, but working if($("[id=topspeed]").is(":selected")){ How to do it?
how to use listview to update div on same page using AJAX
I've seen and tested examples of using a button to update the html contents of a div on the same web-page using jquery and ajax, but can anyone point me towards an example of using a listview to do the same? Depending on the listview item clicked (or tapped) I'd want different html set in that other div. I gave a listview an id, and then used the selector.click function against that id, but it doesn't seem to get called. The web-page does however update to a new page based on the href value within
Need help with implementing a function on hover in Galleria.
I have put together a galleria image gallery for a client, who has requested that the thumbnails along the bottom of the gallery scroll as the arrows on either end (see circled in picture) are hovered over. I am new to javascript and jQuery, but I tried to customise the code to achieve this effect. I managed to get the main image to change on hover of the thumbnail navigation, by adding the code below to galleria.classic.js - but of course I don't want the image to change, I want the thumbnails to
Ui modal - loading outside content
I am using the Ui modal popup on a page to edit a user profile - when they click the "edit" button it loads another html page into the modal div, this page has some of it's own javascript and jquery. Is this ok or is there another way to accomplish this to go along with conventions? Thanks for your help!
Resizeable detect the resize direction.
Hi, I need to know how to determine the direction the resize is occurring. if it's going in the x direction. meaning west and east and if it is going to the North and South direction to detect the directions. I have 4 custom images. I have them inside a div and when this div resizes I need to be able to keep the borders to be the same thickness and cover the div. I wan to keep it like a border around the div. So, if the div resizes currently the borders don't grow or resize with the div and yes
about dialog question
Click on the '123' dialog box ，then Click on the '456' dialog box ,why '123' dialog box iframe will Automatic refresh;how to do it ? code: $('<iframe frameborder="0" src="http://www.baidu.com/"/>').dialog( { title:"456", autoOpen: true, height: 700, position: 'center', width: 700 }).width(700).height(350); $( "#dialoga" ).dialog({ title:"123", maxHeight: 600 });
On a click of a button i should open one diallog form i am doing this in asp.net and jquery please do help me
Below is my code <script type="text/javascript"> $("#BtnMakeallotment") .button() .click(function () { $("#dialog-form").dialog("open"); }); </script> <form> <fieldset> <asp:GridView ID="GridAllotment" runat="server" AutoGenerateColumns="false"></asp:GridView> </fieldset> </form> But i am not getting dialog form dont know what is the problem . Please help me
Refresh CSS after ajax call
Hi everyone; I have a problem when i get data from my api and appended this results to link in my html code. <div data-role="footer" data-position="fixed" data-theme="b"> <a href="listingresults.html" data-role="button" data-theme="b" data-icon="search" id="results">Results</a> </div>This is my html code, now my jquery code is: $(document).ready(function(){ function getTotallistings(){ location = $('#location').val(); priceStart = $('#priceStart').val(); priceEnd = $('#priceEnd').val();
The css long press problem
I have a question want to ask when we use the smartphone or tablet operating a Web page (Here I would mention my testing process) the default，long press on the screen，there will be a pop up window of search options because some reason，I want to make this feature disable I search the google and finally found the following CSS syntax, you can put these code before <head/> The link is a Snapshot for HTC Sensation XL http://www.littlebau.com/css.png <style type="text/css"> *: not (input) / *: not
Refresh CSS after ajax call using JQuery.
Hi All , I have Online application and i used Webservice , i use JQuery to call Ajax and now my problem is when i finish call the ajax which is Loading my CSS and JQuery is Broken or cannot be used.. Please help me guys .. Thanks GEE.
2 Textbox Watermark's
Hello Forum, This is my first post, I have been using query for about a week, so I am very new. I have a form I have made where I want Jquery to add a watermark to a couple of textboxs. I can do it, but I have a couple of problems 1) currently I need to repeat the code (once for each textbox) 2) It has a dependency on the HTML $("#requirements").focus(function () { if ($(this).val() == "Enter any extra requirements here....") $(this).removeClass("watermark").val('');
Compatibility Issues
Hi, I am using an old jquery.zoomable-1.1.js library, which is seems only compatible with jquery 1.7.2. How can I make it work with the new jquery version 1.10.1 by completely replacing the 1.7.2 version?
JQuery Mobile gives white screen in IE10 Windows 7 64bit
Hey Everyone, I've been having an issue with jQuery mobile in IE10 64bit. I was intending on using jQuery mobile as my new framework but it doesnt seem to work. No listed errors in the console and I'm using the non minified version. Any ideas on what the problem is?
serialize() blank after clone?
after i clone a form and insert it back on the page, i can't understand why serialize() returns an empty string? http://jsfiddle.net/AKpa4/ <table> <tr> <form> <td><input type="text" name="abc[def]" value="ghi" /></td> </form> </tr> </table> alert( $("table tr:last").find('form').serialize() ); // works $("table tr:last").clone().insertAfter("table tr:last") alert( $("table tr:last").find('form').serialize() ); // doesn't
Using UI button problem. Text not appearing, or is different font sizes.
Hello, Im trying to replace my img buttons with the jquery button add-on. I have img tags with source and an onclick event. What is happening is not all my buttons contain any text. Also, the ones that do are all different font sizes and such. Im replacing the text of the button in the following manner: At doc.ready Im obtaining the alt text and replacing the value with the alt text. But not all of the buttons contains text.(and their all different sizes) $(document).ready(function(){
CDN Downloading...
Hi! A newbie question... Rather than specifying a specific build e.g. script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js is it not possible to specify a 'general' one so that one does not need to change the source every time there is an upgrade i.e. it will upgrade automatically. Thanks Mik
Jquery mobile multiple select menu issue
i amusing multiple select menu in jquery mobile. i am not not get the selected item value. if i select two values, val() s returning both values. for eg: options: A and B if i select both, Val() returning AB
Textbox to stay attached to the keyboard my device.
Dear, I'm having trouble with jQuery Mobile, I have a Login screen. User Type [txtbox] and Password [textBox] when I click on the User textbox appears the keyboard to enter text, and plays up the textbox and the User does not see what this typing, I would like the textbox to stay attached to the keyboard. Is there any way of doing this. Thank you!
Refresh page
I have a page with dynamic content fetched from mySQL DB. All my function calls are with in $(document).ready(function () { When I switch page my code is not fired. Only after a browser refresh the page is correctly filled in. I read about page refresh problems using Google and tried to use a pagerefresh function. No success. My page is in a div with role = page. I switch like this <li><a id='location' title='Hier legt u alles vast wat betrekking heeft op de locatie' href="location.htm">Locatie</a></li>
Usage in a full fledged desktop site?
We are planning to build a full fledged desktop website using jQuery mobile. On the home page i could find links to various mobile websites which use it. It would be great if we could have a look at some of the desktop versions of some complex websites which use jQuery mobile, since we are not able to assess properly if it suits out requirements.
find() with table
I want to find in the table specific <tr> element that's first <td> has html value of 3. I tried something like that: $('#gvBugs tr').filter(function(tr){return $(this td).html() == 3;}) But I cannot figure out how to repair it. Thank you in advance for any help.
Problem in accessing jsf datatable elements using jquery
Hi, I am working on a cross compatibility project where in i have decided to replace some of the browser specific javascript(example-to add rows to a jsf datatable use of cells[i]-doesnt work in IE7,IE9 and IE10). so i am trying to use jquery instead. I am facing issue while facing issue while accessing elements of the jsf datatable. Code structure is like shown below <h:datatable styleClass="class1,class2"> <h:column> <h:outputText id="id1" /> </h:column> <h:column> <h:outputText id="id2" /> </h:column>
Menu toggle for responsive design IE8!!
Hi, I have made a drop down menu system for a responsive website, but for some reason IE8 does not like the following code: $(".menu-toggle").on('click', function (e) { $("#main-nav a[class^='menu-item']").each(function(i) { if ($(this).hasClass("menu-item-on")) { $(this).removeClass("menu-item-on"); } else { $(this).addClass("menu-item-on"); } }); e.preventDefault; }); It looks like it is
jQuery callbacks and JSONP
Hello, I am trying to fully understand callback names. I see this code in the jQuery docs: // Using YQL and JSONP $.ajax({ url: "http://query.yahooapis.com/v1/public/yql", // the name of the callback parameter, as specified by the YQL service jsonp: "callback", // tell jQuery we're expecting JSONP dataType: "jsonp", // tell YQL what we want and that we want JSON data: { q: "select title,abstract,url from search.news where query=\"cat\"", format: "json" }, // work with the response success: function(
window.location.href
I have a form <form action="abc.php" method="get"> <button id="b1" class="signInInput" value="hid2" onclick="signUp()">Create Free Acount</button> <button id="b2" class="signInInput" value="hid1">Sign In</button> </for> on click the page redirects to abc.php but I want... button .. id=b1 .. on click the page redirect to xyz.php my jquery is: function signUp() { window.location.href = 'user/user.php?val=nnnn'; }
Is it bad to call .draggable function multiple times on the same element if the element has been removed between the two function calls?
I understand that attaching handlers multiple times can cause trouble, but in my case, the element in question has been removed in between the times that I'm attaching the handler. Here's a sample of what I mean: HTML: <div id="parent"> <div id="child></div> </div> javascript: $('#child').draggable({ helper : 'clone', revert : 'invalid', revertDuration : 400, opacity : 0.35, appendTo : 'body' }); //do something in between.. then $('#child).remove(); //do something else
Pass php variable to modal window
I have created a modal window. The div that opens is located on the same page. When a link is clicked I would like to send the id of the record to the modal window. Here is what I have so far, but it is not passing the variable to the modal. [code] $('a[name=modalMed]').click(function(e) { //cancel the link behavior e.preventDefault(); //get the A tag var id=$(this).attr('href'); var med=$(this).data('medidnum'); //get the screen height and width var maskHeight=$(document).height(); var maskWidth=$(window).width();
Filtering h2 from h1,h3,h4..........(all headers)
Hi, I am new to web development (3 months). I am learning JQuery now. I am writing a small html code which has h1, h2, h3 and h4 header elements. There is a button as well. Once the button is clicked I want to have red color background to h1, h3 and h4. I need to filter out h2. This is the code I wrote, but not working though. Please help me. <script> $(document).ready(function(){ $("button").click(function(){ $(":header").filter($("#h3")).css( 'background-color' , 'red'); });
About jquery header rotator
Hi all, Is there Free jquery header rotator for WordPress running on Linux? If YES pls advise where to download? Thanks Rdgs satimis
Next Page