Can't click the anchor
Hi, I have a problem with my jquery. This is my code: jQuery(function(){ jQuery(".class1").toggle(function(){ jQuery(this).animate({ height: 250 }, 'slow'); jQuery(".class12",this).animate({ height: 250 }, 'slow'); jQuery(".class12",this).slideDown('slow'); },function(){ jQuery(this).animate({ height: 100 }, 'slow'); jQuery(".class12",this).animate({ height: 80 }, 'slow'); jQuery(".class12",this).slideUp('slow'); }); }); The HTML looks like
Superfish is sliding
Hi there ! I'm wondering how can i fix the jquery superfish to a position : in the css, i've positioned the superfish to absolute, with a top and left parameter, but when i resise the browser window, the superfish slides... I don't know if i explain myself correctly, so i join captures. What can i do to fix the position of superfish ??? Thanks a lot !
Appending to appended elements?
What is the proper way to .append to an element that has been appended? I'm creating a unordered list via jQuery and attempting to append list elements to said list but those elements, loaded from an XML file, duplicate themselves when I do this. When I append those list elements to an html element that is hard coded into my html file, this does not happen.
Please help with jquery and ajax call
Need Help with code jquery newbie [code] <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ }); </script> <br/> <b>Select Web Instance to Auto-Populate fields for addition</b><br/> <select id="webselect"> <?php $query=$wpdb->get_results("SELECT DISTINCT instance_name FROM ts_web_layer"); echo "<option value=none >Select</option>"; foreach($query as $row) { echo '<option value='.$row->instance_name.'>'.$row->instance_name
validate is failing on a field that is not a required field
I have a credit card field that is only mandatory if they select a credit card as a payment type. If they select Gift Certificate, then I set the card to not be mandatory: $('#creditcard').removeClass('required').removeClass('creditcard'); validationRules.rules.CardNumber.required = false; however the validation still fails on the creditcard field. If I enter this in to Firefox's console: $("#OForm").validate().element("#creditcard"); it returns false. Hopefully someone can give me some additional
Fade out & Replace problems
I'm going a little crazy with this. I'm attempting to fade out an image and replace it with another image in the same place and I just can't figure it out. Here is what I have. Any help that you experts out there can give me, would be great! Basically, I want the page to load showing image 1, then image 2 would slowly fade in over top of image 1 and replace it permanently. Here's the CSS: .image1 { position:absolute; left:0px; top:0px; width: 864px; height: 576px; float:left;
jQuery UI Dialog Widget Showing Resize control on lower left corner instead of right??
So I'm simply creating a modal dialog, and for some reason, the resize image and functionality is showing on the left side of the dialog instead of the right side...any idea why this would happen and how I could fix it??
ajax request in 'script' datetype
hi guys i write some program using jquery $.ajax , i want to ask a javascript file from another web-site,the url is 'http://hq.sinajs.cn/list=sz002004' just to get the stock information and show it in my program,but when i wrote this $.ajax({ type:"GET", url:"http://hq.sinajs.cn/list=sz002004", dataType:"script", success:function(data){ alert('hq_str_sz002004'); } }); and i find that the request url
Center Lightbox for Jquery
Hello, I'm using the plugin "Lightbox for Jquery" (http://leandrovieira.com/projects/jquery/lightbox/). I would like to center the box in the navigator, instead of the default position which is close to the top. I now that i have to change the operation of CSS positioning in the JS code but i'm not a specialist... I tried and "broke" the whole script. I'm also a noob in mathematics ;-) Your help will be realy appreciate! /** * Create the jQuery lightBox plugin interface *
jQuery SVG and svgweb
I've started a github fork of the jQuery SVG plugin to add support for svgweb. My work-in-progress is here: https://github.com/apendleton/jquery-svg It works well enough to run the "jQuery SVG Basics" demo, but is generally super-alpha: it runs a couple of the other basic demos from the jQuery SVG demo pages, but doesn't run on many others, and actually crashes Google Chrome in a couple of circumstances. I'd eventually like to get it to a state to be contributed back to the maintainer for possible
JQuery 1.4.4 & JQuery UI 1.8.6 Selectable helper: 'clone' not working for a table object
JQuery 1.4.4 & JQuery UI 1.8.6 Selectable helper: 'clone' not working for a table object. I have a HTML table with rows and data. Selectable is working OK, but helper: 'clone' is not working. When I start dragging, the original row immediately disappears, no matter what I put as a helper value. I even created a custom helper function which explicitly clones the current row, but with no result. I ended up creating a workaround like adding start: 'start' and setting up the function like this: var start
Can jQuery dialog be used in place of a javascript confirm?
I can not figure out how to replace a javascript confirm with a jQuery dialog. I can attach it to my links, but when the user clicks Yes, I don't know how to find the link that initiated the action and how to continue the click event so it works universally for href and onclick. Thoughts? <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script> <link rel="stylesheet"
Problem with iPad
Hi guys, I am working on a website where a popout shows when the mouse is rolled over an anchor element. Obviously roll-over behaviour cannot work on touch-screen devices like an iPad. My client requires that I implement device-specific logic for tablet devices (or at least the iPad). I need to assign rollover event conditionally: var rolloverHandler = function() { ... }; jQuery('#navigation a.item').each(function() { var item = jQuery(this); if ( user agent is an iPad ) { item.click(rolloverHandler);
How to change .hover event to .click?
There is an accordion. I try to make it worcking with .click event instead the .hover event. Here's original code: <script type="text/javascript"> $(function() { $('#accordion > li').hover( function () { var $this = $(this); $this.stop().animate({'width':'480px'},500); $('.heading',$this).stop(true,true).fadeOut(); $('.bgDescription',$this).stop(true,true).slideDown(500);
Multiple instances of galleria on same page?
I'm trying to set up multiple instances of the galleria plug in on the same page. Here is the page I am working on: http://mycasadelsol.com/discover2.html I don't really know javascript very well so that's why I'm stumped. Can anyone help? Thanks.
Navbar renders multiple times if it is defined within different pages but inside one HTML file
Hi guys, I'm currently having some trouble with the navbar. What I'd like to do is to use a navbar with three tabs in my application. Therefore I defined three pages inside on HTML file and added the navbar markup so every page, giving it the same data-id. The result of this is, that the navbar is rendered three times on the screen! I guess that happens since I define the navbar multiple times within one HTML file. But shouldn't this be possible? See my code on: http://jsfiddle.net/TM569/1/ Does
Radio, checkbox and select disappearing
I am using jQuery mobile to develop a mobile friendly site. When I post a form to the same page all the radio buttons, checkboxes and select boxes disappear. (The reason for doing that is to display validation errors above the form.) More generally if any of these controls has an id which is the same as a post variable name they just don't display. I don't know whether it is a bug or feature, but it seems to be the former to me. Edit: I figured out in the meantime, that it is not neccessary to actually
resizable and chrome
The following web page and application.js should just make an image resizable... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.6.custom.css" type="text/css" media="screen" title="no title" charset="utf-8"> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
Autocomplete Problem
Hi, i am using jquery auto complete in combo box format. after loading or changing i am using another button which has click event and will show a alert box with the value of combo box. please help me asap.. Thnx.
Stopping keyboard from showing!
Hi All. Is there a way to stop the keyboard from popping up once I focus on an input field. I have tried eve.preventDefault and event.stopPropagation() but I cant stop it. Is there a way to do this ? Thank you if you can advise.
get parent element of div based on div content
Hi, I try to get the parent element of a div based on the div content: ($('div:contains("' + BaseHtml + '")').parent().html();where BaseHtml is the content of the div. but this always return null. How can I do?
JQuery Plugins and FormView in ASP.net 4.0
I have implemented JQuery plugin my application which is having FormView. I have also added JQuery Validation method successfully which will check duplicate Company Name at the time of Insert mode. Now situation is like JQuery plugin can work at time of Insertion mode Perfectly. It will check duplicate addition of Company Name. But When FormView is in ReadOnly Mode and when I click on that Add New Button to make my FormView in Insert Mode than it will Check again for duplicate validation it should
jQuery FAQ recommends CSS float property unnecessarily
In the FAQ, under the heading, Why do animations set the display style to block?, a workaround proposed is to set the element's CSS float property [to something other than none]. This may be bad advice, as floated elements have side-effects that may be unwanted* and working around those side-effects can be a delicate art. There is a much better alternative, designed specifically for the task: display: inline-block. This style is supported in all of jQuery's supported browsers, excepting the following:
Multiple File Upload... Eliminate Spaces
Hello Everyone! I am knew to JQuery and I don't necessarily want to learn everything about it. I primarily use HTML and MIVA and through in some miscelleanoues java scripts and other snippets of code I need to use from other languages. With that said, I am using the multiple file uploaded from this page: http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Overview I have it working fine and will attach a database to the process so it will add an entry for each file that is uploaded so that
About textbox cascades problem?
I reference this site's TextBox Cascades. I want to select "personal name" in the first column using select box, and auto match this personal name's email using textbox in the second column. Please help me how to do this? Thanks in advance
Use id's and classes in generated html
I have problem using the generated html from my jquery action. This was the idea: I have a form in which I can add fields on the fly with a button. I generate this fields by javascript so I don't have to reload the page all the time. See code below. I also add a button to delete this fields. this buttons do have an id so I know which field I have to delete. But the problem is that the id's are not found. only if I put the function to delete the field in the function where I add the field it works
Datepicker and new rows..
Hey Guys, I've got this code: $('.datepicker').hover(function(){ $(this).datepicker({ dateFormat: 'dd-mm-yy' }); }); $('.addrow').click(function(){ $('#tableform tbody>tr:last').clone(true).insertAfter('#tableform tbody>tr:last').show("slow"); $('#tableform tbody>tr:last input').val(''); totalrows++; });I basically have a table where the user can add an extra row to input data, that all works fine, the issue that I have is with the
Cloned table with datepicker always opens the datapicker from the original NOT the one from the cloned one
I have a table (has more info than this, but to save space I removed the extra fields) and inside this table, I am using jQuery UI calendar datepicker. See #1 <table class="formInfo" cellpadding="0" cellspacing="0" id="newShowToVenue"> <tr> <td><img src="img/information.png" alt="help" width="16" height="16" class="help" title="Date" /></td> <td>Date</td> <td class="datepicker_box"><input name="show_date[]" id="show_date" class="datepicker" type="text" value="$showDate" /></td> </tr> </table> I have
how do I set pulsate mode to hide?
in the documentation they explain that you can stop the pulsation prematurely by setting the mode to hide but they dont give an example of how to do that In my script I need to cause the pulsate to run in an infinite loop and then stop the pulsation on a mouseout event. I almost have it .... I just am working with the mouseout event how do I prematurely stop the pulsation animation I tried so many things $(this).effect.stop(); $(this).effect.stopALL(); etc... how do I do it?? here is my code <script>
Some page rendering issues
<legend> inside <fieldset> makes Safari (both on Mac and iPad) not render the page. <div data-role="footer"/> makes the browser not render the page; Chrome, FFox, Safari. <div data-role="footer"></div> works fine.
Programmatic page modification before jquerymobile kicks in
Hi, I have a single html document with multiple pages. I don't want to repeat the navbar for the pages. My idea is to define a invisible div element that contains my navbar and, before jquery mobile does its magic, I want to enrich each page with a copy of the navbar. Something like $('div[data-role="footer"]').append($('#footer-template').children()); If I do it in the $(document).ready function, this is too late. If I do it in the $(document).bind("mobileinit") function, it is too early because
mouse on, mouse off
hi, when i mouseon an image, how can i make it so, the image i'm mousingon and a second image both fade into alternate images, and then fade back out to the original images when i mouseoff? here is an example- http://www.javascript-fx.com/development/ifctest/ifctest.html . any help would be most appreciated.
Using JQuery templating, How do i pass the current rendering element as an argument in handler
Hi, I need to pass the handler before and after rendering every element inside the template. while passing i need to send the dataitem and also an element because user can manipulate the element attributes. Currently i am using MS Ajax template in that, i am using like following, <td sys:codebefore="before($element,$dataItem)" sys:codeafter="after($element,$dataItem)> </td> <td sys:codebefore="before($element,$dataItem)" sys:codeafter="after($element,$dataItem)>{{Name}} </td> here $element will refer
loading jquery breaks the display in ie7
hey guys, i'm totally new to website developing. trying to build a site for some friends and i have this problem: i wanna use jquery for some effects but as soon as i load it with <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>it breaks my design in ie7.. you can see it at www.athenslindyhop.com/el/classes.html the border grows larger than the page.. strange thing: if i zoom in or out and then back to100%, to design is fixed... any ideas
jNice Plugin - checkboxes - select all?
Hi all, I'm using the Jnice Plugin http://plugins.jquery.com/project/jNice to style my forms. It works really well, but there's one thing I can't figure out how to do - put in a 'select all' and 'unselect all' for multiple checkboxes. Has anyone done this before / is willing to share their code? Cheers, Min i'm a leaf on the wind...
Feeling daft - help with sliding tabs / resetting css values.
Hi all, I'm an extreme newbie when it comes to jQuery... I have some panels - they slide out when the corresponding tab is clicked. I've used .toggle() to get this working, and animate the right (absolute) position to move the panel left or right. This works fine on it's own, but within the panel, I have to have an additional 'close' button. my script, and I'm sure it's really convoluted, but with my limited knowledge it was the only ways I could think to achieve what I wanted: $(function() { $('a#tab').toggle(
Assign variable to function
I'm trying to assign IPAddress to using the code below: function GetIP() { $.getJSON("http://jsonip.appspot.com?callback=?",function(ipadd){ //var IPAddr; IPAddr = ipadd.ip; return IPAddr; }); } var IPAddress = GetIP()What am I doing wrong? When I alert(IPAddress); I get undefined. If I alert(IPAddr); within the function, it works just fine.
Can YOU help me with this problem? Web Development using jQuery
Scoured the Net. No one has even remotely tried this, at least not that I have found. Perhaps YOU could be the one to help me with this... First of all, I can use jQuery for the typical, eye-candy slides, fades, tabs, blah blah blah. Yes, this is fun from a Designer standpoint, really fun, actually. Cool as this may be, lately I have found it irritating to try and find a good tutorial on using jQuery for Development. There are some simple ones out there , but nothing too complex. It's all just the
JScrollpane - Dynamic Content?
Hi there. I'm relatively new to jquery. I've been using the JScrollpane plugin that allows you to customize Div and page overflows pretty neatly. However, I'm having a problem when I change the content of the div the scrollpane has been linked to via .text() or .html(). As you can imagine the desired functionality I require is that the Div the scrollpane has been linked to keep the scrollpane if the div 'overflows'. However, I am losing the scrollpane upon calling the function that changes the content
text-indent bug (bugs.jqueryui.com isn't working for me)
text-indent: -99999 on icons makes adjacent inline elements disappear too. To reproduce, view this in IE8 with Browser Mode: IE8 or IE8 compatibility view, and Document Mode: Quirks Mode. <html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css"/> <style> /* "body" required for reproducing bug */ body .ui-icon-star { background-image: url('/some-url-404'); /*
Next Page