Customized Icon issue?
Hi, I am creating an app in jquery mobile which requires customized icon's the problem is when i implement the customized icon i am getting a round shaped icon rather thn displaying entire icon.please help me to solve this. Thanks & Regards, Nithya
runing function when an div has been added to DOM
HI Guys, I'm new to jquery and the world of javascript. I've searched a lot and I haven't been able to find a straight answer on how to run a function when an object has been added dynamically to the DOM. I have the bellow example code: $('div.s').click(function(){ $('body').append('<div class="new" >000<span>lorem ipsum immet dolor</span></div>'); }) $("div.new").live("load", function() { var cW = $(this).children('span').innerWidth(); alert(cW); }); You can also find it here: http://jsfiddle.net/manolis/kG8r2/4/
How to load external example.php into index.php(div ="content")
Hi mam/sir. I'am a jquery beginner. and making my first site project. I just want you to ask some question. Can you give me tutorial or example code How to load an external download.php into index.php(div ="content") example.. This is tab navigation Home Download About Suggestion Then If I press Download Button i want it to load in Home (div="content")... Hope you can help me sir.. Thanks.. :))
CSS conflicting with JQuery Cycle Plugin
Hey guys, I am rather to JQuery, but love the possibilities. However I am finding my first experience rather vexing. The JQuery Cycle plugin works great in my site folder if I place it in a new file. But when I try to place it in my existing index page with existing CSS it displays the images on top of one another not in the div where they are placed. I can send a screenshot if that helps. I have also included my site folder with just the index page and all the files including graphics, scripts and
unique? jquery cycle plugin issue
I have looked all over and cannot figure this out, I may be going about it the wrong way and am just going cross-eyed. I have a few "panels" that I am looking to cycle. The panel has a width of 100% with a background image. It is supposed to span the whole width of the browser. the content is set at a specific width, centered in this panel. I am looking to cycle the background image and content but just can't get it to work (the panels have a set width and are pinned to the left, not centered. simple
how to get rid of fade animation in slide show?
i have a slideshow at http://rebeccacairns.com/portfolio.html which utilizes the following code. how can i get rid of the fade effect and just have one image transition to the next cleanly with no fade animation? /* * jQuery Cycle Plugin for light-weight slideshows * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007 M. Alsup * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html
how to set other div on top of jquery ui dialog ?
The zIndex doesnt work, I have this Div with zIndex 10000, and set the jquery ui dialog zIndex with 1000, still, the dialog box is on top of everything, must missing some thing, please help, tks in advance
Question on Jquery UI - 1.8.11 ui-dialog box
I upgraged my dev environment from JQuery UI 1.7.2 to 1.8.11.. The UI-Dialog box that is invoked as modal just vanishes after a few seconds automatically and previously it was not. Also the dialogbox styles are screwed up. It was only after Jquery upgrade. The dialog box disappears even before any button is clicked, i.e it automatically takes the option as "ok" and performs the corresponding action. But when I hit 'cancel' in the dialog before it automatically closes, then it performs the cancel
Invoke function after slide complete when using jQuery UI hide(slide)
When using the jQuery UI hide(slide), how do I invoke a function after the slide is complete? The arguments permitted are direction, distance and mode but what about a function? $("div").click(function () { $(this).hide("slide", { direction: "down" }, 1000); });
Datepicker Doesn't Refresh Data
Alerts and Firebug shows that everything is working perfectly but datepicker calendar doesn't refresh. What I am trying to do is: Bring employees available dates whenever employe combobox selection changed. I believe it is synchronization problem but couldn't find a solution ? Any help is highly appreciated. Below is the code: $(document).ready(function(){ $("#employecombo").change( function() { $.ajax({ type: "POST", data: "id=" + $(this).val(),
show input box based on select value
I have the following code doing ALMOST what I want. It shows an input field when the select value is "dropped". The problem I am having is that if I select "dropped" it will display the input field, but if i select a different value AFTER selecting "dropped" the input field is sill displaying. How would I get it to hide the input field if it is NOT selected? Thanks for any help! <!--SHOW/HIDE DIV--> <script type="text/javascript"> $(document).ready(function(){ $('#dropped').hide(); $("#thechoices").change(function(){
Modifying jquerymobile themes
Hi, The Jquerymobile themes framework its cool. I need to modify some of the colours of the default themes, is there any easy and "clean" way to do so? thanks!
.clone() problem
I have a simple form that has row of input fields where the user can add values, and under one of the input boxes on the next row I have a total. This type of thing (a simplified version) <table> <tr class="dataRow"> <td>[Input box]</td> <td>[Add new row button]</td> </tr> <tr> <td><span id="Total"></span></td> <td></td> </tr> At the end of each row with the class of 'dataRow' I have a button to add a new row. Clicking this button adds a new row of that type. So no probelm there. The issue is that
validate errorPlacement offset problem - how to call twice or refresh?
Hey all, I'm trying to use errorPlacement with the Validator plugin for jquery, but I'm having issues with the offset. If the element is hidden at the time of validation (in a different tab), the offset returns the value 0,0 (top left corner of screen). $(document).ready(function() { var tabs = $("#tabs").tabs(); var validator = $("#myForm").validate({ errorElement: "div", wrapper: "div", // a wrapper around the error message errorPlacement:
problem with php pagination and jquery/js (image rotator)
I'm having a slight problem with php pagination and jquery/js. On the following page http://dev2.bluemuledesign.com/athletes.php you'll see an "athlete profile" area. Whenever an athlete photo is selected, javascript/php are used to switch out the athlete info. This works perfectly fine. The problem occurs if I use the left or right arrows to view more athletes (the left and right arrows are set with php pagination to switch to the next four records in the database). Whenever I do this, the athlete
Single form Multiple Page Validation?
Hi Friends, I am working on single form divided into multiple pages using <div id=""> I am using next and previous buttons <input type="button"> to navigate between these pages but I am unable to validate each page before moving to next page using next button I am displaying next page form by using "element.style.display = 'none' & element.style.display = 'block' " method. Please help me with validation on the current page before moving to next page. Any help is appreciated. I am adding
Naming variables
This is not a question, but a point worth emphasising. When naming variables I often see people using names such as 'url', 'width' and function names such as 'hide()', etc. I would encourage people to avoid this practice! Although they are not necessarily reserved words or invalid names, they can cause very hard to find errors. In particular, they may work well in one browser, but cause strange effects in another browser. In particular, if you name a function, for example, 'hide()' it is possible
Head tag of ajax content ignored in Safari but nowhere else
I just noticed that some javascript I put in the <head> section of a page that's later loaded via ajax isn't being run in safari. For example here's a page: <html> <head> <script type="text/javascript">alert("hi");</script> </head> <body></body></html> If I load that page up via ajax: $(body).load("page.htm") safari never fires the alert, but all other browsers do Is this by design, maybe head sections are supposed to be ignored in ajax content? It's not a big deal, I can easily put the script into
Different Between $(document).ready(function(){}); and $(function () {});
Hi, When I work with JQuery, I have seen some people write JQuery script on $(document).ready(function(){ ... }); and others write on $(function () { ... }); I would like to know the different between both ways and how to one style when we are writing JQuery. Rasika.
Hours of google'ing for hover effect
Hello, After hours (read: days) of google'ing i decided to take this to the forums. I've been looking for an simple script that makes a image grow slightly on each side and uses z-index. All the results i got are carousel's or complicated scripts. Isn't there a simple solution for his? Thanks in advance! MeKae23
jqeury slideshow not working once easing script is added
Hi Folks, I'm using the wpesp portfolio theme. I'd like to add a lavalamp menu, but when I link up the appropriate javascript files. The slideshow stops sliding. Here are the two scripts, I can't see any conflicts or ambiguous names. I get the following error: Error: jQuery.easing[jQuery.easing.def] is not a function Source File: http://www.mharrisweb.co.uk/wordpres....easing.1.3.js Line: 46 Which highlights this bit of code: def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default);
Problem with multiple droppable's
Hi all, I recently found out about jquery and I have already been experimenting a bit with jquery (draggable, float in etc.) but now I'm trying to actually do something with it I've encountered a problem. I'm making a sort of opening for my schoolproject-site where the user has to drag draggable divs to make the picture complete and enter the website (a bit like a jigsaw puzzle). The problem is, when you drag for example the right bottom tile onto the left top corner it does not see the piece as
setting a hidden input value from Autocomplete
I have an Autocomplete for state and province names running. I want to pass the state abbreviation to the next cascade of Autocomplete. I created a hidden input and I want to set it to the abbreviation when the state name is selected, then I'll select it for use in the next tier Autocomplete. I've tried several things, done a lot of Google searching and reading jQuery books, but I need some help. The stateProvince input box autocompletes and selects the full state name. The hidden input does
function(e)
Hey, when do i use function(e) and when do i use only function()? $('a').click(function(e) { var $this = $(this); if ($this.attr('href').match('google')) { e.preventDefault(); } });In this little example I have to use it but i dont understand in which cases I have to use it? Anyone an easy explanation to help me?
Best Practices for Pagination (morenation)
Has anybody built a good morenation script for a list view? By morenation I mean a facebook style where the next page is attached to the end of the list rather than pagination where you would go to the next page. Right now, I have a list view and added a li at the end with my more link. This is my current code $('.more a').live('click', function(){ Mobile.showIndicator(); var more = $(this); var list = more.closest('ul,ol'); var url = more.attr('href'); console.log(url.indexOf('?'))
Jquery Color change
Hey, I am currently trying to change the color of my text in jquery. The problem im having is im not sure how to change my color back to the original css color when I click on the other link. Instead the color just remains and does not go away. (By the way im not strong on this language so keep it simple for me) Cheers. Here is my code: $('#navigation ul.submenu li a.sug').click(function() { $('#navigation ul.submenu li a.sug').css("color","#e1519f"); }); $('#navigation ul.submenu li a.man').click(function()
Sorting and Hiding list elements
Let's say I have two lists for menus and one list for sortable content. <ul id="type"> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> <ul id="location"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <ul id="content"> <li class="A 1"></li> <li class="A 2"></li> <li class="B 2"></li> <li class="D 4"></li> </ul> If I click on "A" in the #type list, the content list is sorted, the li's with the classes "B" and "D" are hidden
jquery html fragment results in different no of elements in internet explorer
Hi, I tried this code in http://jsfiddle.net/sesrikanth/AyPwh/ jquery reports as 4 elements in firefox/chrome browsers correctly where as 0 in internet explorer 6.0 How do i fix this? Should I report this as bug?
Change yes/no labels in jqDialog confirm dialog?
This seems like it should be easy to do, but I've had no luck. The buttons that come up when I call the "confirm" method from the jqDialog plugin display default values of "yes" and "no." Under most circumstances this is fine, but I need to change their values to "confirm changes" and "discard changes" in one particular case. Can anyone suggest a way to do this? My code so far... ($).jqDialog.confirm("Do you wish to keep these changes?", function() { ... "yes"
Display text from selected html tags
suppose i have a strings (html): Lorem ipsum dolor sit amet, <span id="display_only">consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. How can i display only the text whicj is inside the #display_only tag.... So that the result would be consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
not $(this).....
$('#radioBtn1,#radioBtn2,#radioBtn3').click(function(e) { e.preventDefault(); $(this).parent().parent().children().addClass('bgImg'); $(this).parent().parent().children().removeClass('bgImg'); // how do I remove class from two buttons NOT clicked????? thank you..
Form Validation Question
Hello All, I'm a bit stumped on what the best way to validate my form that I have built out. Here is the form. http://pretendcity.org/temp/asq/index.html This is what I need it to have do: 1. If the user select "My Child is older than 5 1/2" the form should decline. 2. ZIP code has to be one of the ones I have from a list I was given (about 50 ZIP codes) I cannot figure out how to do both, I was told to do the ZIP by passing it through with an array but I'm not too familiar with jQuery or java (im
Problem with IE8 and slideUp
Hi and i hope youll be able to help me. Im writing a little script thats supposed to show a sublist when a link is clicked and hide all other sublists at the same time. And it works fine except of course in IE8... When i click the link there it just expands a bit and then hides again. I tried everything i could think of.. i tried commenting out everything except for the line thats supposed to show it and changing the method to show(). That shows it, but when using slideToggle() or toggle() there
I tried to prevent history stack change and dont know if i was successfull
Hello! I got a few links for interaction only. The links should display the servers html result but not change the history stack. acting more like an input form... For simplicity i wouldnt write javascript event code for handling stuff. So i started with this html markup. <a href="/bla/fourtytwo/hangman" data-changepage="false">change form values</a> I've implemented my new data attribute changepage in jquery.mobile.navigation.js. It seems to work but because i dont have a glimpse about jqm core
Firebug and hidden input fields
Hi, I have 5 hidden input fields in a form that I'm processing in jquery with $('#some-id').val(); which works fine in Firefox with Firebug not installed (and also other browsers). However if I have Firebug installed it deletes some of the values of the hidden input fields and some get mixed up, seemingly at random. It works fine if I change the input fields to text fields, but obviously I don't want that. Anyone else come across this problem? Is there a way around this? Most users won't have firebug
Multiple Selectors
I am having trouble with using multiple selectors for my table striping. I am currently using the following. $("table:not(.no-stripe) tr:odd").addClass("tablestripe"); This works great except that occasionally there will be a row in the table that has a class assigned to it that ends with "tablehead" to give a different background and font color to the row. I don't want those rows to be affected by the striping. <tr class="dkredtablehead"> I am also using $("table:not(.no-stripe) tr:not([class*='tablehead'])").hover(
player in iframe
Hi everyone, I have a default.asp page and within an iframe that displays another page with a video. (there are used SWFObject and jwplayer). how do I take the player object (within iframe) from default page? so, that I could trigger a play/stop function? thanks a lot bye
Datepicker animation problem - jquery-1.5.1
Hi, I hope I have posted in the right area, not sure if datepicker is part of jquery or a plugin... The problem I have is as soon as I add an animation to datepicker it stops working. You cannot open the datepicker anymore. The code I have is very simple: $(function() { /* Add menu bar at bottom of the picker */ $( "#datepicker" ).datepicker({ showButtonPanel: true, showOn: "button", buttonImage: "img/calendar.gif", buttonImageOnly:
Help to modify a jquery script
Hi! I need help from you, sorry for my english, I hope you understand me... I have a gallery made with jquery, based on this example: http://demo.webdeveloperplus.com/featured-content-slider/ So, I'd like to have the transition effect not only in the main image, but on the right - grey panel too. The script I actually use is very simple: $(document).ready(function(){ $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); Can you help me to modify it as I need? Thank you very
how to get multiple form input, select values from the same page in php?
I have multiple <select></select> elements in a php page. After an option is chosen from the first drop down <select></select> element, options of the 2nd drop down <select></select> element will show up. Selection of an option from the 2nd drop down list will get the options in the 3rd dropdown list show up. Thus input from the 3rd drop down list will show up the options in the 4th drop down list. Such is the case for the 4th, 5th ,... drop down list. each time depending on the inputs from the
Next Page