[jQuery] jQuery Form Validator
I've written a small jQuery Form Validator "plugin", of which you can find info at: http://www.marzapower.com/blog/show/250 Please, download it, try it and let me know what you think!
[jQuery] Autocomlete plugin not working in Opera and IE 6
Am trying to use the Autocomplete plugin which so far works in Firefox but doesn't work in IE6 and opera 9.x on Ubuntu Linux. Below is my code. So sorry if this has been answered before. -----------------Backend Code-------------------------- <?php $name = $_GET['q']; if (!isset($name)) return; $link = mysql_connect('localhost', 'root', ''); mysql_select_db('espreadv2', $link) or die("Error connecting to db"); // try to sanitize if (get_magic_quotes_gpc()) { $name = stripslashes($name); }
[jQuery] referring back to a specific element
Hi, How do I refer back to a specific element? This is the scenario I'm trying to build: Clicking on any field in table A will display table B. Clicking on any field in table B will 1) change attributes of the field that was clicked in table A (for example, change bg color). 2) update the correct row in table A in the DB. My question is how do I refer to the original field (in table A)? How can I keep a reference to an element so that I can update its attributes later on? Thanks.
[jQuery] AJAX delay response.
Could anyone tell me what is wrong with this code? :( function sendAjaxRequest(param,listener){ $.ajax({ type: "POST", dataType: "json", url: "index.php?page=ajax", data: param, success: function(data){ if(data.status==0){ $("#"+listener).trigger('trueSuccess',[data]); }else{ $("#"+listener).trigger('trueError',[data]); } }, error: function(){ data='An Unexpected error has occured. Please try again later.'; $("#"+listener).trigger('unexpectedError',[data]); } }); } success event trigger a few more
how to make an delay =?
Hi Jquery help first post here. i'm really stuck! jQuery.facebox('Mange tak - du er nu tilmeldt'); $(document).trigger('close.facebox').delay(5000); how do i make this delay ? first it sends the text to the box (thanks - you are now registred) and then it should auto close after 5 secs of delay. but it does not please help me
[jQuery] ui.tabs question
Hi all, I'm using ui.tabs and i would like to trigger a function when a tab is clicked, or more precisely, when a new panel gets shown. I figured from the doc i should use the select callback but that does not work... HEre is the code i use var $tabs = $("#tabbedTextContent").tabs({ selected: 0, fx: { opacity: 'toggle', duration: 200 }, select: function(e, ui) { alert("hi"); //<!-- the alert() never gets called var $img = $('#tabbedTextContent div.ui-tabs_panel:visible img.albumImage'); if ($img.length)
[jQuery] deserialize plugin latest version?
does anyone happen to know what was the latest version of form deserialize plugin? Where can I grab it? Cheers
[jQuery] sortable portlets
hey, i'm new to the whole jQuery scene, and i'm trying to create a small portal with frames you can rearrange (igoogle style) i've seen this demo: http://jquery-ui.googlecode.com/svn/trunk/demos/sortable/portlets.html and tweaked it a bit, but i can't figure out how (if at all possible) i can make the frames move only if i click on the frame title and not the whole frame. thanks ind advanced!
Ajax requests without ajax calls
Hi, the site I'm talking about is here: http://vinylkoffer.de/upload/index.php I have this idea of the browser warning you to not close the window while the upload is processing. I do have a working script, but I'd like to do all of that using jQuery instead of plain javascript. It works fine, but now, when I submit the form and start the upload, both embedded javascript files are being requested using ajax. Nowhere in my code it says that I want any js files to load. Maybe I messed up the script
[jQuery] $.ajaxSuccess.
Sorry about my grammar, English isn't my tang. What is the different betwen: $(document).ajaxSucess(function () {}) $('div').ajaxSucess(function () {}) $.ajaxSetup (success: function () {} ) *When I am execute* $.ajax(url); Also, how I can change the data before it's send to the server by using beforeSubmit? Thank you.
Sortable with templates
Hello, I'm trying to make a schedule-management page using sortables. The schedule is a set of columns, one for each day of the week, that contains a list of shows represented by icons. I have it so you can rearrange the shows, but right now you can't create new shows. I want to have a set of template icons that you can drag onto the schedule to create new shows. This is what I have so far (simplified): <div class="templates"> <!-- some icons --> </div> <table> <tr> <td class="sortable">
[jQuery] USING FLASH + ACTIONSCRIPT CALLBACK FUNCTION.
Hi, The problem i faced when i use iframes to post data is that i can not send information to parent frame (like a json response) if the url of the iframe is different. You can use Flash + actionscript to POST DATA crossdomain. You only need a crossdomain file policy in your server web root. An example: http://blog.monstuff.com/Flash4AJAX/static/Xdomain.html if have something like this var Panel = { _posts : [], Save : function(data, functionCallBack){ var index = this._posts.length; this._posts[index]
[jQuery] Content not fading in correctly
Hello all, I am trying to fade in some content, but it's not working correctly. I got some code at the Nettuts tutorial at http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ and changed it a bit so it just fades in and out. The fading sort of works, but there are a few problems. In Firefox, the page loads perfectly. When you click on the 'Second Content Area' button, the content loads in correctly, but the jquery that controlled the sprite's hover on the sidenav stops
[jQuery] Content not fading in correctly
Hello all, I am trying to fade in some content, but it's not working correctly. I got some code at the Nettuts tutorial at http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ and changed it a bit so it just fades in and out. The fading sort of works, but there are a few problems. In Firefox, the page loads perfectly. When you click on the 'Second Content Area' button, the content loads in correctly, but the jquery that controlled the sprite's hover on the sidenav stops
[jQuery] append() not updating DOM
I have problem with elements that have been added to the DOM via append() not being reliably returned via selectors. Happens when I perform append between containers thus. 1. Append Container 1 2. Append Container 1 3. Append Contrainer 2 4. Append Contrainer 2 5. Append Container 1 Say you have two containers, thus: <!--Init Values--> <div id="initValues"> </div> <!--Create Values--> <form id="frmCreate" action="/siteignite/poppage/ajx_crud" method="post"> <input
[jQuery] Help to find Plugin
Hi I have seen a great feature on a site I would like to use. The site is using jQuery and I guess a plugin ( unless it's handcoded by the owner) Have a look at www.carlist.ie. On the left of each car there is a star. If you click on the star, the cars details show up in a box on the right hand side of the page called my stared cars. I would like to use this feature in my site but I can't seem to find anything like this anywhere. Can some-one point me in the right direction? Thanks Cambo
[jQuery] Simple jQuery problem with fading In/Out
Hello all, I'm trying to fade in one content area when I click on Button 1 and have the other content area fade out. As I wrote my code right now, it doesn't seem as though it's right. In Internet Explorer, It sort of works, but for some reason the content that is in content area 1 doesn't fade in. It just pops in even though the second content area fades in just fine. In Firefox, I can make content area 1 fadeout when i click on the second content area button(#button2), but then the second content
[jQuery] [autocomplete] Proper way to send id for an auto-completed field
I would like to send the id of the auto-completed field instead of the text in my post request to the server and am wondering how i could accomplish that. I am quite new to jquery -- The design is complete then, not when there is nothing more to add, but when there is nothing more to take away Antoine Saint de Exupery
Input Text Array .each()
Hello, i've a problem. 2 Textboxes were adding dynamically: ... Linkname 1: <input type="text" name="linkname[]" value=""/> Link 1: <input type="text" name="link[]" value=""/> Linkname 2: <input type="text" name="linkname[]" value=""/> Link 2: <input type="text" name="link[]" value=""/> ... Onlick or Whatever: var linkname = ''; $("input[@name='linkname'").each(function(){ linkname = linkname + '&linkname[]='+$(this).val(); }); var link = ''; $("input[@name=^'link']").each(function(){ link
[jQuery] how to do '++' in jQuery
some times we want to do some animation we use xxx.width++ in jQuery we give value like this $('xx').width(value) how to do ++ thing in this way?
[jQuery] Syntax similar to IN in SQL
Hi All, I am sure this is an easy question for someone in here. Is there a better, cleaner, shorter way to write this: if ( ($('#price_group_lesson').attr("value") == 'B') || ($ ('#price_group_lesson').attr("value") == 'C') || ($ ('#price_group_lesson').attr("value") == 'D') ){ $('#price_group_lesson_yes').slideDown('fast');} else{$('#price_group_lesson_yes').slideUp('fast');} I am creating a pretty custom questionnaire, and it has a lot of logic in it. I wish I didn't
[jQuery] Does IE7 still have a problem with clone()?
jQuery 1.2.6, that is... Rick
I need to know when I click out of a div
Hi all, first of all sorry for my english I have a div , how can I throw an alert() when someone click outside of this div (in any place)?? I try with .blur() but doesn't work. Thanks.
[jQuery] global events??? actions on multiple forms
hi, i have the following code: $(function() { $('.error').hide(); $('input.text-input').css({ backgroundColor:"#FFFFFF" }); $('input.text-input').focus(function(){ $(this).css({ backgroundColor:"#FFDDAA" }); }); }); .... .... .... }); it works fine with the form on in index.php,which its not loaded using ajax, but whe i load another form using ajax, those events stop working. is there a way to have global events so that every form, whether its loaded using ajax or not, can use them??
[jQuery] Question Regarding Superfish
Hi, I am trying to use Superfish Jquery menu in IE6. It all works fine except that the menu which have sub menus displays 2 arrows next to the text. I am using the following code: // initialise Superfish <script type="text/javascript"> $(document).ready(function(){ $("ul.sf-menu").superfish(); }); </script> Can someone help me out? Thanks in advance. Kind Regards, Amit Shah
[jQuery] [validate] Group validation error highlighting
If two separate input fields need to be validated together as well as individually, what is the best way to do this? For example, I have a 'date' field and 'time' field. Both fields need to have valid date & time, cannot be empty, and in addition, the value of the two fields combined, cannot occur in the past. I've tried it with 'groups' as well as a custom validation method via 'addMethod', but the error display mechanism doesn't behave similar to how the other validation fields. Normally after
[jQuery] cluetip not loading external web page
I have setup the cluetip plugin on my website. I was able to get it working when using local content, similar to the example code of $ ('a.title').cluetip({splitTitle: '|'}); However, I can't get it to load an external website. The tool tip comes up, but it says "sorry the contents cannot be loaded". The external site is a servlet rendered page that loads fine if I type the URL into a browser window. The only differences between my code and the example is that I'm using an image for the link and
[jQuery] A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly
[jQuery] jquery ui tabs 3 problem
I am using jQuery UI Tabs 3 from http://stilbuero.de/jquery/tabs_3/. The problem I have is the delay before the JS loads. You can see all the tabs for a couple of seconds, then they line up. Is there some way to set display:none or some equivalent to hide these even before the scripts load?
[jQuery] [validate] filled on Mac bug
Hello, is there any one who has experience on mac (both safari and FF) this bug. none of rules are working: rules: { secondSentDocumentsTo: { // required: "#aTextArea:filled" required: function() { return $("#aTextArea").is(":filled") ? true: false; }, } } Thanks Mesut TUNGA
[jQuery] Accordion push to bottom
I have a sidebar that is 450 in height. I have 5 accordion menus and they are working fine. What I would like to do though is when you click one of the items for the other icons to push to the very bottom of the content area just like it does on http://www.hp.com/. Does anyone know how to do this or have an example of how to do this? Thanks!
[jQuery] When to use LiveQuery plugin
Hi all, I had seen a new plugin called "LiveQuery" and i have some questions that are not yet completely answered when i read its documentation. I am using jquery.form.plugin, My questions is when to use livequery and what is it's advantages. is it possible to use livequery in conjention with the form plugin. can u pls cite me a small sample code or some pointers on the web where both are used. Thanks in advance ocptime
[jQuery] multiple submit sends with CSS Button
hm, my first request isn't shown online. Here is my question again: Hi, i have a Problem with a CSS-Button. Evertime when I click the Button, the formular will be send three times. A normal input submit button does the same task exactly one time. Here is my Code for this Button (only the first button is important, Abort Button works fine at it is). jqeury 1.2.6 is included <div class="buttonleiste"> <a style="float: left; margin-right: 10px;" onclick="trigger_form_submit(this, 'ok')" id="" class="button_ok
[jQuery] $("area") not working in IE (sorry if this is a repost)
sorry if this is a repost but I didn't see it in the group and I didn't get a copy in my email. I am working with an image map and i am using the maphilight plugin and I want to add a border to an image below the image map when a user hovers over an area (based on the iamges ID and the area's class)(see code below) I got it to work in FF but I cannot get it to work in IE. Any help? URL: http://oregonstate.edu/admissions/firstyear/recruitmap/map/ Code: $("area").hover(function(){ var
[jQuery] [validate]
Hello, is there any one who has experience on mac (both safari and FF) this bug. none of rules are working: rules: { secondSentDocumentsTo: { // required: "#aTextArea:filled" required: function() { return $("#aTextArea").is(":filled") ? true: false; }, } } Thanks Mesut TUNGA
[jQuery] [validate] checkboxes named by cms as pollutants[one],pollutants[two]
I am using a CMS (Drupal) and using jquery validate to validate a form. works perfect except for my checkboxes. Drupal spits out the checkbox in the form of [code] name=pollutants[one] name=pollutants[two] name=pollutants[three] [/code] but I want to validate on the group of the - ie I want to know if ANY of pollutants[] was checked. I have tried rules: {"pollutants[]": "required"} but that doesn't work. I don't want to do rules: {"pollutants[one]": "required","pollutants[two]": "required","pollutants[three]":
[jQuery] image manipulation
I'm trying to take a standard .png image and turn the color all the way down so it looks like a shadow(solid black). I have seen plug-ins like the refection plug-in that manipulates the image. Can anyone point me in the right direction? Thanks
Quick: Move selector from <p> to <h3> and it fai
Hey, I'm using a 'show' link to display a hidden div below a displayed URL, but now I'm wanting to make the URL itself display the hidden div, not the 'show' link I created. The 'show' was in a <p>, and the URL is an <h3>... here's my HTML: <h3 class="site">PAGE URL HERE</h3> <p class="error_toggle">show</p> <div id="displaythis" class="error_field"> DISPLAY THIS CONTENT THAT WAS HIDDEN </div> and here's my jQuery: $("p.error_toggle").click(function() { $(this).next('.error_field').toggle(400); });
[jQuery] Put event click on a Radio group
Hi, I trying to put the click event on some radio button... but it works only on ths first one. If someone can help me with it'll be great... getting crazy since this morning :( Here my code : <input type="radio" name="idtypecontent" value="1" /> Drupal <input type="radio" name="idtypecontent" value="2" /> Blog <input type="radio" name="idtypecontent" value="3" /> Foro $("input:radio[name=idtypecontent]").click(function(){ var plop = $('input:radio[name=idtypecontent]:checked').val(); alert(plop);
[jQuery] Possible IE problem with animate() and overflow?
Hi there, are there any known issues with IE (6 & 7) and animate()? I tried something like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test</title> <script type="text/javascript" src="jquery.pack.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#foo").animate({"overflow" : "auto"}, "fast"); }); </script> </head> <body> <div id="foo" style="overflow:hidden;">Foobar</div> </body> </html> and the IE throws
Next Page