[jQuery] [jQuery Corner] Problem using nested corners/borders
I am attempting to create a box with malsup's jQuery nested corners, but can't get it to display properly. Here's my CSS: testing { margin: 0; background: #ffc; padding: 10px; border:0; zoom: 1;} div.outer { float: left; margin: 15px; background: #c82; padding: 8px; width: 22em } My JS: $(function(){ $('.testing').corner("round 8px").parent().css('padding', '4px').corner("round 10px"); }); I'm using this as my test HTML: <div class="outer"><div class="testing"><h1>Round</h1> Testing</ div></div>
[jQuery] Help getting elements name.
Hello I have a bunch of radio button and I want a funtion tu run when any of the radio button is clicked so I used $('input:radio').click (function... what I want to do is to get the name attribute of the clicked radio, how can i do this?
[jQuery] Overriding a link
Here's my code: 1. function handleLoading(data) { 2. var $content = $("<div></div>").html(data); 3. var $visualBadge = $("#visualBadge"); 4. 5. $visualBadge.children("div").replaceWith($content); 6. $visualBadge.find("a").click(handleClick); 7. } 8. 9. function handleClick(evt) { 10. var link = this; 11. var path = link.href; 12. if(path.indexOf("#") != (path.length-1)){ 13. alert(path); 14. $.get(link.href, handleLoading); 15. evt.preventDefault(); 16. return false; 17. } 18. } The $.get on line
[jQuery] [jCarousel] - Options Wrap Circular
I am looking for an example of the option wrap circular on an AJAX version. Anyone created a working one? The example online shows you one done in a Javascript Array. Located here http://sorgalla.com/projects/jcarousel/examples/special_circular.html Thanks
[jQuery] Conflict with Lightbox 2 & Smooth scroll
Hi, Having problems with conflicts between Lightbox 2 & smooth scroll. Does anyone know anything about this, or better yet anyone know a way around this? I am new to this and not particularly savvy to say the least. Help would be appreciated. Thanks
[jQuery] Jquery ajax form
I'm using the jquery form plugin from here: http://malsup.com/jquery/form/ Is there any callback function or handling of server-side errors in this plugin so I can now if an ajax action failed? Thanks, Craig
[jQuery] isFunction change in 1.3 and window.opener
Hello, We've recently upgraded jQuery to 1.3. I've read about the changes to the isFunction method and have run into a problem. Our site has a couple of popup windows that, on completion, call back into the parent window. As such, we had code like this: var openerFunc = window.opener.pickComplete; if ($.isFunction(openerFunc)) openerFunc.call(this, rowid(row)); window.close(); In 1.2.6, the isFunction call would return true if the function existed in the parent. In 1.3, this returns false, because
[jQuery] small problem
Hmm check out my site: http://www.crtaci.info/ on top-right position i have search field. When you move your mouse over there small text shows up that says: Napredna pretraga Now, for some reason those letters change color to like yellow for very short period of time in ff 3.5 and to some strange color in safari 4.0.2 for win. In ie8, opera and chrome it works just the way it should, white letters stay white during the animation. Any sugestions?
[jQuery] Returning an XML attribute from success or complete
I am trying to create a function where i can return some values from an XML file with the $Ajax call. The XML: located in the root of my webb application /languagemap.xml <?xml version="1.0" encoding="utf-8"?> <Mappings> <Mapping DisplayName="Chinese" ShortName="zh" Code="4"/> <Mapping DisplayName="Dutch" ShortName="nl" Code="19"/> <Mapping DisplayName="English" ShortName="en" Code="9"/> <Mapping DisplayName="Finnish" ShortName="fi" Code="11"/> <Mapping DisplayName="French" ShortName="fr" Code="12"/>
[jQuery] Check if function exists
Hello, I am loading TinyMCE using the new JQuery Plugin: <script type="text/javascript"> $().ready(function() { $('textarea.tinymce').tinymce({ // Location of TinyMCE script script_url : '../js/tinymce/jscripts/tiny_mce/tiny_mce.js', Is there a way to load only if tinymce plugin is present without getting an error? Basically if I don't want to load the tinymce I just don't load the plugin ... ... Because I am not able to pass, I think, to my SiteScript.JS file if I want to load or not the plugin.
[jQuery] .not($.browser.msie && $.browser.version <= 7)
I am having rounded corners in a site but I don't want them in IE because it does strange things with the corners. Something like below isn't that possible? .corners("4px").not($.browser.msie && $.browser.version <= 7) What are the other solution to only target IE for not rounding that corners? Gr Ischa
[jQuery] Slide in Popup
Hi folks, I have been searching and searching, but cloudn't find it. I'm looking for a slide-in popup (from the top) that does fade's its background while it slide's. Something like http://mad4milk.net/ when you press contact. But then in jQuery. I hope someone has the knowledge how to do it (with jqModal, Fancybox). Kind regards, Maarten
[jQuery] [Superfish] Background fade of menus
I'm not sure what's going on with the background fade of the my dropdowns and flyouts. When I mouseout, the background disappears, but the text remains. What's going on with that? You can view it at http://www.ciu.edu. Thank you, Chris Coppenbarger
[jQuery] Joining values in ajax load
Newbie here - Whenever I try to join variables I get results for first item (CustNum) only...PartNum returns as 'undefined'. Can someone tell me the problem with this code: $(document).ready(function() { $(".mybutton").click(function(event) { $("#myDiv").load("Test.asp?CustNum="+ $('#CustNum').val() +"&PartNum=" + $('#PartNum').val()); }); });
[jQuery] use an external js file for validation of many forms
I want to use an external js file for validation of many forms - all of which have items in common, like start_date. I want it to be re- usable from application to application. Using the groups I have found that I can do this by having something like [code] $(".sharedClassName).each.function() { $(this).validate({ rules: { sampling_date: { required: true , date: true } }, messages: { sampling_date: "Please enter the date you collected your sample in the format dd/mm/yyyy." } }); }); [/code] BUT
[jQuery] $ajax() question
$.ajax({ type: "POST", url: "mywebpage.aspx? Arg="+args2, contentType: "text", data:"{}", dataType: "text", success: CompleteInsert, error: onFail }); I dont know why the onFail function is going to be executed when args2 is too big. args2 is a string type can anyone explain this thanks
[jQuery] Form built by ajax doesn't submit
Hello, I'm making a utility where you can upload multiple files at once then one by one write up a description for them as they display on the screen. This works for the first file. I send the request to a php file through ajax and the php file will respond with the next file and form. I can see the second file but the form will not submit into the same ajax/jquery call as before. This is what I have: $(".button").click(function() { var photo_ID = $("input#photo_ID").val(); var
Get URL of selected element
Hi, I'm just getting started with jQuery and I want to get the url of a selected element so I can do something with it. To start with I'm just trying to get the url of a hovered link to show up in an alert. Can anyone tell me where I'm going wrong? $(function() { $("table#content > tbody > tr > td > a[href*=delete]").hover(function(event){ alert(this.value); }); }); Any help would be appreciated. Thanks.
[jQuery] Howto: replace the current webpage with content from another webpage.
I am trying to define an "onclick" event to a form button, so that when I click this button, content from another webpage will overwrite this page (not open a new webpage). I've tried the below code (sample) which is not working. <form action="/script" method="post"> <..other elements../> <input type="button" name="jump" value="Jump" /> </form> <script type="text/javascript"> $(':button[name="jump"]').click(function() { $(document).load('/path/to/another_page.html'); }); </script> Any suggestions,
[jQuery] [Superfish] IE7 and below errors (just information)
This is something I discovered when implementing Superfish on our recently redesigned site at http://www.ciu.edu. We have navigation menus that are edited by content editors as html files. Our PHP files will include that html file if it exists. However, the WYSIWYG editor (XStandard in this case) inserts a HTML comment at the top of each file. When this file is included on a page that has a Submission form (in our case, a Preview Days registration form), and it is part of a submenu, it throws an
want to know the working of code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $(document.body).click(function () { $("div:hidden:first").fadeIn("slow"); }); }); </script> <style> span { color:red; cursor:pointer; } div { margin:3px; width:80px; display:none; height:80px; float:left; } div#one
SlideToggle problem
Hi guys, I am fairly new to jQuery, so need your help with this problem! I have a set list of trainers I am displaying on my website from a mysql database, each trainers name on the page is hyperlinked, and clicking their name slides down a div containing a more detailed view of that person (ie. tel, mob, web details). Upon calling the trainers, each one is assigned a id using an array to keep it dynamic, but this is where I am running into problems with my jquery. I had it setup fine so when I clicked
ajax problem with sending form
Hi so i'm working on this new project, just to learn new things. One of those things is ajax and a thickbox. this is what i got i have a php file named template_all.php inthere i call all the "pieces of a page i want, trought an array" (i work with codeigniter). In the head i have : <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/thickbox.js"></script> <script type="text/javascript" src="../js/jquery.validate.js"></script> <script
[jQuery] Ajax chaining
Hi all, I have a page that I want to use to display updates coming from the server. In my innocence, I assumed that the following code: function get_status(response){ $("#selector").text(response); $.ajax({ type: "GET", url: <server url>, success: get_status(response) }); } and server side something that sends a response, would give me successive ajax calls, made visible in the page via #selector. However, this does not happen. response comes back as an empty string,
[jQuery] get hover, focus color
I wanted to create test page to display all states of the link (link, hover, focus, active, visited). How to get styles of these states? The code below illustrates what I'm trying to achieve: It does not work for a:hover, but if you change a:hover to a, it's OK. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="content-type" content="text/html;
Stuck on selecting a span with multiple classes
$("span#tak_box").click(function() { alert("hi"); }); <div class="tak_content_right"> <span id="test" class="tak_box tak_box_col_1 tak_box_row_1">img</span> <span class="tak_box tak_box_col_2 tak_box_row_1">2</span> <span class="tak_box tak_box_col_3 tak_box_row_1">3</span> <span class="tak_box tak_box_col_4 tak_box_row_1">4</span> <span class="tak_box tak_box_col_1 tak_box_row_2">1</span> <span class="tak_box tak_box_col_2 tak_box_row_2">2</span> <span
Getting the name of an XML field
Hi, I am doing a GET request that returns an XML object, and I need to get various field names within the file. Calling .text() returns the data contained by the field, is there a method that gets the name of the field? For example, if I have: <somefield>Some Data</somefield> I want to output "somefield: Some Data"
[jQuery] Animated window scroll with jquery
Hi all, Here is something cool... jQuery window scroll with animation http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery
[jQuery] Unsubscribe
How do I unsubscribe this Newsgroup? Von meinem iPhone gesendet
[jQuery] Validate groups of input fields, checkbox highlight and reset
Hi, I have 3 problems I need to solve: 1. Validate groups of input fields. I see in the example of tabs, you can do as follows: // validate the other two selects when one changes to update the whole group var birthdaySelects = $("#birthdateGroup select").click(function() { birthdaySelects.not(this).valid(); }); However, mine is not using select, but it is using input text field. So I modify the code into: // validate the other two inputs when one changes to update the whole
[jQuery] jQuery Tools: Add Dynamic Tab
Hi all! I'm using the jQuery Tools (http://flowplayer.org/tools/index.html) UI library to create ajax tabs and am looking to dynamically add a tab if the user clicks a link within a tab. Example: [*Tab 1*] [tab 2] [tab 3] --------------------------------------------------------------------------------------------------- | This is the first tab in this wizard! Awesome! | | Click *here* to create a 4th tab that will let you edit your user data! ---------------------------------------------------------------------------------------------------
[jQuery] How to Do This
<br clear="all">Hi I have seen one site which consists of share/Email in a single tab. Can any body tell me hw to do this FYI.. site: <a href="http://www.networkworld.com/news/2009/083109-vmworld-xen-cloud-initiative.html?ts0hb&story=vmworld">http://www.networkworld.com/news/2009/083109-vmworld-xen-cloud-initiative.html?ts0hb&story=vmworld</a> Please find the attachment -- భరత్ భూషణ్ అంబటి
[jQuery] inconsistency in closest()
I've noticed inconsistent behavior with closest(). In my use case, it finds the expected ancestor initially. However, after a bit of DOM manipulation, it fails to find the expected ancestor even though the structure of DOM elements have not been modified in a way that should cause it not to find the correct ancestor. My contingency plan is to walk the parent() hierarchy manually. Not a big deal, but I'd like to know if anyone else has noticed this. Jeremy
Set Color on Active Class
Hi guys So basically I have this menu, the only problem I have is that I would like the colour of the text depending on which the 'LavaLamp' Image is when loading up to be red. For example when loading up this website (my url to the menu) http://karen.2kmegs.com I would like the text 'Home' to show red, since it is the active tab on page load. Thanks
Photo gallery
Hi, Can anyone tell me if there is any free gallery like the one on hulu.com (the gallery with the small squares) but in jquery/ajax and instead of a big image, it would display a group of small images (squares only drives you to another group of small images). So there would be 3,4... small squares and clicking one of those squares would make a group of 7, 8 small images appear above them Thanks in advance.
[jQuery] Why am I getting the error "missing ) after argument list" with this code?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Help with Required( dependency-callback )
http://docs.jquery.com/Plugins/Validation/Methods/required I am trying to implement the bottom option into my website, and i think this is the option i want. Im trying to get an either or validation, that one or the other is required. I think this one can do it, but is there a way instead of return $("#age").val() < 13; that it can check length? or someway to do my original need would be great :) thanks and sorry if i posted this in wrong section im in a rush
[jQuery] Get the element that I bind to live()
This is my Html: I am trying to get the element that I binded to live(), but always i am getting it's children. For example, this is my code: <div id=div1 class=theClass><b>Hye</b></div> <div id=div2 class=theClass> Hello</div> <div id=div3 class=theClass><div><b>Hello World</b></div></div> </div> <script> $('.theClass').live('click', function () { alert('I am trying to get the parent div id' + this.id + ', but i am always get the child element of the div')]) </script>
[jQuery] First Plugin Help
Could someone help me with the following, I'm just learning jquery and I had this working with a global variable (I know, bad, but I'm just learning). I have 4 draggable elements and $this.html(topZIndex); is only incrementing and displaying in the last one when I mouse over any of the 4 elements (can be seen here - http://www.iamcorbin.net/tEsT/test.php (click the drag button to turn it green first, only the gray box will change on mouseenter). I know this is a problem with my scope, and can be
[jQuery] jQuery select where attribute ID less than
How can I do a less than in a select e.g. something like $.("span.class [id<"+ a_custom_variable +"]") when I tried that it just selected all span of class with an ID attribute rather than where ID attribute is less than
Next Page