jquery like handwriting
I need a jquery which works like this link http://codecanyon.net/item/jquery-handwriting/full_screen_preview/6354107 Let me explain, what i want is, if dynamically a word "development" or "विकास" or "ترقی" or "хөгжил" is provided then it will show how we used to write this word through pen like effect.
what are the major differences between filter() and find() methods?
i know how to use them but iam a bit confused about thier priorities and differenences between them? and which wchould be used in which case?
How to turn jQuery plugin into a WordPress one - Turn.js / Booklet
hi, i'm italian so sorry for my bad english!!! my question is very simple. I'm trying to implement this guide: http://www.jdmweb.com/resources/jquery_to_wordpress_plugin for this jquery plugin: Turn.js and Booklet my prolem is ho to know the dipendecies of this plugin. This thing is important to insert in the int.php the right code. can some one help me? Thanks nonchiedercilaparola
Using ajaxSubmit with powerTip to upload files
Hiya: I am trying to use pop-up box to select a file which then gets updated. I've done a test case here: http://clickcreations.com/ben.php I can read other form fields (for example, $_REQUEST['pk']), but the $_FILES are not being registered as set and I can't see an error or the file name. It looks like they just aren't being sent. If I make the form visible (so it doesn't pop-up) it works fine it is just as a pop-up form that it doesn't work. Anyone with any ideas on what I can do to get this
confusion in selectors....
$("p span:first").css("background-color","yellow"); this means select every first 'span' element in 'p' elements....but why its only selecting just first 'span' of first 'p' element?
Problems with #page2 menu
Hi all! I have a problem with my code. When I click on "Starta nytt spel" I get to "Page 2". But in "Page 2" I can´t go forward from the menu and click on this: (Page 2 MENU): "Sök spelare" (link to PAGE 6) "Facebook-vänner" (link to PAGE 7) "Slumpad spelare" (link to PAGE 8) "Min familj" (link to PAGE 9) Please, help me :) Thank´s! Here is the code. Watch the BOLD text :) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LIFQuiz</title> <link rel="stylesheet" href="LIFQuizwhite-blue2.min.css"
understanding the scroll event
Hi, I see some animations which its occurrence depend on scroll bar to down or/and to up, and measure the current scroll bar position when scrolling occurs, I wana know when should I use jquery plugin to excute that?, how to getting start in dealing with scroll event? Thanks
How to change ul list items from another onclick with jquery??
Hello, im starting to study jquery and im trying to show my second list of items when i click in "show more links", but im not having success. Can anyone give some help? <footer id="footer-container"> <section id="footer1"> <ul id="showfirst"> <h1>Links</h1> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="# id="next">show
Keyboard navigation with menu - scrollbar stealing keyboard focus
First time poster here. I have been using jQuery and jQuery UI for a couple years now and love them both. I was trying to use the jQuery UI Menu in my ASP.NET application. After I created a nice looking menu, I realized that the keyboard navigation did not work. Then I went to the Menu demo page on this site (https://jqueryui.com/menu/), and saw that it wasn't working there either in any browser I tried. I opened bug 9862 about this issue. It was closed almost immediately because the iframe containing
code from Jquery cookbook help- number input validation
I used this code from the jquery cookbook. It works too well in a sense. It does not accept any invalid input. However, I would like to give some feedback- a text message next to the box when they enter invalid code. I wanted to .after a span text warning but can't seem to find a good place to include in this code. Any help would be appreciated. $('.onlyNumbers').bind('keydown', function(event){ // keyCode for the key pressed var keyCode = event.which;
Change <img> tag using .prop
Hello Everyone, I am not sure what is wrong with this code but I would like to know so that I can continue to learn. What I am trying to do is to change the <img> tag attributes using jQuery when the css stylesheets change at break points with media queries. So the css sheet changes and at the same time I wast jQuery to change the <img> tag attributes. Here is the jQuery code: The starting size of .content is 467 but when the stylesheet changes at a media query break point the new size of .content
Show hide divs based on radio selection
$(function() { $("input[name='cst']").change(function(){ var ChoiceSelected = $("input[name='cst']").val; window.alert(ChoiceSelected); if (ChoiceSelected === 'CourseName') { $('#CourseChoiceName').addClass('show').removeClass('hide'); $('#CourseChoiceNumber').addClass('hide').removeClass('show'); } else (ChoiceSelected === 'CourseID') {
Deep jQuery.extend modifies the target's protype?
After running the following code, parent.deep.y returns "baz" even though parent is the prototype of the target. var parent = { deep: { x: "foo", y: "bar"} } var target = Object.create(parent); var source = { deep: { y: "baz" } }; $.extend(true, target, source); I expected parent.deep.y to retain it value of "bar". Can someone please explain why is it that a deep $.extend modifies the protoype of the target?
Can someone please help me clear my doubts?
Greetings Experts, I have this script: <script type="text/javascript"> function CallService() { //Creating an object to hold token form field myToken = new Object(); myToken.Token = $("#token").val(); //Creating an object to hold form fields myData = new Object(); // Creating variables to hold data from textboxes. First building associated details myData.Address = $("#Address").val(); myData.CallerAcctNum = $("#CallerAcctNum").val(); myData.CallerAddress = $("#CallerAddress").val();
On Jquery 2.1 ajaxStart is not firing
I have a ASP.NET MVC 4 where I've used Jquery 1.8.2 and on many pages I use Ajax and I have add this source toi show a wait image when Ajax is running .. <script type="text/javascript"> $(function () { $("#busydiv").ajaxStart(function () { $(this).show(); }).ajaxStop(function () { $(this).hide(); }); }); </script> Now I use Jquery 2.1.0 and this not run... Any suggests ?
jQuery Mobile and Android Webview cant change Page
Hi, I have a big problem with jQuery Mobile and Android Webview. I have three html files and in each file there are different pages: index.html #login #register #pwreset main.html #latestchats #friendlist #chat #friendinfo option.html #profil #options (the words with the hashtags are the pages inside the html) So, when I log in, I switch with $.mobile.changePage("main.html"); to the main.html file with the #latestchats page. Now I will change to my profil using $.mobile.changePage("option.html");.
Trying to modify accordion menu for full bar clickable
Been trying my darndest this week to get this accordion menu working like I need it to and no luck so far. Right now on the mobile menu you can click the + for the submenu to drop down. My desired functionality is that a user can click the entire menu title for the submenu to drop down, and not just the + sign. The url I'm working on, if you have a mobile dev device or mobile emulator is http://fastgateopeners.com Here is my current jquery (function (jQuery) { jQuery.fn.extend({ accordion:
DatePicker Default Date
Hi all I have two datepicker objects on my page to represent arrival and departure dates. The Arrival Date picker is set to be a default date which comes from the database (its a dynamic event date that changes depending on which event we are looking at). Everything works fine however I have discovered that if the event date lands on the 1st of the month, the user cannot select a previous date. How can I get round this issue as I believe I have to use MINDATE parameter in order to set the default
Drop not rejecting invalid elements
Hello, Im using the jquery ui drag and drop. The accept doesnt appear to be working. It's not even working in the jquery ui demo. Ive tried in Chrome, FF and IE Thanx
Form validation working but not submitting
// validate the form on submit this.submit( function( event ) { if ( validator.settings.debug ) { // prevent form submit to be able to see console output event.preventDefault(); } function handle() { var hidden; if ( validator.settings.submitHandler ) { if ( validator.submitButton ) { // insert a hidden input as a replacement for the missing submit button hidden = $("<input type='hidden'/>").attr("name", validator.submitButton.name).val( $(validator.submitButton).val() ).appendTo(validator.currentForm);
implement bubble thing around the text entered in search like facebook theme
Hi I am trying to implement like facebook theme using tokeninput from jquery but here i dont want to use url and instead of url i would like to use user entered text as input and add bubble thing to the text.Any idea how can i do this.
Really need your help so badly.
Hi! Thank you for taking the time to read my post. I'm now incoming fourth year of BSIT program and we are required to make a thesis to be able to pass the course. May I ask some suggestions, what application can I do in jquery mobile which is simple but innovative? A program which is capable to do even the beginners. Because jquery mobile is new for me and I really want to create an application using this software. Please guys help me. I really need your HELP so badly.
Need help on jQuery Address by Asual for IE 8 issue
Hi, I am using jQuery Address plug-in by asual. It works as expected in Firefox, but in IE 8 i am getting '#' in the URL when plug-in updates the URL. The example given by Adual also has the same behaviour. I am using State example. Below is the example how I am getting URL in IE8: http://<mysite>/page1/#/param1/param2 and in Firefox: http://<mysite>/page1/param1/param2 Is it possibele to remove the '#' from the URL in IE8? Below is the sample code which I am using: $.address.state('/page1').init(function
JQuery Mobile Panel not working navigating back to first page
I am hit with an issue which is blocking me now. I have a panel which can be opened from all my pages and I am using External Panel ( new in JQM 1.4.0) to achieve this which is pretty cool. Panel has links to different pages which are used for navigation. Everything was working fine, until I changed all the transition: 'slide' to transition:'none' for some obvious performance reasons. After I removed the transition Panel started to give weird problems I have created a jsfiddle for better understanding.
Magnifying glass on <video> tag?
Hi - does anybody know if it's possible to create a zoom effect on <video> sources?
Why does the position of my buttons mess up when i use animate on hover?
I am creating a hover effect where in when I hover over a div, there is an Overlay(Show) and i display a hidden "SHOP NOW" along with an "Arrow" whilst animating their position. When we hover normally, everything appears fine but on performing haphazard hover over the div, the position of my Call to Action elements get messed up. I am attaching a JSfiddle of the same. I have tried adding .stop() but it does not seem to be helping. http://jsfiddle.net/ys4U2/1/ Please help me how to fix this. Should
jQuery Form, ajaxForm(), does not process radio button in IE when it is set by Javascript
I set a radio button from data returned by Google Map, like so: countryCode = results[0].address_components[i].short_name; $('input[type=radio][name=country]').prop('checked', false); $('input:radio[name=country]').each(function() { if ($(this).val() === countryCode) { $('#' + countryCode).prop('checked', true); } }); This sets a country abbreviation, e.g., US as the value of a radio button. The HTML for the radios look like (there are several): <label><input type="radio" id="US" name="country" form="dataInput"
How can I get the value/text of a dragged element?
Hello, Im dragging an <a> text element into an input field and dropping it. How can I get the text/value of the element Im dragging and populate an input text box with it's text? Thanx
Using JQUERY FILE TREE
Hi there, I'm starting to use jquery and some plugins, in this case jQuery File Tree. http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/ http://labs.abeautifulsite.net/archived/jquery-fileTree/demo/ I need to develop a web page where exist a folder explorer. I resolved this requirement with the mentioned plugin. But now I have a new problem, I want to be able to select one file and show its content in another div or iframe that will be next to the folder explorer, something like in the
Change background on expand or collapse
Hi, I want to change an expand / collapse feature that existed on my site, I would like a simple and similar operation, but for now I get nothing. Before it is a picture that I change the name of the current source, I would do exactly the same thing but that alternates the background-image. Here is my current code and the code comment is that before, I would arrive at the same thing in a similar way: $.fn.expandCollapse = function() { $(this).click(function(){ $(this).parent().find('.content').slideToggle("fast");
How to loop through JSON GET result?
hi, i want to consume a JSON Webservice which return the following: {"GetDataResult":[{"firstname":"firstname1","lastname":"lastname1"},{"firstname":"firstname2","lastname":"lastname2"}]} I want to loop through the data and put it for example in an HTML Table. I tried the following: $(document).ready(function () { var JSONService = "/_vti_bin/JSONWebService/Service1.svc/GetData/ae"; $.ajax({ type: "GET", contentType: "application/json",
Iterating over table rows
Okay, I have written next to no jQuery. I have a table with rows. In one column is a checkbox, and a hidden field with a value. I want to find all the rows with the checkboxes checked, and concatenate the respective hidden fields together. Here is my html (edited for simplicity): <table class="user-forms"> ... <tr>... <td><input type='checkbox'><input type='hidden' name='hdnObjectId'></td> </tr> ... (Note: I am actually using a .net gridview, and the hidden field is within a templateField,
jQuery mobile layout
Hi, this may be more of a html /css layout question but I'm using jQuery mobile so I'm wondering if there's an easier way of doing it. It's for a mobile design so I've made it that when the screen is resized the page content also resizes. My current problem is (given my code below): This works fine in a browser, even when resizing the window to a certain extent but when I open it on my phone it's all messed up as shown in the screenshot (Windows phone, internet explorer....). I'm not massively familiar
I DON'T KNOW IF USING AJAX TO SEND JSON TO PHP IS DONE CORRECTLY
I AM USING AJAX TO SEND JSON TO PHP. BUT I DON'T KNOW IF SENDING JSON FROM AJAX IS DONE CORRECTLY AND IF RECEIVING JSON AT PHP IS ALSO DONE RIGHT. I DOUBT IT IS CORRECT CAN YOU HELP ME. <SCRIPT> $("#REGISTERFRM").bind(submit, function(){ var NAME = $("#NAME").val(); var EMAIL = $("#EMAILADDRESS").val(); var PASSWORD = $("#PASSWORD").val(); var POSTEDDATA = { "NAME" : NAME,
form validation with multiple fields of the same name
I have a form with multiple fields with the same name. Select Fields and Text fields have the same name. The selects are populated by a database, the text fields are there incase the data needed isn't included in the select. What I need to validate is that if the select value is 0 that the value of the corresponding text field is not empty. Is there a way to do that with the validate plugin?
Datepicker : The displayed date is not correct at the opening of the widget
Hi I'm trying to use datepicker with 3 input fields: day, month and year, for the date. All is working, except when i'm opening the widget. The displayed date is not the same as the date i'm setting. Here's an example from pastebin : http://pastebin.com/j3xzkL5r Any idea to fix this problem ?
scrollTop: is not working in chrome?
http://sabithacreations.com/ in this site i used var about = $('.about'); var aboutScroll = $('.abt_part').position().top + $('.show_icons').position().top ; about.click( function(){ $('html').animate({scrollTop: aboutScroll },'slow'); return false; }) in mozilla its working as i intended but not in chrome...pls help
jquermobile javascript not working
i have a proble; maybe a mystake, im working in a to-do aplication, the aplication have one page that contain one panel and one list and the code js insert a new entry from a form; when the page load i can see all the entrys, when the function taht add tre new entry works and the page is reload i cant see the entries in the list view the this is html code <!--Declaracion del tipo de documento como HTML5--> <!DOCTYPE html> <html> <head> <title>Tareas</title> <meta name="viewport" content="width=device-width,
Implementing Autocomplete on a dropdown
I want to use the jQuery Autocomplete but the standard textbox won't work for me. When a user selects something from the autocomplete, I need to be able to reference an ID so I can pass the ID to a details page so that it can query all the information correctly. I figured using Autocomplete on a dropdown would work work better since I can set the ID in the value. I just don't know how to accomplish this with the autocomplete since it only references one variable in the array.
jquery update
hey please can i receive emails regarding all jquery updation
Next Page