Help with adding multible links in my menu??
Hi guys.. i am making a menu where the menu point are sliding up, and the submenu is underneath. I seem to have a problem when i want to have more than one link under each point. hope you guys have an idea what could be wrong :) here is my code: <div class='garagedoor' id='garagedoor'> <div title='facebook' class='item'> <div class='underlay'> <a href="http://www.facebook.com"/>Facebook <a href="http://www.eb.dk"/>eb </div> <img src='images/groen.gif'
Can't Get Greybox2 to Function Properly
I was following the directions in the Javascript Missing Manual for Greybox2. I have implemented this here. It is not working. I have even compared the code to their sample, here which sort of works, despite bad URLs. Despite going through the code character by character, theirs works, mine doesn't. If anyone has any ideas I would be very grateful.
.animate, positioning, and IE7
I am having a problem with an absolutely-positioned div disappearing while IE7 is animating. The animation has a z-index lower than the div containing Questions, Customizable, and Library, but the div disappears during animation. Is there anything I can do about this? I've tried changing the positioning, z-index, and moving the div to occur before the animation, but nothing seems to work. Everything looks fine in FF, IE8, and Safari.
Selectors and <section> tags
Is there any way to make the selectors work with <section> tags? I am having trouble with this using the .parent() method.
Inserting result of a SQL Query into html side
Hello, i've got a question about inserting a result of a SQL query into a html template. I've got a function which sends a query to a client side database und should afterwards show the result on the html side. Here is my function: function refreshEntries() { db.transaction ( function(transaction) { transaction.executeSql ( 'SELECT * FROM test WHERE id = 1;', function (transaction, result)
cross-domain .load()
So there are obvious reasons why a cross-domain load() is problematic. However, trying it out.... $(".something").load("http://crossdomain.com/something"); ..jQuery DOES end up requesting the cross-domain url. My server logs on the server-side show it's being requested. There is no error from the browser. But the content doesn't actually make it into the page. Presumably jQuery ends up doing some kind of jsonp technique... but it doesn't seem to actually be sending a ?jsonp=something parameter.
Jquery 1.3.2 IE6.0 hangs when populating a drowdownlist of 600 records
Hi gens, My application hands on IE6.0 when it is populating a dropdownlist. On Firefox 3.6.3 it works very well, but on IE6.0 I got the message that the script is running too long and IE complains about it. I'm doing it on the fly and there are about 600 records so basically I'm searching on a XML file and then inserting then into the two dropdownlist. Any suggestion will be appreciated. Ricardo. The code is as follow: //Global variable var ddl_asc = ""; function getXMLASC() { $.ajax({
jQuery slideshow
Hello, Let me apologize right off the bat. I'm new to jQuery and I'm not 100% to what I am doing. I download a slideshow and when I go to the page ( any browser ) the div that the slide show is in only display a small portion until I click somewhere on the page? I think it might have something to do w/ this bit of css #slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */ } here's a link: - http://www.rahndesign.com/wayno/index.html Any insight would be
Problem getting data from JSON file
I think I have a varialbe scope problem here, but I can't figure it out. What I'm trying to do is extract a piece of data from a JSON file using a variable established earlier in the script as one of the keys. When I run this script I get the alert that lets me know that the variable "theMappableItem" has been established correctly. I click "OK" in the alert box. Then in my console (in firebug) I see a line showing that the .json file has been gotten successfully. Next in the console is an error
Using jQuery.each() to iterate through an array of objects.
I'm trying to interate through an array of objects. Here's my code: $('form').submit(function(){ var serializeArr = $(this).serializeArray(); jQuery.each(serializeArr, function(i, obj){ alert('Hi'); } }); However, this just fails. It seems like its getting stuck on the serializeArray aka an array of objects. I've gone the for loop route and it worked fine up until I started doing some ajax stuff...the variable binding behavior was all over the place and unusable. Any suggestions
jQuery ajax form submit - multiple post/get requests caused when validation fails
Hi, I have a problem where if a form submission (set up to submit via AJAX) fails validation, the next time the form is submitted, it doubles the number of post requests - which is definitely not what I want to happen. I'm using the jQuery ValidationEngine plugin to submit forms and bind validation messages to my fields. This is my code below. I think my problem is that I need to unbind from the validationEngine plugin when the form fails, but I can't figure out how to do this. Any ideas? $('input#eligibility').live("click",
Jquery Not Functioning As Expected in IE
I've built a website and have used JQuery for the 1st time. Everything works fine in Firefox and Safari but IE is really giving me a headache now! The site can be seen HERE When you roll over the main links a sub menu rolls out, when you roll over the next main link the sub menu in view scrolls back in and the one associated with the new link scrolls out - please view in either FF or Safari to see it working. In IE the functionality of the menus just doesn't cut it??? the 1st two (Company and Services)
Stacking Order Issue - z-indexing??
I have the code on this page, just view source: http://levelafter.com/post-microsite/index-testing3.html The problem: mouseOvering the links in the ul below displays a new box but it draws behind the div's to the left and right of it. I tried z-indexing in CSS, with no luck. I am still new to jQuery, I was wondering if there was something simple I am overlooking. Thanks in advance!
All images must be resized if width exceeds max width
Hi! Well im really new to jquery. But i think this can be done with jquery byt i do not know how! this is what i want: I currently have a website where i share thoughts with my friends (some kind of forum) and within this 'forum' people can post pictures they made but most of the time these pictures exceed the max width of my website so my website gets all streched out! So this is what i want: all images on the page must run thru some sort of function which checks if the image image width exceeds
probleme with toJSON(sortorder) sending to db
I have a drag n drop function that takes the position in my db and that puts it in the good order on the screen I can move my boxes around that's all ok but when i move a boxes it's supposed to send it to my db and the line where it doesn't work is $.post('updatePanels.php', 'data='+$.toJSON(sortorder), function(response){ I'Ve put the section in blue at the bottom of the script function updateWidgetData(){ var items=[]; $('.column').each(function(){ var columnId=$(this).attr('id');
facebook like loading indicator
hi there i am trying to get a facebook like loading indicator. it shoud instantly displayed next to the link as you click it. (no ajax used... just standard page switch) i was trying this one: $(document).ready(function(){ $("a").click(function(){ $('li').append('<span><img src="http://test.local/test/loading.gif"></span>'); }); }); it almost works but if the new page is displayed and the browsers back button is clicked, the loading indicator is still shown up... does anyone
Drag and drop a link in IE7
Hi, Im having the exact same problem as posted here: http://dev.jqueryui.com/ticket/4123. When I drag my link to my droppable area, an ajax request is supposed to triggred, but it seems like the whole page is beeing reloaded. This works fine with Chrome and Firefox. It works in IE if I have insert an alert in the drop function. Does anyone have a workaround for this? Im including the drop code I have: $('.droppable').droppable({ drop: function(ev, ui) { var intSourceObjectType
PDF Save file
Hi Im trying to use the jspdf.js pdf generator to save a pdf serverside, i can see that it generates the pdf but im not sure how to save the file to the server drive.... Can i do this with jQuery? The example below uses jaxer to save the file, any help or direction with this would be greatly appreciated <script runat="server" type="text/javascript" src="../libs/base64.js"></script> <script runat="server" type="text/javascript" src="../libs/sprintf.js"></script> <script runat="server" type="text/javascript"
Help with a costum featured content slider
Hi, I'm using the so called featured content slider on my site. Information and demo is here: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ I want to make a small change to that: now if you click on a link in the menu the content for that item will show.. and a click on the mainscreen will lead you further...i want that a second click on the active menuitem gets you to the link of the content also. So i have to change the links in it somehow when clicking on it...and
Permission denied from ajax.googleapis.com . Unable to load jQuery 1.3.2 on IE
Hello, opened up my website in IE and i didn't noticed i forgot the www. before the URL of my website and here what i've : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; AskTB5.6; Creative AutoUpdate v1.40.02) Horodateur : Wed, 5 May 2010 14:25:05 UTC Message : Permission denied Ligne : 19 Caractère : 27021 Code : 0 URI : http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
Help with multiple jQuery conflict.
I've read, searched, and read some more but I can't seem to wrap my head around the jQuery.noConflict() code (or I guess it's more a matter of how to impliment it into my webpage) mainly due to the fact I know little to very little about javascript. I'm just a free script user/variable plugger. Anyway, my issue is using 2 different scripts: #1 - An image magnifier (found here) using: <script type="text/javascript" src="jquery.min.js> and <script type="text/javascript" src="jquery.magnifier.js"></script>
what $.ajax error happened?
Hi, I have an ajax request as following: $.ajax({ type: 'POST', url: 'link', success: function(xml, status, request) { alert("success"); }, error: function(request, status, error) { alert(status); alert(error); }}); The request always return as an error (the error handling function is always called) and I get "error" for status and "undefined" for error. Could you guys please let me know what possibly be wrong with the request? The url is a fully qualified url that returns
Fix: jQuery 1.4.2 + http://www.malsup.com/jquery/corner/
In order for this plugin to work with jQuery 1.4.2, i had to change a line in the jQuery main source; line 4691 was: var defaultView = elem.ownerDocument.defaultView; line 4691 should be: var defaultView = (elem.ownerDocument ? elem.ownerDocument.defaultView : null); Other than that, thanks for the hard work put into jQuery :)
Dynamically display a photo's description on hover
I'm fairly new to jQuery and JavaScript. I've beat around the block a couple times modifying code from here and there, but never written anything myself. Just thought I'd warn you. I'm writing a tidbit of code that is going to be used for a photographer's website. The concept of the site is very simple; I am going to have Drupal generating two lists. The first list is simply photographs, semantically they just come one after another. The second is a list of div tags that contain a description of
jQuery 1.3.2 update to 1.4.2 : ifModified option doesn't still work.
Hello, I got a problem which I can solved by myself. I got a very simple AJAX script which doesn't still work since I change my Jquery version. It seems to ignore "ifModified:true" option and continue to append content in my page. index.php <!--<script type="text/javascript" src="jquery-1.4.2.min.js"></script>--> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> function refresh(){ $.ajax({ url: "loaded.php", ifModified:true,
Need help with image flip script - works in firefox but not in IE
I'm using Drupal and views (if any of you are familiar with that), and have to place some javascript in the top of the 'views' page to accomodate some image flips on some dynamically generated fields. I didn't create this, and I'm not all that great with javascript or jquery, so I'm not sure what the problem is. It works great in Firefox, but not at all in IE. I've included the exact output code from the page in question. <script type="text/javascript"> $(document).ready(function() { $(".views-field-title
finding out what exactly is in row data
the more I think about my problem, the more I believe my issue is a standard noobie jquery issue instead of a jqGrid plugin problem. But then again. Eventually, this click on a row is supposed to push xml elements for a particular bullet/weapon into a accordion for further user viewing or analysis. but I need to find out what is in the grid's row as it stands now. I.E. do I need to pass a variable to my accordion and have the accordion go out and get the remaining data or has the grid already recovered
jquery question
my test site is nationaldebtresolution.com/test if you go to this home page you will see a form that scrolls down right away from the left. you cant miss it. the problem is it pops in fast. i want a user to be on the site for at least 5 seconds and then it pops in. here is the code; css file - <link rel="stylesheet" type="text/css" href="weber.css"> javascript it uses - <script type="text/javascript"> $(document).ready(function(){ $('#aweber_form_popin').animate({top: '110px'},
How do tell how many px are in 1em?
Is there a recommended way to tell how many pixels are in 1em, or otherwise gauge how big the text is (when the user may have specified a larger font-size in browser preferences for easier reading)?
Superfish - Adjusting Top Menu width attributes
Hi How do I standardise the width of the top menu items in a (Superfish) Suckerfish style menu (V 1.4.8) as each is sizing to the text and I would like all to be equal please. Regards Craig
After login back to the page where the user clicks the login link
When a user in somewhere of a site, he/she may want to login to access some user restrict pages. He/she clicks a login link on the menu and sign in on the login page. How to use JQuery to let the user back to the page where he/she clicks the login link? Thanks for your inputs in advance.
Stripping all types of style before displaying .load() content
Hi all. I'm making a quick and dirty Google Calendar displayer with help from Full Calendar and am struggling to display the details of each Google event correctly. As you may know, if you're not logged into Google Calendar, if you're given an event link or invitation you will be taken to a dynamically generated page displaying the basic details of that event. It includes a <link>ed stylesheet and inline style="..." for each element. I have attached a screenshot of a typical event page. I'm trying
how to capture width of table cell??? width() returning "0"??
All i want is the width of a table cell...in pixels...here's one way I've tried to get it that's not working...tried several and it's making me nuts... $('#mytable').find('thead th').each(function(){ console.log( $(this).width() ); // <== returns 0 ??? })
Custom scroller with tipbox
Hi, is there such a plugin for jquery that is a custom scrollbar with a tipbox telling you some predefined information based on the area of the page you're on? An example would be in Microsoft Office Word, when you're dragging the scroll bar it tells you which page you're currently on. Thanks :) -Chris
selector
I have a page with multiple divs with class="media" and unique ids. Why does this not work? media_array=$('.media'); alert(media_array[0].attr("id"));
Delay drop down
Hi i am new to jquery. this is literally the first time ive tried to write it. I have three boxes with a button above each box. when someone clicks a button i want to script to make sure the heights of the other boxes are 0px then expand the select boxes height to 200px. Its working fine apart from its all happening simultaneously. I need a delay before the selected box expands, so it waits for the others to shrink to 0px first. My code looks like this: $("#hidePanel").click(function() { $("#panel2").animate({
jQuery Error - Not a valid function.
Getting $(this).attr("id").val is not a function error with the code below. $(document).ready(function() { $('.AdminDisableClick').click(function() { enabledisable($(this).attr("id").val()); }); function enabledisable (id) { $.post("/Admin/AdminEnableDisable", { TemplateId: id } )} });I know it has to do with enabledisable($(this).attr("id").val()); I'm trying to pull the value
How to obtain ORIGINAL style setting, and NOT computed style?
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
difficulty with forms in tabs
If i change away from a tab containing a partially completed form, then come back to it, all the changes are gone. I have set cache to TRUE so it's not re-loading the blank form from the remote, but it must still be reloading the tab content (ie. the blank form) from the cached copy in any case, so i still lose my changes. How can I keep my partly completed form when I switch to a different tab and then come back to it ?
Simple slider
Hi there, just trying to make a simple slider with jquery, but it is not turning out to be easy. i followed this tutorial... http://www.youtube.com/watch?v=gZ9Km3bPte0&feature=related and it just doesnt work. so i was wondering if anyone had a simple solution? the but that seems to mess up in that tutorial for me, is the listing. instead of putting the images into a slider. the images will just be above each other down the page all with a bullet point to the left. im trying to model the slider on
Next Page