[jQuery] Fade IN/OUT images onClick
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>emailsig.html</title><meta name="viewport" content="width = 400, minimum-scale = 0.25, maximum-scale = 1.60"><meta name="title" content="html email signature"><style type="text/css"> <!-- body { margin:0px; background-color:#fff; height:100% } html { height:100% } img { margin:0px; border-style:none } button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top } p:first-child
[jQuery] Clone and Replace
I have a table that is dynamically populated by PHP and MySQL. At the bottom, I've created an empty table row: <tr></tr> I have a jQuery function that posts data to a PHP file. When the PHP file returns "true", I want it to clone that emtpy table row, and then manipulate it by giving the table row an ID. For example, that empty table row would clone (creating an additional empty table row for future use), and then look like <tr id="group34"><td>data here</td></tr> Here's the jQuery I have now, however,
[jQuery] jquery alerts
can anyone suggest some good jquery alert windows/dialogs?
[jQuery] Why does my Jquery elements handles not work?
Hi all! I am a newbie in Jquery. And I have encountered a problem: Using Jquery, I am replacing a submit button with a different submit button. So far so good. It works and looks right, in the generated sourcecode (when checking it in Firebug). HOWEVER: The new generated submit button does NOT trigger my JQuery script?! If I refresh the page, so that the exact same button is being generated by php, - my Jquery script fires and works perfectly..... whats up with that? I also notice that if I have
[jQuery] Superfish: Hovering over top-level li stretches the li to width of its sub ul (IE7 only)
Hi all, I've got a Superfish with Supersubs horizontal menu that is having an issue I haven't been able to solve in IE7. The list items at the top level of my navigation have fixed widths to align with the background graphic, so they need to stay the same width all the time. However, when you hover over a top level list item with a child ul, the hovered li stretches out to the width of the child ul, bumping the rest of the top level items to the right. I tried disabling the JS that calls Supersubs
[jQuery] Help with jQuery validator plug in
I've been searching for days for help on this and cannot find it anywhere and if I am posting in the wrong place, accept my apologies, I am desperate for help!!!! My project is due to the client today. I am building a form using a jQuery contact form slider. Got that working, no problem. I need a custom validation plug in because my form's required fields do not fit the standard plug ins available. I found Benjamin Keen's Really Simple Validaton (RSV) on the jQuery site. I like it because of the
[jQuery] slideUp(), slideDown() choppy on IE 6, 7, 8
I'm seeing some weird behavior with the slideUp() and slideDown() functions in IE 6, 7, and 8. First, open the following URL in Firefox, Chrome, or Safari: http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-search.html Click on one of the checkboxes under the first grouping with the heading, "Multi-Select Filter Name 1." A control appears at left. If you continue clicking on and off checkboxes, you will continue to add/ subtract elements from the control appearing at left. Additionally
[jQuery] my .click with UI Dialog is making me have to double click instead of one click to open it
I cant really figure this out, the only thing i could see messing it up is the javascript:void(0) inside the anchor link but since there is a double click function and a click, it should only be one click. Does anyone have an idea as to what is wrong here? I put autoOpen which i think is also causing it, but i did that so the user can open it, close it, and open it again so the delay "double click" is saying for the first time initialize and then the second click is opening?? if so how do i get around
[jQuery] livequery breaking on inserting html in IE
I've been working on this for quite a while trying to figure out why I can only get a click to be recognized by IE once. If a user clicks on another element, and then goes back to the original one, nothing happens. I've gone right down to this <code> jQuery("ul.showList li.show div.showData, ul.myShowsList li.show div.showData, ul.myFriendsShowsList li.show div.showData, div#popForecast li.show div.showData, div#gigList li.show div.showData").livequery('click', function(){ var getSelected=jQuery(this).parent('li.show').html();
[jQuery] both 'if' and 'else' blocks being executed
Greetings, I am experiencing some crazy stuff, at least crazy to me... Both the 'if' and 'else' blocks (according to firebug) are being executed in the following anonymous function: <html> <head> <script language="javascript" type="text/javascript" src="/usr/share/javascript/jquery/jquery.js"></script> <script language="javascript" type="text/javascript"> $(function() { add_billable_oncheck(); }); function add_billable_oncheck() { var billable_hidden = $('#billable_hidden')[0]; var billable_checkbox
[jQuery] Ajax GET - add form data to table
Hey I am trying to get my form data when submitted and add it to a table below the form (I am already submitting the form with the jquery forms plugin). Any help would be appreciative.
[jQuery] return false; on links only working on first click in IE
I've been trying to make my very ajaxy site more SEO friendly, lots of the returned actions from ajax can be retrieved as a full page, so it's just a matter of exposing the links. Up until now I've had 'span' tags which I have now changed to 'a href' so that the search engines will follow them. I've added the following code so that if the event should send an ajax request, it does that, or if it should go get the full page, it does that. <code> jQuery('a.mixContent').livequery('click',function(){
Looking for a jQuery Flyout solution
Hi, I want to display a hyperlink or image that when clicked, opens up flyout menu which is a vertical two column menu. Ideally, I would create a DIV and set its class to the jQuery script that will turn the DIV into a flyout menu. Can anyone recommend a solution for this? A sample of what I want to do is available at MSNBC's website i.e. www.msnbc.com. If you go over "Today", "Nightly News" or "Dateline", you'll see what I want to do.
[jQuery] Add function (transverse)
I find it frustrating that the transversing add function (http:// docs.jquery.com/Traversing/add) doesn't allow passing in a context like the jQuery function (http://docs.jquery.com/Core/ jQuery#expressioncontext). Here's a use case: I want to select two different classes under the same element. Today I have to do: $(".post").hover(function () { $(".category", this).show(); $(".comments", this).show(); }, function () { $(".category", this).hide(); $(".comments", this).hide(); }); or: $(".post").hover(function
[jQuery] table cells selector question
I can do this to select all td's with a class of someclass var cells = $("td.someclass"); My page my have more than one table so this would select all matching td's. What I need to do is isolate the selection to only the cells in the table where a row was clicked. I've tried var cells = $("td.someclass").filter(this.parents("table")); but that is throwing an error w/in jQuery.
[jQuery] validates after blur
I've been trying to figure out how to add validation to jquery.autobox and it works except if I have more than one on the page it only validates the first one on submit though it will validate all other fields around it ! I can get it to validate the remaining autobox inputs if I give them focus and then take it a way that said I could get around the problem by setting focus on inputs then setting focus on something else but that's just sloppy coding. here is the html before it is submited <!DOCTYPE
Thickbox Download Button
I'm trying to set up a simple inline thickbox window for agreeing to the terms of use for a download file. I found styling the box to hold the TOS content statement rather easy, but don't know how to set up a second button that closes the thickbox AND points the user at a zip file to begin download. The coding snippit for the "Cancel" button that they click when they don't agree is below. I want to add a second button that begins the download process, and also closes the thickbox popup. > <div id="hiddenModalContent"
[jQuery] [ lCarousel Lite ] Can't drag items outside Carousel
Hello, I'm trying to merge Carousel and Drag functions, but I'm facing problem. Here is the jCarousel lite page : http://www.gmarwaha.com/jquery/jcarousellite/ And here is my project : http://www.wir3d.net/tests/carousel_drag_02.html Carousel pager works great, when you click a page, carousel switch to the chosen page. But if you try to drag an item outside the carousel (green border), the item won't go above the carousel border, but underneath. Did someone already face this problem ? Any idea how
[jQuery] Encapsulation Style
When writing plugins and such, what is your preferred style for encapsulation? I know of two styles: var PublicObject = function () { // Private function Function1() { } // Exposed function Function2() { } return { PublicMethod: Function2 }; } (); -- OR -- (function () { window.PublicObject = { PublicMethod: Function2 }; // Private function Function1() { } // Exposed function Function2() { } })();
[jQuery] Strange Issue in IE 8 (portlets and sortables)
In strarting a proyect using PHP+Xajax+Jquery. In traying to use 2 sortable lists into a portlet. It work fine in FF, Safary and Opera, but not in IE8. When I try to drag an element form a list, the portlet moves and the elment gets mad. Can see an example in http://www.unycorn-systems.net/jquery/dragg.php Sorry if this a duplicated post, but i cant find solutions or ideas. Thanks in advance.
Selecting with jQuery
I have a HTML menu (notice the submenu): <ul class="buttons"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">News</a> <ul> <li><a href="#">Submenu</a></li> </ul> </li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> I get the index of each element, using the jQuery index. For example, I get "0" for Home, "1" for About, "2" for News, "3" for Submenu, "4" for Services and "5" for Contact. var
Combining multiple jQuery and JS functions
I apologize for such lengthy post, but I couldn't trim it down. I am new to jQuery and need some help. I have a grid that I am populating dynamically. It consists of simple rows of data that I would like to expand with more details about that particular row through jQuery, edit the data, submit it using jQuery .serialize, close that expanded row and flash highlight the row that was just updated. So the desired chain of events is: When a row is clicked: 1. Call loadContent wich would in-turn show
connecting sortable() across weird DOM
Here's an example markup, which looks like a regular table if you add in some css: <div class="headers"> <div class="headeritem">id</div> <div class="headeritem">name</div> <div class="headeritem">address</div> <div class="headeritem">phone</div> </div> <div class="scroller"> <!--this just acts as an overflow:hidden container for its child--> <div class="grid"> <div class="row" style="top:0px"> <div class="col c0">1</div> <div class="col c1">John Smith</div>
[jQuery] Simple selector problem
$(document).ready(function { alert($("div").length); }); ---------- <div>div 1</div> <div>div 2</div> <div>div 3</div> ---------------- I'm using jQuery 1.3.2. In IE, this returns 3. In Firefox, it returns 4. What's going on?
[jQuery] Rare .die() behaviour
Hi all. I've the next code: $("#box").live("mouseover", function(){ $(this).addClass ("highlight"); }); $("#box").live("mouseout", function(){ $(this).removeClass ("highlight"); }); $("#box").live("click", function(){ alert("Hi"); }); $("#erase").bind('click', function() { $("#box").die("click"); }); So, what I want to do is simple, I asign mouseover and mouseout "highlight" effect to a div. And if you click the div then you get an alert. This works nice. Then, if you click a link with id="erase",
[jQuery] .load: how to make sure ajax-loader.gif stays visible until the injected html is actually visible?
Hi, In the below code, the ajax-loader disappears before the html returned by .load is actually visible in the browser. How can I correct it? $.post("registerClient.php", data, function(returned){ $("#client").html(returned); $("#all-clients").load("allClients.php", function(){ $("span#ajax-loader").html(''); }); });Regards, -jj.
[jQuery] [jQuery][Cluetip] Cluetip/live issues
Hello. Is there a way to have the elements loaded by cluetip (which is ajax) live(ed). Because i want to put some triggers INSIDE the loaded element itself and based on jQuery docs i ned to use the live function, but i dont know how to use that with the cluetip. <br clear="all">------------------- Alexandru Dinulescu Web Developer (X)HTML/CSS Specialist Expert Guarantee Certified Developer XHTML: <a href="http://www.expertrating.com/transcript.asp?transcriptid=1879053">http://www.expertrating.com/transcript.asp?transcriptid=1879053</a>
How would i do this ?
Hi Guys, Noobie here so please take it easy on me i am trying to build a schedule table, where dates and times can be selected, the table is structured around time slots (at the top) and days (on the left) the whole idea is for visitors to select a day and a time slot for that day (like an appointment if you like) i have already designed the table in HTML and CSS but will need some Jquery magic in order to achieve the following; i would like the td cells in the table to work like radio buttons, but
[jQuery] TreeView - New Color
Hello, Is there a psd or some other kind of editable image that someone can send me so I can make different colored themes? Thanks. Keith
[jQuery] Trying to force field change (tab event)
Hey all. I have a table being returned from an AJAX call that has input fields, 1 in each row. I want to give focus to the next element (next row) when the user hits "enter" key. Basically, the user is going to be in the first field and can either change the value of that field *or* simply move to the next field. The "tab" key has this functionality by default, what I want to do is mimic the tab key when the enter key is pressed. Any ideas?
Writing raw XML to screen
I'm using jQuery AJAX to retrieve XML similar to that below. Now I understand how to parse this XML using jQuery, but I since everything inside the 'albums' node is valid HTML I just want to write it all directly into a div on my page. However, $('#mydiv').html(myxml.text()) strips out the 'tags' and it doesn't like $('#mydiv').html(myxml) either. So how do I write XML direct to a page without losing the tags? <?xml version="1.0" encoding="utf-8" ?> <albums page="1" pages="2" page_url_template="/photo/?s=2&p1={0}">
[jQuery] How to Animate Innitially Hide Html Div by jQuery
How to Animate Innitial Hide Html Div by jQuery I want to animate Html Div that is Innitially hide , Div only dispaly on an perticular Event. I have a problem when it is Innitially hide ....
[jQuery] Multiple Image uploads
Hi, I need some portal using jquery and html...for uploading multiply images. Actual requirement is when page opens i must have single file upload option when user clicks more in the next line i must get 4 more image upload input boxes. I tired Javascript on click function but i am unable to append input boxes(type=file) after first one. Thanks and Regards, Anjith Kumar Garapati
loading image while json call
Hello friends, I am using VS2008 C# with MVC architecture to build web application. I am using jquery and json to develop the application. the problem is: I am making json call to server side methods using $getJSON(url, null, function(data){ }); like this. Now this function consumes some amount of time to load the data what I want is to show a gif image "loading" while all this functions finishes the display data task. How it can be done? please let me know.
[jQuery] (Validation) how to add validation on a select box with auto post
Hi, I have a select box with and onchange event to get the data from serever, <SELECT name="States" id="State" onchange="getData(this.value)" > Now i want to validate that if no value is selected from the above list, then it should not send the ajax request. How can i apply the Jquery validation plugin here? Thanks.
jQuery: Post Form with AJAX
How can I submit the contents of my form? This code submits NO data. I want to submit the data in my form. I want the values of my form to be submitted. <form action="submit.php" method="post"> <p><label for="name"><strong>Name</strong><em class="required"></em></label><span class="transInput"><input type="text" name="name" id="name" class="i1" /></span></p> <p><label for="email"><strong>Email</strong><em class="required"></em></label><span class="transInput"><input type="text" name="email" id="email"
Can I do this with JQuery?
Hi, I have a form, a collection of checkboxes. For example: hxxp://tinypic.com/r/apbclf/3 One column is Start (left) and the other End(right). There has to be one Start checked at all times and once this is selected no other Start(left) checkbox can be selected. Also, once the start point is chosen all the End(right column) boxes should be checked. Does anyone have any idea how I would go about doing this? I'm really stuck on this one. Thanks in advance for any advice/help.
[jQuery] how can i make in joomla 1.5 - superfish expand or close on click
hi, i need SPECIFIC guide how to make the superfish vertical menu to expand or close on click and not on hover. has anyone done it? please explain the steps you did.. ty in advanced
Can you send data with Ajax without getting response?
Hi, I would like to send my form data to a php file but not to get any response. I want to send an ID so that PHP can do MySQL search and generate a PDF file. Problem seems to be that PHP is responding something back to HTML and that is messing my code. So I just want to send the data and run the scripit in PHP so that nothing is returned back to HTML. Thanks for any response.
fancy pop up window
Hey, I'm new to jquery, I'm super impressed and can't wait to start working with it. I'm looking for a pop up window tutorial. When a user clicks on a link a new window fades in or stretches out from the center, something fancy like that. A good example would be the "Image Lightbox Viewer" http://www.dynamicdrive.com/dynamicinde ... /index.htm except I want to open a html page with fixed width and height rather than an image. Does anyone know of such tutorial/s? Thanks, Ryan
Next Page