How to chain divs and make them appear one by one?
Hi, I have a list of divs embedded into one: <div id="main"> <div>item one</div> <div>item two</div> <div>item tree</div> <div>etc...</div> </div> I would like to use Jquery to display the first item, then the second, then the third, etc... pretty much like a chain Is it possible to do this using Jquery? Thanks a lot!
superfish transparent PNG problem IE (8) when dropdown opens
Hi Everyone! I encountered a really strange behavior of the superfish menu. It works like a charm an FF etc. but on IE 8 couldn't test it with a lower one yet the already transparent background of the content DIV gets a gradient transparency when the dropdown gets visible... i couldnt find the part where the PNG alpha chanel is manipulated in superfish, but would be fine with just turning this functionality off, since its not needed anyway... you can look at a example at http://goleon.de/wordp/ just
Modal Window on mouseover/hover?
Good morning, Is it possible to create a modal window which initiates on mouseover/hover rather than clicking a link? Thank you. Mark.
Modal Window on mouseover/hover?
Hi, Is it possible to create a modal window which activates on mouseover/hover instead of clicking the link? Thank you.
Jquery code fails on load.
I got two div's on a layered website one in the background (flexible height). And one in front (also with flexible height). What i want to do is to scale the front div to always be higher than the background div. I have done this with the following jquery code. var contentMinHeight = $j('#leftCol').height() + 65; if($j('#content').height() < contentMinHeight) { $j('#content').height(contentMinHeight + 'px'); } It works great most of the time. But some times it fails (Firefox 3.5.7 for mac),
jquery + resize + hidden div
Hello, Have trouble with jquery + jquery ui + hidden div in code. Please see attachment. The page have form with resizable textarea in div. The customer can hide or unhide this form. All work great. But if I hide div after page load (uncomment line 18), code do not work. I see only blank page without any textarea, unhide don't show text area/ P.S. sorry for my bad english
[jQuery] Anybody ever come up with a good way of doing dynamic CSS?
Basic idea is a template: .card .ct-$ type { Â width: x <br clear="all"> -- John Arrowwood John at Irie dash Inc dot com John at Arrowwood Photography dot com John at Hanlons Razor dot com -- <a href="http://www.irie-inc.com/">http://www.irie-inc.com/</a> <a href="http://arrowwood.blogspot.com/">http://arrowwood.blogspot.com/</a>
Floating problem
Ok so right now i am having problem getting text to wrap around a div during a slidedown animation. http://67.183.145.204/daemonfstudios.com/#
Reading styles with jQuery
Ok, this is driving me up the wall. I have two textarea elements on my page. I set the padding for one inline and I set the padding for the other in a header style. When running this: $("textarea").each(function(){ alert($(this).css("padding")); }); I only get the padding value for the textarea with inline styles. How can I get styles set in the header or from external styles sheets? I've searched and searched, but I guess I'm not looking in the right places for my answer. THANKS!
trying to use scroll for simple bottom nav idea, but having issues
I had an idea for my website to have a bottom navigation that is always at the bottom until a certain point (990 from top for testing) and then it scrolls back up, as the user is scrolling the page. I have that part working when scrolling down the page!! But if the user scrolls back up and the nav hits 990 again it needs to go back into its fixed poistion at the bottom of the page, that is not working. Heres my code, any ideas of what I am doing wrong? <script language="javascript" type="text/javascript"
[jQuery] using .live() with Beauty Tip - is it possible?
I'm using Beauty tip http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html for example such as: $ '.myclass' .bt { content: 'test content' } ; which displays a nice tooltip. But how can I use it with jQuerys live event so that dynamically added classes will also work with the tip? I can't get the syntax working. Thanks.
[jQuery] hidden values associated with options of dropdown
Hi, I need the ways to solve the problem. scenario is: I have a dropdown and 4 textboxes, which are filled through a callback function. dropdown has multiple values. on selected index change of dropdown i want to fill the text boxes with associated values. e.g dropdown has list of countries. when i select country, the four textboxes are filled with country's four city names. like if india is selected , then textboxes should have delhi, banglore,mumbai,hyderabad if uk is selected, textboxes be filled
[jQuery] Jquery validation remote problem
Hi, I'm using Jquery.validation to remotly test if an e-mail is already in use, it works fine, but... if i do a remote check, it returns the correct response e.g. "someone@abc.com already in use" but when i click on the field, and then somewere else the message changes to "filename.php already in use". Try is on http://www.red187.nl/milk/ This only happens when i set the return vale to 'false' in th eremote file, when i return a message there is no problem... Can someone help me please?
[jQuery] My table tags are getting stripped out.
Hi I am using jquery form plugin http://jquery.malsup.com/form/ I am not sure if I am doing something wrong but it seems to be stripping out my tr and td html tags when I send stuff back from the server and I am not sure why. I have an asp.net MVC ContentResult that returns some html code. When looking at the stuff the content result is about to return it looks like this a small portion of what is being returned <tr><td class="OtherMonth DateBox" id="c_12272009"><div class="DateLabel OtherMonthHeader">27</div></td>
[jQuery] jquery 1.2.1 script not working with 1.3.2
I've been working with this script that is used within to group a parent row with it's children, and then expand the children rows out when you click on the parent. I'm having trouble getting it to work in internet explorer using jquery-1.3.2.min.js The original script was using jquery-1.2.1.js. Is some of this code outdated? and what could I replace it with? $ function { $ 'tr.parent' .css "cursor","pointer" .attr "title","Click to expand/collapse" .click function { $
[jQuery] Superfish - Working locally but not working live
Very confused. Working on a Wordpress site/theme and integrating superfish for the main pages navigation. Everything is working on locally running XAMPP on an XP box , but on the live site, child pages are not appearing as dropdowns. I can see in the source that the children are being written into the page, but they are not visible. Currently staging at: http://mobileepiphany.com.previewdns.com/ - there should be two children beneath ABOUT. Once again, this IS WORKING on my localhost: ABOUT has two
[jQuery] Resource interpreted as script but transferred with MIME type text/html - Resolved
I saw this warning in Chrome's console for the first time today while loading a jquery.js file in a new site. I used the same <script> tag I've always used, but for some reason this page wasn't parsing the javascript file. I finally found the solution, although the warning message seems completely unrelated to me. I thought I'd post it here because I couldn't find anything online that lead to this conclusion. The permissions on the jquery.js file were not allowing the "internet user" me to access
[jQuery] Drag and Drop and Swap
Hi, I have 3 divs on my page like so: <div id="divA"> Panel A </div> <div id="divB"> Panel B </div> <div id="divC"> Panel C </div> I want to allow the divs to dragged and swapped with each other. So if I drag "divA" over "divB" and release the mouse, they should swap places. Same thing, if I drag "divC" over "divB" then they should swap accordingly. Eventually I'd like to have a little transition/animation/effect when it happens but for now I'll settle for just the drag/drop How can I do this? Thanks,
[jQuery] form.submit not function error jquery form plugin
I'm trying to get an upload popup working with the jQuery form plugin http://jquery.malsup.com/form/ . When I click a link I load a form html from the server and add it to a container div by setting the div's html attribute. I then attach a submit handler to the form so I can call the ajaxSubmit function of the form plugin. $ '#' popup.popupId ' form' .submit function event { event.preventDefault ; var options = { dataType : popup.dataType, success : function data, textStatus
[jQuery] Jquery Validation on Dropdown list Question
How can I validate this as one hidden field. I have 3 dropbdown list month, day, year and I do not want to validate each separate on so I would like to combine the strings together and validate the hidden field. Pleas and thank you for your help. <!-- DOB --> <fieldset id="section-dob" class="group"> <legend><span>Birth date</span></legend> <!-- Month --> <div> <label for="dob_month">Month</label> <select name="month" value="" id="month" onchange="document.getElementById
[jQuery] reference dynamically loaded form select
Been trying to find the best answer to a problem a co-worker is having with a form select field that gets loaded via an ajax call into a table cell. He has a form and when the page loads based on the value of another form field he makes an ajax call and loads a complete select statement. the ajax load is fine, but when he makes a select from the new select this it is not recognized and passed with the form submit. How can I get this select field to be recognized by the form? Thanks for any insight.
[jQuery] click event is not working
hi, i'm appending a child div in a parent div. parent div has already child div's which have classes ws_c1 and plus. $ '<div></div>' .addClass 'ws_c1' .addClass 'plus' .appendTo $ '#' 'parentdiv' counter ; but when i try to do this $ ".ws_c1.plus" .click function {alert 'test' ;} ; It works on other child div's but not on the appended div's. I've also tried with Id's. can you plz help me. regards,
[jQuery] :contains in IE doesn't seem to work
Hi, I've just recently started to use jQuery, and it has already proven extremely useful for formatting tables and other things as well! . I get raw html-tables into my page, and my only way of styling them are css and, now, jquery. And it's worked out fine. But now I've run into a problem. Which seems to depend on which browser you use. I'm trying to give the table rows with the last cell containing " ", a specific style by adding a class. In FF/Safari/Chrome it behaves as I expect it. But
[jQuery] Go through XML nodes only 1 level deep
I'm grabbing an XML file with jQuery like this: $ document .ready function { $.ajax { type: "GET", url: "http://ipinfodb.com/ip_query.php?ip=74.125.45.100", dataType: "xml", success: function xml { //$ xml .find .each function { var city = $ xml .find "City" .text ; /* $ '<div class="items" id="link_' id '"></div>' .html '<a href="' url '">' title '</a>' .appendTo '#page-wrap' ; $ this .find 'desc' .each function { var brief = $ this .find 'brief' .text ; var long = $ this .find 'long' .text ; $
[jQuery] Can we use jquery for paging and sorting in asp.net 2.0 ?????
Hello All, Using jQuery can we include asp.net 2.0 gridview, paging sorting and in-place editing. Waiting for a favorable response. Thanking you, Jackson C.
How to define/access public functions for a plugin?
Hi, I've just developed a plugin that mimics the combo box control, albeit it's a special one. That's being defined as follows: function $ { $.fn.extend { smartList: function settings { //prepare settings, blah blah blah... return this.each function { //whatever code goes here... } ; } } ; } jQuery ; You know, to use this plugin, I could easily write the following JavaScript code: var $myList = $ 'myElement' .smartList ; No problem so far. Now, I need to define and access some functions that's specific
[jQuery] img src replacement
In my footer I have a sign where I want it to say one thing regularly, and then when someone hovers, i want it to say sometyhing else. I basically made 2 images, and I just want to switch images on the hover. here is my code I used and its not working.: $ "#footer #footer-contain #availability img" .hover function { $ this .attr {'img src' : './images/avail_hover.png'} ; } can anyone help me out with what I need to do?
[jQuery] Getting Div to Show after mouseout
$ "a.mSelect" .hover function { var month = $ this .attr "rel" ; $ "#m" month .fadeIn ; }, function { var month = $ this .attr "rel" ; $ "#m" month .hide ; } ; I have multiple div's acting as buttons, when you over over them it will show the respected div, but I would like this respected div to stay visible until the user hovers over another div button . In the code above,
[jQuery] Object position on mousemove. Failed to set up easing.
Hello there, Obviously I've a problem : An object's position is updated relatively to mouseposition on mousemove opposite direction . Works perfectly well, but I failed to set up the code with smooth easing as result. The code works in Actionscript in Flash of course in proper syntax but it doesn't work in jQuery syntax and code-elements. Strange is that nearly the same code works in Actionscript and there WITH easing In jQuery, I used "css " to position the object, "animate with easing" produces
Help with creating plugin
I want to create a plugin where json data is a parameter and then use this data to populate the elements inside a div. Something like $('person').fill(jsonData); <div id="person"> <asp:TextBox ID="tbCompany" CssClass="company" runat="server"></asp:TextBox> <asp:TextBox ID="tbAddress1" CssClass="address1" runat="server"></asp:TextBox> </div> json data {"d":{"__type": "Address1":"123 sesame street", "Address2":"Ste #123", "City":"SF", "Company":"ABC
[jQuery] ie8 and title text value
Hi I'm trying to read the <title> value from a page head. All browsers I've tried are happy with $ 'title' .text apart from ie8 which returns nothing. Am I doing something wrong, or is it IE8 that's wrong? Is there a workaround? Thanks Graham
[jQuery] Tabbed Pane
Hi I've just downloaded the plugin and I'm starting to play around with it. Firstly, on first display, the selected tab is defaulting to 1 rather than 0 as documented. This looks odd with the second tab selected rather than the first. I see this in both 1.8.0 and 1.8.1 Secondly, I'm starting with 11 tabs with lengthy titles and the initial layout starts with three rows. Row 1 looks fine with the tabs left aligned. Row 2 looks like the tabs are being right aligned and Row 3 is left aligned again.
Queueing jQuery UI Dialog
Hi, I'm using the uploadify plugin for uploading multiple files, it work pretty well but i'm stuck with jQuery UI Dialog. In fact, I would like to queueing severals Dialog, one for each uploaded files. Here my HTML : <div id="prompt" title="Ajouter une image"> <form> <fieldset> <label for="name">Nom de l'image : </label> <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" value="" /><br /> <label for="description">Description de l'image :
Trying To Alert JSon Data. Not Working (solved)
Ty.
[jQuery] simple testing of selectors returning empty result
In many situations I use jQuery selector and I want to check that result is non empty. To make this simple, I use this code: // jQuery extension to test non-empty select function $ { $.fn.notempty = function { if this.length==0 throw 'Empty jQuery selector' ; return this; }; } jQuery ; ...and than use it like: $ "#someID" .notempty .show .someotheroperation ; I use custom error handler for javascript errors: window.onerror = function desc,page,line,chr { /* my error reporting */ } ...but uncaught
IE Ignoring Toggle Function
I want to hide/show table rows with an onclick event. Here are the relevant snippets of code I have: Script: $(document).ready(function() { $("#plan1-title").click(function() { $("#plan1").toggle(); return false; }); $("#close-button1").click(function() { $("#plan1").hide(); return false; }); }); HTML: <tr onMouseOver="this.className='floorplans-over'" onMouseOut="this.className='floorplans-out'">
Prevent from launching multiple onSubmit function
hi. is there a way how can i stopped executing onSubmit binded functions, when one of them returns false? returning false by one of them prevents form submitting but its not enought to prevents executing potentionally unwanted code. have a very safe and productive day, thx
[jQuery] JQuery UI Draggable Thumbnail Filmstrip
As a learning experience and to get the look I wanted , I hand wrote HTML/CSS/jQuery code for a photo gallery with a thumbnail filmstrip. I started with a few ideas of how to slide the thumbnails underneath the main panel of the gallery, and figured the easiest and smoothest way would be to initiate a draggable function call on the <ul> selector or containing <div> of the list of thumbnails, constraining the motion along the x-axis. This works well, but I have a few problems which I'm not quite sure
Jquery AutoComplete - Exact browser version it works ?
I have started working with jquery for one of the project. For the autocomplete plug in, it works perfectly with Firefox 3.0.10 but it does not work with IE 6.0. I was under impression that it works IE 6 and above version. Please let me know what are the IE version works perfectly with autocomplete ? Thanks
[jQuery] Jquery UI tabs lockable ?
Hi i was wondering if it would be possible to lock out other tabs so the user is stuck on one ..until a user hits a button. For example an Admin is adding someone to a database- the Admin is on the add user tab but after enacting this add process by input they cannot leave this tab until either cancelled or accomplished both done by a user input button . so again would it be possible to Lock out other mobility to tabs locking on just one?
Next Page