connected sortable - how to reverse sort order ?
I wish to use sortable connected lists, in a manner similar to the example at http://jqueryui.com/demos/sortable/#connect-lists except I want to reverse the default sort direction from top down to bottom up, so the items float to the bottom of the container instead of the top. How can I achieve this ?
script fout accordion effect
hi everyone This is my first jquery effect. i want hide my paragraphs and show them when user choose to. 1 - i have downloaded jquery uncompressed. 2 - i wrote in head: <script type="text/javascript" src="js/jquery-1.5.2.js"></script> <script type="text/javascript"> $(document).ready(function() { $('p#paragraph1').hide(); $('a#paragraphAnchor').click(function() { $('p#paragraph1').show(2000); }) }); </script>
Accordion Help
I am using an accordion list with hoverintent to open each section, but would like to link pages in a different frame based on clicks as well as the interaction with the hoverintent. I can right-click on each header and open the page in a new tab, but it won't work directly. Please respond, as I need help with this ASAP,
trouble passing a variable via POST to a php script
In an Autocomplete source ajax section, I am not able to POST a variable into a php script to filter a query. When I 'hard code' the variable var countryFilter= { "countryAbbrev": "US" }; it is received by the php statement $country=$_POST['countryAbbrev']; and the php script executes with $country=US, and the Firebug console shows data in its POST record. OK so far, but I want the second element (in the above case US ) to change with user selections. When I use JSON.stringify selected.countryAbbrev=$('input[name=country]:checked').val();
Send Data to Lightbox To Use It in a Jquery Slider
hi there are two group of images i have 1- main images 2- sub images every main image has got many sub images so i have tow gallery 1- main gallery: this is a thumbnail gallery. when you click one of them it will open in a lightbox. 2- sub gallery: this gallery will open after a main image is clicked on the main gallery in the lightbox window top of the big size of the clicked main image using database is my last option. so i have to do this via xml or anything else. i create an example of xml for
Make the page follow the mouse' X axis
Hi I'm a total noob at jQuery and JS. <-- Just thought I'd set that out before continuing :P I have a horizontal gallery, where the div technically goes off the page, it can be scrolled with the horizontal bar at the bottom. I'd really like it if when you begin to move the cursor to the right, the page begins to scroll along, and depending on how close to the right (or left) of the screen, depends on the speed and direction. So basically, auto scrolling! :) I've seen it before so I know it's possible...
Multiple OnReady Events Writing Code to Wrong DIV Tags When Back Button is Click
Hi, I have a series of ASP.Net sites that use jQuery in UserControls to write banner ads to pages post DOM load. It works great when landing on a page for the first time or when navigating to a page using a link. Unfortunately when going back to a page using the back button in a Firefox browser it will write content to the wrong div tags all of which are unique. My code is either for writing script tags, iframes, or images wrapped in a hyperlink. I also use the lazyloadads plugin for Bidvertiser
Combining two different effects...
Hi, i'm completly new to this kind of stuff and now i have a (little) problem. First of all i had done a Accordion with Tabs like here: http://flowplayer.org/tools/demos/tabs/accordion.html Thats currently working. I split every head/title of the 3 panes in 2 parts (div), first the name of the head-pane, e.g. "First Pane" and a div-container for a navigation... I want that the navigation part fade in of the current activating pane and the other navigations should be fade out. It's not easy to explain
JQuery IE8 problem
Hi, I'm attempting to write a video player interface which uses fancybox amongst a few other flash player elements. I have a right div that contains video titles when clicked will open a new video in the primary window on the left. The code works perfect in Firefox, Safari, etc, however IE8 displays an "Error on Page" message and won't render the video I click on. Here is the script. It's pretty basic. My question is,,, is there an alternative form I'm supposed to use for the click event since it
Autocomplete with Remote and caching?
How much data can be cached in the browser? My records seem to be about 70 characters from roughly 7 columns in my database.
JQuery equalent for document.getElementById() method
Hi , I am new to jquery world. I am getting some problem while using jquery. on my JSP, I have one input field i.e. <input id="actual0@1#3" value="0"/> I need to get the value of this field using jquery. i am using following statement to get the value : $('input#actual0@1#3').val() however, it is returning me undefined. Could anyone help me to get out of this. I am not getting what wrong i am actually doing. Is it how it should be red or there some other way? Thanks in advance. Regards, Azhar
Each click increases the top position by 100px.
Hello jQuery developers! I have this case: 1) A #box that works as a container, it has overflow:hidden and position:relative. 2) A #dynamic div that is inside of the #box, it has a padding:0 that gives it a height greater than its parent, it has position:absolute. 3) Inside the #dynamic div there are a random quantity of divs with the class of .item. 4) There are two anchors, one anchor when clicked increases the top position of the #dynamic by 100px, the other anchor does the opposite. This is
Selectors, selectors selectors!!!
I'm a little confused by the sheer amount of selectors and wonder if anyone can help out a noob. I want to find the first level only inside an element. For instance; <div class="my-class"> <ul> <li>this one <ul> <li>that one</li> </ul> </li> <li>this one</li> </ul> </div> I need this one, and this one, but not that one Thanks in advance. John
How do I get the tds in the second row of a table?
Hello, I'm new to jquery and I'm trying to get the data in the second row of a table, but I can't figure it out. I can get the first row with: $(this).parents("tr:first").find("td:nth-child(2)").text(); But I can't figure out how to get the second row. Any help would be appreciated. Thank you. David
IE Flickr on mouseover
I searched around on Google but couldnt really find a fix that worked. The problem kind of speaks for itself when you look at http://on-site.nl/jstest/dropdown/ in IE and hover over the "print/afwerken" item. It flickers when you hover over the subitems. This is the code I have now. The problem was that you could hover over the main item "print/afwerken" and the dropdown would show up, but the color of the first item "print/afwerken" should become white instead of blue, so I added an ID to it to
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'.
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
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();
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)"
help with passing variable to ajax
<script> $(document).ready(function(){ $('td img').click(function(){ alert($(this).attr('id')); }); $.ajax({ type: "POST", url: "some.php", data: "id=" + id, success: function(data){ alert( "Data" ); } }); }); </script> I am new to jquery and I was wondering on how to send the id of the image I clicked on to a ajax call.
'null' is null or not an object problem - please help
Hi, I'm hoping someone can help me with this - I'm very new to javascript and quite stumped. I'm getting this error msg on ie8 Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C) Timestamp: Thu, 31 Mar 2011 13:14:57 UTC Message: 'null' is null or not an object Line: 156 Char: 31 Code: 0 URI: http://www.carlmarmedia.com/soon/ Have tracked it down to this js
problem with a .change() event
Hi, I have this page with this single choice select box: <select id=DIM_T> <option value="HOUR">Hour</option> <option value="HOURS3">3 Hours</option> <option value="DAY">Day</option> <option value="WEEK">Week</option> </select> I want to use this function as an handler: var setTimeStepper=function(selectName){ var selected=$("#"+selectName+" option:selected"); window.alert(selected.data("step")); } And I call it like this: $("#DIM_T").change(setTimeStepper("DIM_T"));
Allow one click per execution. NOT .one()
I have looked at the .one() documentation and it seems that it allows one execution per page load. I have a basic image scroller and, at each end, a button to click to scroll the images. It works perfectly EXCEPT, if you click more than once at a time, it will scroll additional distances for each time it was clicked and it can be made to scroll way past the end of the images. I need it to either slow and stop at the end regardless, or only accept one click until it finishes execution of the scroll,
"Hooking" inserted HTML in a jquery command
Morning! I'm pretty new to JQuery/JS, but thanks to all the excellent documentation coding hasn't been a problem so far. However, I've become a bit stuck and need some help. Some background: I'm writing an iPhone web app that connects to a C# web server. When the user selects a particular button: - a post is made to the web server - the web server sends back html buttons. - the web app places the buttons in a #result <div> (using ("#result").html( content_received ); ) The above works really well.
Help with simple button image rollover
Hello, would like to have a button on rollover have a div appear with partial overlap of the button. However, when the popup div appears it blinks when you're over it. Please see here: http://noisescape.com/test/test.html Many thanks in advance! F
jQuery: swap text and return (loop)
I wanna ask how I can swap the first li text "Home" to "Menu" on hover and when I re-hover the li, it gets back to "Home" and this process goes on. Many thanks for any help! <ul> <li><a id="translateMenulist" href="#/">Home</a></li> </ul> <script> $("li:contains('Home')").hover ( function () { $(this).html("<span> Menu</span>"); } ); </script>
moving elements
Hey everyone i am new to this. and was wondering if someone could give me a hand. I have a object loaded on the screen like a 150px from the top. I want when the screen moves down the element stays in place like ti normally does but as soon as the element is at 1px from the top of the screen that element moves with the screen. Is this is something that is doable?
Useless
Looks like jQuery forum is pretty much useless. First, there is no way (that I can find) that I can see all the posts/threads that started by me. Second, not a lot of people are using this forum. And third, due to not many people use this forum, many questions are not getting helped at all. I've posted two or three questions and so far no one as responded.
Checkbox change ajax call
Hello guys, I'm having problems with jquery and checkboxes.. I've been trying and debugging for some time now, but I can't fix it. This is my current code: <script type="text/javascript"> $(":checkbox").click(function() { $("#jquerysearch").submit(); }); </script> And this is my form: <form action="<?= base_url();?>getSearchResult" id="jquerysearch"> <input type="checkbox" name="chatlanguage[]" class="styled" /> The form action url is a non existing url so if it works well I would
Help me please
i have downloaded JQuery and put into the same folder as the file i am working on and whatever i do JQuery will not work here is my code <script src="JQuery.js"></script> <script> function fadein(){ var box = document.getElementById('light'); box.style.display = 'block'; $('box').fadeIn('slow'); var black = document.getElementById('fade'); fade.style.display = 'block'; } </script>
Uncaught SyntaxError: Unexpected identifier
Can anyone please help me sort this out? I have a html form, I want to save data inside a list's <option> elements in order to execute a script when a use changes his selection. The code looks alright to me, but the browser always stops complaining a Uncaught SyntaxError: Unexpected identifier error at line 60. Line 60 is the following: $("option[value="HOUR"]").data({step:1,steptype:"h"}); And the HTML element it should address is: <select id=DIM_T> <option value="HOUR">Hour</option> <option value="HOURS3">3
Hover slideshow
Sorry, i am bad in Eanglish. How i can put more pictures on button. http://spektras.websoftas.lt/ Now is just two img. I need like slideshow. i used this script $$.hover(function () { $$.stop().animate({ opacity: 0 }, 250); }, function () { $$.stop().animate({ opacity: 1 }, 250);
Not a programmer - Please Help, Please - Question about multiple jQuery scripts on home page
Greetings: This is my first post here. I am a Realtor and have designed a layout for our new website. It includes a few jQuery elements that I found at this website http://flowplayer.org/tools/scrollable/index.html. The XHTML/CSS companies I have contacted to convert the PSD, have told me that the multiple jQuery elements will both slow down the loading of the home page and will conflict with one another. Is there anyone that can tell me if there is a certain limit as to how many scripts is too
area tag using rect - poly
hi guys...i am having problem with this code i downloaded.. in this code,it only uses a rectangle..i want to use a poly in an area tag. the code in rectangle is like this: i dont know how to rearrange the code for the poly. Please help me guys...Please var areacoord = $(this).attr("coords"); var areaalt = $(this).attr("alt"); if (areaalt != '') { areaalt = areaalt.replace("'", "’"); areaalt = areaalt.replace('"', '"'); } var areaclass = $(this).attr("class"); if (areaclass != '') areaclass
Superfish and IE or Safari/Firefox error.
I have been working on this vertical nav menu for a while now. First it was working on IE but on Safari it would not open up the submenus. I redid the Navigation using Superfish and now, it works on Safari and Firefox, but not IE. I have no idea why. The link to where I am working on it is here: http://kgstickets.com/testnav.php You can see the original one, that is still live, that doesn't work on Safari here: http://www.kgstickets.com/ I have all the css and js if neccessary. I have been frying
while loop and google maps
so i'm working on this project for university . I have loaded in several markers via xml and pushed their latlng into an array. I have created an html link that on click should run through the marker lat lng array and pan the map to the next location in the array. problem is that the map just pans to the last entry in the array because it runs through the loop before the animation has played here is the working example http://playingintraffic.co/commuter002/ the maps.js file contains all code we
HOWTO Animate returned data from php script
Good evening to All! Sorry for my bad english, i will try to explain my problem in a little example: I have a php script that creates a simple calendar something like that. This is how it looks in html: <div id="calendar"> <h1><img id="larw" src="left_arrow.jpg" alt="" onClick="snd(02)"> <img id="rarw" src="right_arrow.jpg" alt="" onClick="snd(03)"></h1> <div class="week"> <p>Sun</p><p>Mon</p> <p>Tue</p><p>Wed</p> <p>Thu</p><p>Fri</p> <p>Sat</p> </div> <!-- This div will be modify by jquery --> <div
jQuery and Classic ASP - .asp file not .htm(l) with ASP in it
Good Day. I have been given a classic asp application to work on some minor enhancements. The pages are .asp pages, not HTML pages with script tags. Is it possible to use jQuery within a .asp page and if so, is there any special setup required? Randy
Image rotator question
Hi, I have been trying to complete an image rotator tutorial from the Learning jQuery 1.3 book but haven't been able to get past a fairly early step and am wondering if it is because I am using jQuery 1.4.2 or if I have just made a mistake in transcribing the code (I've checked, and for the life of me, I don't see it but stranger things have happened...) I've looked at it in Safari and Firefox and neither shows it working... Here is the code: $(document).ready(function() { var spacing = 220;
selective access on matching elements
Hello @all, I´m very new to jQuery and have a problem I can´t solve by myself. I have an ul li list with items that match a later following div - the match is the id. That id is matching another following div by id. All elements are dynamically generated and can vary in depth. I have a working set with onclick fuctions, but I want to make this working in jQuery. It would be great if someone could help me to get this working !! Thanks in advance This is the raw template: <div class="mything"> <ul>
Next Page