[jQuery] slideToggle: IE vs. Firefox, etc.
Hi all. I'm an absolute newbie to jquery (as of about 5 hours or so), using version 1.3.2., and haven't touched any code in about 5 years. From the starterkit, I'm using the following code in a site I'm working on: $(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(function() { $(this).next().slideToggle(); }); }); Outside of changing the ID of the DIV, this is exactly what's in the starterkit. Here's a link: http://eastsidewebservices.com/scripttest.html Code executes
[jQuery] TreeView Appears as prepopulated
Hi falks I'm using jquery treeview plug in. I'm using cookie based persistence. My problem is that when I reload the page , the treeview appears as expanded rather than collapsed. So what could be the work around for this? Please Help
[jQuery] Ugly code causing problems in IE
Hello, I am a jquery newbie, and I am trying to get an effect off the ground. It works fine in Mozilla but not in IE. Does anyone know what I'm doing wrong. Many apologies for the ugly code - I'm not really a jquery programmer, so not sure how to make it more efficient. At the moment, I'm just wondering why it doesn't work. The page is at: http://m1.cust.educ.ubc.ca/newsite/ The code is: $(document).ready(function(){ q1 = { init: function() { $(".loader1").click(function() { $("#fader").fadeOut('slow',
[jQuery] Problem setting input value from SimpleModal Box
Hello all, My dilemma is this. I have a simple form with several text fields, checkboxes, and textareas. I also have a SimpleModal box that opens from a hyperlink on the form. In this Modal box, I have a simple search form that returns search data from a mysql database. The returned search data (names) is displayed and is hyperlinked for a return to the main form. When the data returns, I display it in a 'div' tag. The problem is when I go to submit the form via .ajax and serialize(), I can not retrieve
just a little help...not too much
Hello, this is my first post here at the forum as I am still relatively new to using jquery. I just have small problem with what I am working on at the moment. http://www.unf.edu/~n00181631/adv_web/project02/ From the link above I have the global nav on the left in the green box that is using the accordion script that has been customized. I currently have the about section opened up, however, I would only like for it to be opened when one of its sublinks (mission statement, chairs letter, and student
[jQuery] Hide all elements after an element
I am a something like cascading drop down, except i am dealing with not only drop downs. - user must select 1st drop down, then 2nd drop down displays - when user selects 2nd drop down, 3rd drop down displays ... but when user changes the selection of 1st drop down, it will update the 2nd drop down, then i want ALL elements after the 2nd drop down to hide, since they are dependent on the 2nd drop down selected value. how can i achieve this easily? how can i select * (all elements) after a specific
[jQuery] Position Div over Quicktime Movie
Does anyone know of any jQuery/javascript trickery that can help with positioning a div over a quicktime movie? So far, I found found that it is not possible. But, it seems that there has to be some way to do this! Has anyone done this before?
[jQuery] trouble with tooltip, i know soem ways to fix but not how to implement
hi i am having trouble finding an answer to this by searching. i have this tooltip script for blowing up thumbnails. the original would positioon the element based on offset mouse position but that would take my element off the screen if the thumbnail was on the right or left. now i have it fixed position in the middle but cannot find how to keep the blowup stable if the mouse is where the element pops up. If i could disregard the pointer from the popup or stear it away from the cursor or use the
[jQuery] IDE for JQuery?
which IDE is best for JQuery? i mean like has code completion for JQuery, at least HTML, CSS, JavaScript. best if it can also code complete PHP/Zend Framework. or your custom classes. Aptana can code complete for all except Zend Framework isit? but i saw a video i can add zend framework as a library... then it shld have code completion for Zend Framework as well?
[jQuery] String to Array
Hi, Is it possible to convert a string into array Like this var x = '[1,2,3],[1,2],["a"],[[1],["asw"]]'; This is equal to var x = [1,2,3],[1,2],["a"],[[1],["asw"]]; Thanks & Regards, Pronojit Roy
[jQuery] css :hover problem
Hi, i just don't get it. This is what I have: a { background: url(../images/test.jpg) no-repeat scroll 0 0; } a:hover { background: url(../images/test.jpg) no-repeat scroll -228px 0; } Now, when I call $('a').css('background-position', '-500px 0'); the CSS forgets about a:hover. 1. Why? 2. How can I set a:hover in jQuery? $('a:hover').css('background- position', '-228px 0') doesn't work... (and I don't want to use jQuery hover() events Cheers Konstantin
:hover in CSS
Hi, i just don't get it. This is what I have: a { background: url(../images/test.jpg) no-repeat scroll 0 0; } a:hover { background: url(../images/test.jpg) no-repeat scroll -228px 0; } Now, when I call $('a').css('background-position', '-500px 0'); the CSS forgets about a:hover. 1. Why? 2. How can I set a:hover in jQuery? $('a:hover').css('background-position', '-228px 0') doesn't work... (and I don't want to use jQuery hover() events Cheers Konstantin
[jQuery] return position in an array
I want to find out if an element who has the class .example is positioned as last-child. So I can add this condition to a if. I need to figure out if the element is the last in the list, comparing it's position in the array with array length. Any ideas?
[jQuery] click(function() works only once per page load?
Hi, I'm brand new to jQuery, and so far I love it! I don't know ajax from a cumquat and yet, here I am ajaxing around merrily, even if clumsily. I've run into a situation where I have a grid of images, one which is to be the default, or the main image. When I click the radio button, it correctly triggers, retrieves a page, server side that does the database update (correctly), then deletes the current contents of a tbody, and sucks in a new one (pure HTML, no json, or xml, or whatever). By all appearances
[jQuery] next / siblings issue
I'm building cascading selects, but because they could come from mulitple locations within the HTML, I need to capture the ID of the parent select (easy enough) and the child select. This correctly displays the parent select: var ddlSource = this.id; alert(ddlSource); This enumerates all siblings, including the child select: var x = $("#" + this.id).siblings(); alert (x.length); for (var i = 0; i < x.length; i++) { alert(x[i].id); } However, I cannot manage to display the next select within the same
Show/ hide function.
Hello, Have a look on my site here: http://www.georgeharrisfinancial.com/dev/index.php at the video testimonials on the right. What I have is a show/hide javascript in place. What I want is to have the first div to hide after clicking "more.." that way only the video playlist shows. Than once "more.." is clicked again, it will toggle back to the original state. How is this achieved? Here is my code in the head tags: <script> function showhide(id){ if (document.getElementById){ obj = document.getElementById(id);
ui dialog in repeater
Hi, I am relatively new at jQuery and I have a problem with using Jquery ui dialog window. I have a asp repeater user control and in every list item I want to have link, so when the link is clicked, ui dialog is open. Here is the repeater control: <asp:repeater ID="rptTombsoneList" runat="server"> <HeaderTemplate> <ul> </HeaderTemplate> <ItemTemplate> <li> <asp:Label runat=â€
[jQuery] adding dynamic buttons to code slider
Hello guys, I'm trying to make some changes to the "coda slider" created by Remy at jqueryfordesigner.com but I have hard time so figure out that is wrong with my code. I hope someone can help me out with this issue. I want to change dynamically the left and right buttons according to the current panel. (something like they guys at macheist.com have done for their 3rd bundle website) Here my HTML: <div id="slider"> <div id="left_scroller"></div> <ul class="navigation"> <li><a href="#first" id="1">Server
[jQuery] PHP and hide()
How would I go about creating something that would have multiple divs, and if you clicked one of them it'd show something. But they're not specifically named, it's created by PHP. The ID would be like "rawr123123414" based on the count() in the database.
[jQuery] UI Datepicker: block out weekends?
using the latest jquery UI datepicker, is it possible to block out certain days, like Sat and Sun. our office doesn't open on the weekend, so there's no point in letting people pick those days for appointment.
[jQuery] Image/map Viewer
I'm trying to make an image view similar to googlemaps. What I would like to do is make a custom map/image and have link tat when the person clicks on it the map would move to a specific location and size. I also would like to be able to drag, move and scale the image up and down to a certain size. Thanks
[jQuery] Dragging image out of scrolling Div?
Hi there Can anybody tell me, how to get an image dragged out of a scrolling div (css: overflow:scroll) no matter how i define the z-index, the dragged image is always behind the divs around... when i define the div as overflow:hidden, it works like i want. hope to get some help here :) thanks, simon
Attribute value question
Hi folks. I'm working through my newb status. Your patience is appreciated. So, I'm going through a thrilling tome called "JQuery in Action" and I just worked through an exercise to set attribute values. Here's the script... <script type="text/javascript"> $('*').attr('title',function(index) { return('I am element'+index+'and my name is' +(this.id ? this.id:'unset');}); </script> Now, there are plenty of elements in my html with id values, but shouldn't I see the elements physically appended with
Submitting with document.forms['...'] and jq submit handler
I really need to get the submit handler in jquery working with legacy javascript. Here is some example code: <form name="aform" id="aform"> <input type="submit" /><br/> <a href="#" onclick="$('#aform').submit();">submit with jquery</a><br/> <a href="#" onclick="document.forms['aform'].submit();">submit with old js</a> </form> <script type="text/javascript"> $(document).ready(function(){ $("#aform").submit( function(){ alert("Submitted"); }); }); </script> Basically
[jQuery] IE Problem Animating opacity on a Alpha PNG
I've come across a problem animating the opacity of a png (background or image) which has alpha transparency. This seems to be a browser bug, but someone may know a hack. This affects all versions of IE, right up until the latest version of IE8. Has anybody experienced this, and knows a way around it?
[jQuery] Grid/Paging
whats the best way for a grid/table with paging in jquery? will it be better to do it in server side?
[jQuery] bassistance tooltip (for images): height issue
hey there i am using the tooltip plug (jquery.bassistance.de/tooltip/demo) and it works pretty good. the best pasrt of the option to draw the image SRC straight from the REL attirbute! it offers you the option to set a width for the tooltip. my issue is that while it does resize the width - the height does not resize itself respectively - so long (portrait) pictures get resized to wide (landscape) pictures. It seems to take the dimension ration from the first element that its called on, and then
[jQuery] post form using jquery ajax
how can i post a form to server using jquery? $.post requires me to post data in key value pairs. if the form is big then that's a bit tedious. any better way?
[jQuery] next and previous links with thumbs on mouseover
Hi there, Want to know if it's possible to show thumbs attached prev/next anchors when I put the mouse over these navigation links. It would work like a preview tooltip for next/prev images. Thanks on advance and congrats for this great software.
[jQuery] [validate] ASP.Net style validation group
Hi folks, I couldn't find any solutions to this. I needed the validate plugin to have validation group like functionality for use on asp.net webforms (because asp.net only allows one form). I'm not much a javascript programmer but I had a crack at it anyway. After stumbling in the dark for a bit I have something (that i havent tested much) that appears to work. Wasn't as hard as I thought it would be :) The syntax for defining the group like behaviour is: valgroups : { test : { buttons : [ '<%= SaveButton.UniqueID
[jQuery] .load() problems in ie
hi... i'm trying to code a site, you can see it at http://derrickkwa.com/6amb/index.html so far, i've only implemented the first link in the navigation menu (work -> equipment), and clicking on the logo brings it back to the home page. here's my question, though. it works perfectly fine in firefox, the remote div content is loaded perfectly, and the content container animates accordingly. in ie 7, however, it seems as if the div content for the "equipment" page is not being loaded, and it's only
[jQuery] jquery form plugin problem
Hi, I'm trying to use the form plugin from malsup.org to submit a form with ajax, but it does not seem to work with options. This works: $("#loginform").ajaxSubmit(function(obj, statusText) { alert(obj); }); This does not work (nothing happens): $("#loginform").ajaxSubmit({ dataType: "json", success: function(obj, statusText) { alert(obj); } }); Oh, and by the way. Is there any way to get access to the request in the 'success' function - to obtain status codes, content-type header etc.? Thanks, -dennis
Keep slideDown Div Open on mouse out?
Ok i'm stuck here, hopefully someone can help out point me in the right direction..... I'm trying to get a div slide down on hover of main menus, that works fine however as soon as the mouse leaves the hover (main menu item) the div slides back up, i'm guessing it's how it's supposed to be, so my question is how can i keep this div open while the user is navigating on it. To be clear, the slidedown div has a bunch of sub-menus on it... Here's what i'm using to slide the divs up/down $('li#solutions').hover(function(){
[jQuery] Unbind form submit after it has been submitted
Hi! I'm using the jQuery form plugin ( http://malsup.com/jquery/form/ ). I have a form with this fields: <form id="insertcomment" action="insertcomment.php" method="post"> <textarea name="bodytext" cols="50"></textarea><br /> <input type="submit" id="submitme" name="submit" value="Submit" /> And this script: $('#insertcomment').ajaxForm({ target: '#commentoutput', beforeSubmit: unbindlink, success: function() { $('#commentoutput').fadeIn('slow'); } }); function unbindlink(formData, jqForm, options)
[SOLVED!] JQuery Galleriffic help..
I am hoping to GOD that this is the holy grail of jquery help, because i have been asking this question all over and no answers. I REALLY hope you guys can help me! So i installed gallerific on this page here: http://bscphoto.com/galleriffic-ben.html and here is the path to the jquery script http://bscphoto.com/js/jquery.gallerific.js So the ONLY thing i really need, and i HOPE its not asking too much.. is I need to be able to cut off the thumbnails at 5 rows (10 thumbs total) and I need to move
Selector that checks the value of a style
Hi, I am looking to find all elements that have an inline style with a specific value. for example all elements that have a border-top:1px
[jQuery] DatePicker / Calendar Problem
Hello, I need to show a calendar in my web app. The application has a database that has a table of with a list of dates for when events have happened in the past. When the calendar is displayed it needs to show these existing dates in the date event table using a different color. Is there a way to do this using jQuery? Thanks.
[jQuery] number of elements with a specific CSS class
Hello guys, is there a way to know how many element have a specific CSS class? I have a list and I need to know how many items it contains. I guess it should be omething like: $('#slider .navigation li'). ... Thanks
$.get to load content strips JavaScript from loaded content
Hi, I read the sticky about AJAX requests nullifying events, and I tried the LiveQuery plugin as the jQuery FAQ suggested, but still no go, so I'm hoping someone might be able to help me. The test page is at http://pranshuarya.com/test.html. On the test page, the main content page is requested via $.get, but the problem is the JavaScript events that are supposed to happen afterward don't happen. What should happen is live at http://pranshuarya.com. I've unsuccessfully tried placing the JavaScript
[jQuery] retrieving DOM element with specific CSS class
Hello guys, I'm trying to make some changes to the coda slider effect on jqueryfordesigners.com Basically what I want is changing the buttons every time I move from a panel to an other one. I have the code below: <div id="slider"> <ul class="navigation"> <li><a href="#1" id="first">FIRST</a></li> <li><a href="#2" id="second">SECOND</a></li> <li><a href="#3" id="third">THIRD</a></li> </ul> ... </div> and the link to the current panel have the class 'selected' Here the question: how can I retrieve
Next Page