popup form
At my web application i am using jquery for updating some div areas. I also need to update some tables which are produced after executing some queries at my db. So i am planning to open a popup form that will show the current values of the row that is shown at the table. Changing and submiting will effect the db also. May i do it with Jquery or do you suggest anyother library that is written over jquery? And how can i do it? Will be happy if you show the road. If it is possible to do it with jquery,
How keep accordion submenu openned
I used jquery accorion effect on Drupal 6. But if I clicked a sublink of a menu, the page would be reloaded and the visited menu would be closed again. I want to keep the clicked menu openned. How can I realize it? Any ideas? Regards
top or bottom for absoluted positioned blocks
New one. How to determine how a absoluted positioned element was positioned? For example, a div positioned with bottom: 10px, will have a "top" read in Firefox. But if using "top" to move the box, instead of moving it, it will grow or shrink. Any ideas? -rsd
pre-process ajax results
Hello, I'm currently looking for a way of "pre-processing" ajax results before they are returned to the actual caller of the ajax request. Allow me to clarify what we need. We are confronted with legacy code, all of which is currently being converted to jQuery. All AJAX is returned as a JSON object from the server, which is supposed to allow me to have the controller file to add generic return values to the object before it is sent to the client. Each JSON object will in fact be an array with the
Select box calling another element’s click event jquery 1.4
I have a div on my page witch is hidden : AddSupplier, I have a button on my page witch must show the div if its not visible, but the same button saves some stuff if the div is visible. So all that is working but in this AddSupplier div there is a select box "ddSupplierTypes" and when the select box gets clicked the AddSupplierButton click event gets triggered why is this, and is there a work around? Tanks for any help. <%@ Page Language="C#" %> $().ready(function() { $('#AddSupplier').hide();
Combine resizable and draggable
Hi there, I want to apply both the draggable and resizable effect to the same elements. When I only use one of those, it works perfect, but when i combine then, it all goes haywire. When i drag one of the handles (resize of drag), the element jumps to the upper left corner of the page, and sometimes only the container. Is this a known bug, or should it just work? $('.event').draggable({ grid: [ $('#bigCalHead td.today').width()+1, 20], containment: 'parent', handle: $(".eventHandle")
.submit() passing no values in chrome when method is post
I have tried to search for the answer to this, but came up empty. I am writing a form checker (and submit) in jQuery, and am testing with Chrome. Once I do my validation, if all is ok, I simply submit the form using... $("form#courseForm").submit();and here is my form tag. <form name="courseForm" id="courseForm" action="courseDetail.asp" method="post"> In IE it works fine with either POST or GET methods in the form tag, but in Chrome it will only work with GET. When I try to use POST, the form does
How to make html drop down navigation - GO OVER Jquery Animated images?
Any idea how to make html drop down navigation - GO OVER Jquery Animated images? It is fine on all pages except the homepage where there is jquery animated looping images Help! Thanks Alice
Something strange with animate and IE (all versions)
Hi, I'm new on the forum and also using JQuery, came to this Framework thru ZendFramework.... My problème is that i've done an animation that works fine on all browsers (Firefox, Opera, Chrome, Safari) but not on any IE ? Here is the JS code : var timeSequence = 10000; var stat = 1; var letter = 0; var caption = ""; var standby; function showCaption(obj) { caption = obj.attr('rel'); if(caption) type(); } function type() { $('.caption').html(caption.substr(0, letter++)); if(letter
getting applyed height style for an element
I am looking for a way to determine is an element style was determined (thru css) or calculated. So far I can t find the RightWay(tm) for doing this. $().height() returns the calculated height which is the same as $().css("height"). I have solved the problem under IE and Opera using DOM.currentStyle.height. But not on other browsers (e.g. gecko). To make clear, I want to know if the height css rule in action is something like: 100%, auto, inherit, 3em, 5pt, 100px. $().height() returns the browser
About $.ajax DataType Topic
Quotation: dataType String Default: Intelligent Guess (xml, json, script, or html) The type of data that you're expecting back from the server. If none is specified, jQuery will intelligently try to get the results, based on the MIME type of the response (an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string). $.ajaxSetup({
Help regarding .load function in jquery 1.4.1
Got this problem $('#result').load('ajax/test.html', function() { // when calling $('#result').html(), it is always null // but when using document.getbyid innerHTML , there is something inside. }); The null thing never happened on the previous version. Can someone help me on a work around? Thanks
Need help toggling a clicked menu item
I'm new to web programming and I'm having some problems. I'm trying to create a horizontal dropline menu out of an unordered list. List items can have one unordered list child. I want to add a click event on all li:has(ul) elements. The pseudo-algorithm I'm thinking of is as follows: Find all other li:has(ul) elements on the page. For each, check if they are displayed. If displayed, hide it. Then, if the clicked li is displayed, hide it. Otherwise display it. Only one li:has(ul) element should
Jquery Ajax query
Hi, How can i verify whether my browser supports ajax or not using Jquery ? --Rajesh
How to condense my code
Hey guys. I'm still fairly inexperienced with JQuery and JavaScript, too. I'm currently working on a City, State, and Zip validator that utilizes JQuery UI's modal dialog box. Everything works fine. I'm just sure there is a better way to do this than using so much code. When the user clicks the "prompt" button, the dialog appears and runs an AJAX program that populates the table inside of the dialog box based on what was inserted into an input field. The AJAX program returns a JSON string that
$(this).attr('id') has no value in .each()
When the "Get Id's of tables with errors" button is pressed I see... 2 (which is the correct count, based on the initial state) The alert "each func called" Next I see alert a blank alert box Then alert "each fun called" again for the second table Then another blank alert box I have tried several different ways to retrieve attributes from each of the table elements returned, but failed each time. Strangely I am able to affect the tables. For example if the "hideTablesWithErrors" button is clicked
The problem with IE8 and encoding error c00ce56e
http://support.microsoft.com/?scid=kb%3Ben-us%3B304625&x=10&y=13 This is a support ticket, stating the fact if that IE not support the characte encoding or somehow misinterprets the encoding you will get a strange javascript error called: c00ce56e. This will apply on all your ajax transfers for one. And bug you ever so much. For example i had a text/html;charset=utf8 header returned from a php-webservice i wrote. Nice i though, charencoding is the "plant-shit" (Crank quote) and code along and thought
Problem with Superfish when using with iframes
I'm attempting to integrate jquery and Superfish on an older web application that's layout was configured using iframes nested inside of html tables. I have the simple menu working in the top iframe, but the submenu is not being displayed on top of the lower frame. Is there a simple fix for this? I searched around on this forum and using google and was unable to find anyone with the same issue. Thanks!
Writting a jQuery Loop?
I've got this code, but I need to make it loop? jQuery(function($) { var timer; function Cloud(event) { $("#cloud").css("opacity","0"); $("#cloud").css("left","-600px"); $("#cloud").animate({"opacity":1,"left":1600},20000, "linear", null); $("#cloud").css("left","1024px"); $("#cloud").animate({"left":-600},20000, "linear", null); } Cloud(); });If anyone could help I'd be much appreciative. Thanks, Chris
Problem with variable as parameter in get()
My code looks like this: <script type="text/javascript"> $(document).ready(function(){ $.get("/rou/ajax/liceu.php", { country: "1", city: "1" }, function(data) { $('div#text').html(data); }); $(function() { // navigate to page on click event $('#nav_combo').bind('change', function() { goToPage(); } ); }); function goToPage() { $.get("/rou/ajax/date.php", { city: $('nav_combo').val(), country: "<? echo $country; ?>"
Selector question
I'm some what new to jQuery and I have a question about the Selector. Lets say I have a classes named "navButtonRedMode", "navButtonBlueMode" and "navButtonRedType", "navButtonBlueType". I want to select all elements with a class that has navButton and Mode in the name. I guess my question would be how do I have a selector that has an AND in it. I am aware of $('[class*=navButton]') but this would return both blue and Red nav buttons. This is something I have tried but it didn't work. $('[class*=navButton]:has([class*=Mode])')
Problem with live mouseover
Hi I'm currently using the tooltip plugin to display an image preview on mouse over, this is the function that im using: $('.preview_boton_mercancia').live('mouseover', function() { // image which will display the tooltip on mouseover. var id = $(this).attr("id").split("_"); // splits the id of the image. ex. id="image_21" var id_mercancia = id[1]; // gets the id of the image I need. ex. id_mercancia = 21 $('#preview_'+id_mercancia).tooltip('#img_'+id_mercancia); // displays
Checkbox with Accordion Field Expansion
Hey Guys! I'm working on setting up a form that expands field boxes when a user selects a checkbox. Everything works properly, the only problem I'm having is the checkbox is never "checked". Here is my example page: http://www.communitymutual.com/test.php Click on the liability checkbox and all of the additional fields are expanded. Is there a way for the checkbox to stay checked once it has been clicked? Here is the script I'm using: <script type="text/javascript"> $(document).ready(function(){
Randomize fonts and other elements on mouse event?
I'm trying to make what is hopefully a fairly simple script to randomize font size, font family, image sizes etc. on a page using a.click and disabling the normal hyperlink function. Essentially looking to "destroy" the page randomly each time a link is clicked. I'm really quite lost though, so any pointers on where to begin would be really appreciated!
How do I set up Superfish for Wordpress?
I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now. Can someone help? I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
Width / height animation resets caret position in Firefox
Greetings, When a user clicks inside an input field, I want to change its appearance a bit. The point is that it then becomes clear that the field is editable through an animation. This should happen while keeping the cursor/caret right on the spot where the user clicked. This seems rather obvious, but it does not work in Firefox in certain cases. I created this simplified test case: <html> <head> <title>Test</title> <style type="text/css"> input { width: 150px; height: 40px; padding:
Using bind()
Hi, I'm new to javascript and jquery. I was looking to use $(selector).bind() instead of using the ONCHANGE handler inline. Could some one help me out on how to use that in the following code. <Script language="JavaScript"> function goto(form) { var index=form.select.selectedIndex if (form.select.options[index].value != "0") { location=form.select.options[index].value;}} </script> <div id="select_student"> <br /> <br /> <h2>Choose a Student:</h2> <form id="student_select" method="post"> <select
can I call up non-jquery javascript functions inside jquery setup?
first off, forgive me if "setup" is not the correct term...I'm referring to this: $(document).ready(function() { });I have a JavaScript tracking code that I place on every web page...but it doesn't track any of the activity used by my jQuery plugins, jQuery AJAX, etc. Things like tabs or form processing that call up different URL's or hashtags that could totally be tracked. I was able to extract part of the tracking code into a separate JavaScript function that I could assign to onmousedown and
Using Live() for loading content..?
Sorry for the poor title, but i'm not quite sure how to phrase this question. Basically i've been using the live function for handling click events on my page. So when a user clicks on a link, it will load new content. It's been working great because it works across all my pages, and any applies automatically to any dynamically loaded content. Now I have a function that is applied to textareas with a specific class, and I would like to have this automatically apply to any dynamically created textareas,
Drag, Resize a <div>
I have a <div style="position:absolute">. I'd like to be able to drag and resize the div. Is this simple to do in jQuery or is there an add-on for this?
Passing arguments to callback function
I everyone, in our app we have many JavaScript/JQuery libraries for handling "domains". The libraries of course use functions and we bind these functions to events with JQuery. But now, I want to pass arguments to some of these functions but passing arguments to functions with brackets execute the function on page loading.. To be more concrete, I have this library : var Articles = { addReaction : function(event) { event.preventDefault(); $.wait(); $.get(CONTEXT+'ui/parts/articles/addreaction.html',
like yahoo Home Page, is it possible?
Hi, I am having a kind of project where i want to move the div block with dynamic content, up and Down, similiar to yahoo homepage.(Move Top and Move Down With arrow Markd in Yahoo) Is it possible to do, do u guys have any idea pls help me. thank you
Ajax, JSON + variable
Hello, well i got a problem with using JSON. My code looks like this: $(function() { $.ajax({ type:'GET', url: url, data:"format=json&id=123", success:function(data) { alert(data); // doesn't work }, dataType:'jsonp' }); }); The URL is an external one. The answer looks something like this: yasearch({"q":"uboot","f":["k"],"r":[["uboote"],["uboot chat"],["uboot pc
class change on click with fade?
Hi, more of a javascript question than specifically jquery but I was wondering how to change a css class onClick with a fade? This is the code I have so far that is working fine to change the class but I don't know how to allow this class to fade in or even if it's possible? Thanks. <a href="#none" onclick="document.getElementById('tool').className ='tool1'">
How do I manipulate a DOM in an window.open()
var o = window.open( 'blank.htm') What syntax would I use to have jQuery copy DOM content from the current window to the window that the object "o" references?
Ajax .load() doesn't shows perfet on IE
Hello everybody, I'm developing this website: http://www.wpbrainiac.com/demos/radioimperial/ But now I have a problem... Just on IE it's not loaded right... If i put any <script> tag on my page to load, even if it's an HTML comment (<!-- <script> ... -->), the jQuery loads, and the jQuery response says SUCCESS, but doesn't show like needs to show on the screen :( If i delete the script tag, it shows perfect on the whole IEs (ie 6, ie 7 and ie 8) Does anybody have any idea what is happening? what
weird "jquery" tag (IE7)
After cloning some section in ie, I find a weird jquery attribute in every tag in the source e.g. <BR jquery23462834728346283="null" /> The value can be a number or "null" does anyone know why this is happening?
Strange behavior when using .live with mouseenter & mouseleave
I am just wondering if I am doing something wrong, but it looks like a bug to me - when using this code the submenu is displayed, then if I used bind - everything works, if I instead went for live, when I try to hover the submenu it disappears. I guess it has something to do with the live event not being handled properly (mouseout fires when leaving the parent LI and entering the first LI child of the UL child, but mouseleave should not fire because the LI child is actually contained in the mouseout-ed
Image Rotator
I need to do a rotator image like the one in: http://www.ireland.com/ Top of the Page under the name Today's highlights I did the rotator, that rotate on the four titles with image( http://webdeveloperplus.com/jquery/f...ing-jquery-ui/) , but I don't know how to do the up and down arrows when there are more than 4 titles, each time we click on the arrow the next 4 titles appear...as it appears in http://www.ireland.com/ Please any Help on how can I do it,
limit number of answer to speed up
Hi, If you want to manipulate ".foo" and you know there's only one .foo element on the page (and we don't want to use an id :)), is using ".foo:first" faster than using only ".foo" ? Thanks
Next Page