Help for noob
Hi, i'm relatively new to the world of jquery and javascript so would appreciate some help to get the right approach to this function. I currently have a dropdown menu - standard css dropdown really <ul class="hover"> <li><a>level 1</a></li> <li #id="tab1"> <a>level 1</a> <ul> <li><div class="dropdown"></div></li> </ul> </li> <li><a>level 1</a></li> </ul> I want to enhance the presentation on hover with jquery so I have taken a few steps already. 1) Firstly I switch a body class from 'no-js' to 'js-ok'.
Hover script help. Please
Hello, I am working on a hover script but I don't understand why it is not working.... <script type="text/javascript"> $("#social ul li").hover(function(){ $(this).animate({margin-left:"5px"}, 100); } </script>
Open jquery lightbox by clicking on span and not a link
Hello, is it possible to open the lightbox by clicking at a span and not at a <a href for example: <span class="lightbox"><a href="/images/testpicture.jpg">test</a></span> Thanks
jQuery.param
I have next code: var $checkedRecords = $('input[name="checkedRecords"]:checked'); var checkedRecords = $checkedRecords.map(function() { return this.value; }); var data = jQuery.param({ checkedRecords: checkedRecords }); There is error on line 3: uncaught exception: [Exception... "Not enough arguments" nsresult: "0x80570001 (NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: http://localhost:62293/Scripts/jquery-1.5.2.js :: anonymous :: line 6846" data: no] Seems like $.param iterate
Animation Query
Hey everyone, I have a problem that's been irritating me for a few days as I am relatively new to the animation part of jQuery. I will explain what I am trying to do. A button is clicked (works) An ajax call gets a number from a php script and brings that variable to the page (works) I then show the number on the page (works) The part that doesn't work is that I want to have the number do the following: 1) Increase font size over.. 2 seconds lets say 2) Move up the screen about 50px over 2 seconds
How to avoid enhance a particular element
Is it possible to mention not to enhance that particular element (e.g : a button) Thanks in advance. S.Premchandar
Issue with scroll loader fade-in in IE8 using jQuery 1.5.1
Hi, I've put together a scroll loader using jQuery and classic ASP which works fine in FF and Chrome on Mac and PC and Safari on the Mac. IE does not work correctly. The scroll loader uses the example at Web Resource Depot (http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/) as the basis of the loader. I've added an empty div with a height that allows the user to scroll down a little before retrieving the next set of items using the loader.asp script. Once retrived, I fade
JQuery UI submit & button style difference
Hi, I use UI for designing my layout, but found that "<input type=submit" button has fewer bottom padding, than "<button>" type, so they looks different side by side. (imagine: Submit - Cancel ) I use the same class for both. When I try to use <button> for submitting, my form doesn't submit, nor validate, so I dont think changing code this way. Maybe I should 'hack' the CSS, but how? I use default Themeroller theme "cupertino". And I don't use any icon inside the buttons. Any suggestion? THANKS
Populate Drop Down List using jquery mobile from textbox
I have a textbox whose id is other and I want to populate this textbox value into drop down list This is javascript I am using to populate... but this is not working.. Any suggestion will be appreciated...!! I want to do like this:- http://viralpatel.net/blogs/demo/dynamic-combobox-listbox-dropdown-in-javascript.html <SCRIPT language="javascript"> function addCombo() { var textb = $('#other').attr('id'); var combo = $('#category').attr('id'); alert(combo); var
Really need some help using checkboxradio
Hi i really need some here, im struggling for our with something i suppose is really simple i have a fieldset in which i have a checkbox list. im listening to the tap event on the label of the checkbox. but nothing really happens when im trying to refresh it here is the HTML <form id="frmMenuSelect"> <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <fieldset data-role="controlgroup" ....> <div class="ui-controlgroup-controls">
basic each() question
I want to get all element which have the classname 'blaat'. So i tried using 'each()', but for some reason it isn't working... This is the code i have: jQuery.each ( 'li.blaat', function(){ alert('aaa'); }); I only have 2 elements with the classname 'blaat', but it gives me 9 times an alert message... Am i using the function wrong here??
GET ItemValue and Item Name using Index
Hi, I am urgently need a code in this manner var chkIndex = $('#ddlLevel').get(0).selectedIndex - 1; alert('chk: ' + chkIndex); here i got previous index value using current index, now i want to retrieve item value and item name using that previous index value, my code is var chkValue = $('#ddlLevel').val(chkIndex); alert('val: ' + chkValue); but not able to fetch item value and item name // Pass Item Name and Item Value to
Best way to compare two lists with drag, drop and sort.
Hello! So I'm making a tool, which can compare and list items. I'd like to animate them, and make looks cool :) Please help me in fix some issues. issue 1 mouseout event binding Sometimes the overlay panel closes if I pick an item and pull it to list1 - list2 - list1. issue 2 click event binding If I push an element to list1, drop it to the list and click on the another list, the list will comes closer. On clicking back to list1 it animate 3 times instead of one. :P issue 3 placeholders How can i
cross browser select options
hi i have a simple html select control with 4 options. i wish to show / hide these options depending on a condition. ie condition 1 show - select / option1 / option2 condition 2 show - select / option 3 using .show / .hide doesnt work in IE so have got this approach working to remove options depending on the tested condition. $(".dropdown_delivery option[value='1']").remove(); however when i try using append or appendto to put in the options to show it just repeats these every time the event is fired
problem in working with ajax
hi everybody,I'm new to jquery and try to use that in my website.but the problem is when i try to check captcha with ajax request via jquery the code does not go on well.here is the code that i used.please help to figure out this: at first i request tu check that is captcha valid or not and by returning true or false try to insert comments to DB.but program always falls in (else) part of insertComments() function and i confused totally thanks in advance function insertComments() { test = CheckCaptcha();
jquery for changing font-color depending on background img using NivoSlider
I'm using the Nivoslider to fade between a couple of pictures. In the nivoslider div i've got another div displaying some text. Is there a way I can change the font-color in the text-div depending on what image that is shown?
clear text on all inputs
why not put the clear text function on all possible input fields and textareas?
noConflict working for alert by not css change
Im using the jQuery noConflict method here: http://drupal.org/node/1058168 Now, both of the following work: $jq("document").ready(function(){ alert('alert'); }); $("document").ready(function(){ alert('alert'); }); However this does work: $("document").ready(function(){ $(".view-product-slideshow .pager-num-1 img").css("display","none"); }); But this does not: $jq("document").ready(function(){ $jq(".view-product-slideshow .pager-num-1 img").css("display","none"); }); Ive used the noConflict
Pause "rotating" images on mouse over
Hi, I currently have a loop of images showing up on the bottom of the screen after various intervals, and the only thing left i need to do is to pause this temporarily whilst the mouse is hovering over the current image. Heres the code so far; var InfiniteRotator = { init: function() { // initial fade-in time var initialSlideIn = 1000; // interval between items var itemInterval = 12000; // cross-fade time
form validation messages disappear
Hi guys, I'm learning jquery. I'm trying to display error messages when form validation fails. Currently the error message does show but disappears straight away. I am doing this in wordpress, trying to create my own validation plugin. It does show the error message 'This field cannot be empty' when I click submit but disappears straight away. The below code is in the sks_email_form.php file function jquery_validation(){ //echo 'Inside jquery_validation'; //works //echo plugins_url('/js/validation2.js',
Submenu Image Change while page scrolling down
I have to design a website for my friend and I have no clue how to change the menu image if the page scrolls down, for example If the person clicks on a submenu it will take them to a specific anchor within a page, I have setup a custom jquery scroll bar so all the contents are in the Div that is scrollable. The website is: http://www.cobrie.com/adstest/ If you can see that if you click on the submenu which is 2nd hand and repair and rebuild the content will scroll to specific area, but the clients
$.post() asynchronous return value problem
Hi, I am having problems with my $.post function returning a undefined value. I read somewhere this is because the function returns the value before it gets a result from the server. I am not quite sure how to get around this... function addMediaCategory(name,parent_id) { $.post("addMediaCategory.php",{cat_name:name,parent:parent_id}, function(data) { if(data == "ok") { return "ok"; } else { return "error"; } },"text"); } function callMediaAdd() { var returnVal = addMediaCategory("Cat1",1);
Trigger click event
Hello, I was wondering is there a way to trigger a select event for the menu? My problem is that I have an ajax event bind on a menu item, and I want to call it on document ready. thx
Alpha 4 questions so far
Hi, great to see another release. a few questions so far: data-nobackbtn="false" doesn't have any affect, the close button still appears, I'm currently working around this by removing the <a ref. This is more an idle curiosity, why are there two tick icons in the icons-18-white.png other than that, upgrade seamless so far regards Matt
Force Ajax load external page
Hi is it possible to ajaxload an external page with jQueryMobile from another domain actually I would like to load it from my PhoneGap mobile app /jesper
superfish in footer region
sorry, i use superfish but the i have problem with dropdown: When I click the dropdown list, a list pops up below the footer and not on help please regards
Can't zoom
I am using jQuery Mobile to build a mobile website for my company. I have built and tested it. I have come across a problem where the zoom feature does not work in any of my mobile devices. Is there a way to fix this or is zooming not possible in jQuery Mobile?
alpah4 listview problem refresh speed very slow
jquerymobile a4 listview refresh is very slow a3 is very fast *** test *** dynamic data insert - 150 count var $list = $("#listMain"); for(var i=0; i<150; i++) { $list.append($("<li>" + i.toString() + "</li>")); } $list.listview("refresh"); <ul data-role="listview" id="listMain"></ul> a3 -> iphone 3gs - 1sec / desktop - 0.1sec a4 -> iphone 3gs - 20sec~ / desktop - 4sec
jQuery Accordion
Hi All, Kindly let me know how to provide hyperlinks in the Accordion header, to navigate to some different page. Any help on this will be greatly appreciated. Thanks and Regards, Sameer
[jQuery] Malsup's Cycle plugin exhibiting strange behavior
I've got an instance of Mike Alsup's Cycle slideshow working on the homepage of a project I'm finishing up, and I'm having different issues with it depending on the browser being used. All of the issues seem to be happening in Mac only browsers. Here's the site I'm having trouble with: http://elixir.biz/coders/marlins/incoming/ The first issue is in FF 3.0.7 on Mac. Occasionally, the first image appears no problem, however the remaining images show up extremely small. I tried setting a fixed width
selectmenu('refresh') when removing items
selectmenu('refresh') when removing items: observed issue in UI In my code I am using jQuery to clear a menu in-place and re-render it. Effectively I run: $('#selectmenu').html(''); $('#selectmenu').append('<li>Item</li>'); $('#selectmenu').selectmenu('refresh'); However, in the UI, upon clicking the menu, the lightbox style list of options still shows old options (Chrome 10.0.648.204 as test browser) even though they are not clickable. Fortunately, only the new options are clickable. FYI to dev
"ajaxLinksEnabled: false" no longer working for listview links in alpha 4?
I use this code to prevent the ajax page transitions and ensure new data is loaded each time a page is visited: $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxFormsEnabled: false, ajaxLinksEnabled: false }); }); This was working fine in alpha 3, but in alpha 4, it no longer works on my links that are within a list view (it still works everywhere else). Could this be due to the change made for how links work in the listview? I did have to refactor the code there for
Putting data onto the POST array
I have been tearing my hair out with this for the past 12 or so hours and am no closer to a solution than when I began. I have a jquery function to dynamically create <li> tags for an unordered list: $(function() { var idealist = $('#idealist'); $('.checklist').click(function(event){ item = ''; $(idealist).empty('li'); $('.selectitem').find(':checkbox').each(function(){ if($(this).is(':checked')){ var caption =
delay and fadein
Hello, this is the code i am using to make my div delay and fadein, but it does not seem to work. Please help me in correcting thr code. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#a').delay(1000).fadeIn(2200); $('#b').delay(1200).fadeIn(2200);
cycle and stepcarousel conflict
Hi all, I'm working on a site and trying to get a news ticker and a content slider working. I'm using News Ticker for WordPress and Smooth Slider, the former uses Cycle, the latter Stepcarousel. I can get both of them working fine independently, and when they're both on the same page the begin working fine, but at some point the ticker will slide at the same time that the slider moves at which point the ticker just stops. After updating cycle to the latest version, the stop doesn't happen, but every
how to reload a page and scroll to anchor in another div
Hi I'm new to jQuery and javascript but already very impressed with jQuery. I have a page divided in two columns (divs). When one clicks on the links in one column, it loads the php page in the other column. I have this working, but what i would like to do is that not only would it load the php page in the other column but also automatically scroll to an anchor in that php page. This is what i'm using at the moment for the links from rightPanel: onclick="ajax_request(leftPanel, page.php#anchor1)"
using date picker
I am trying to use jquery ui date picker. I want to open the date picker only when user clicks on the image next to input field , I followed the example it did not work , may be I am doing something wrong please help here is the html <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Changing Size of Multiple Datepickers on one page
I have a page that has a inline Datepicker and a Icon Trigger Datepicker. I want the inline one to be a certain size, and the Icon Trigger to be another size. The Icon Trigger comes first in page execution. I can change the size for both of them using the CSS class .ui-datepicker, but how do I apply specific styles to individual datepickers? Any ideas? Thank you for your time.
calling $.mobile.changePage inside the success function of a $.post() isnt changing the page correctly
edit2: I sort of fixed it by having index.php immediately redirect to main.php Then $.mobile.changePage("main.php") redirects fine, and all the links are working now, but the url is main.php#main.php ... there has to be a better way? edit: I thought maybe this had something to do with the location hash, so I tried just calling $.mobile.changePage("index"), $.mobile.changePage("#index"), and $.mobile.changePage($("#index")) to go back to the initial index page, which has a data-url of "index", but
Nested Image Slide Show plugin
I'm looking for a image slide show where a set of partent images would rotate and then for each parent there would be 2-3 sub images displayed to the right of the parent image. These child images would then rotate. Once the child are finished then the next partent would switch. Anyone know of a plugin like this?
Next Page