Validate field value
Hi, Does anyone know if there is a way in jquery to validate the value entered in a field. I have several fields and I want to make sure the numbers entered are never the same as what has already been entered in another field. eg. Field1_value Field2_value Field3_value Field4_value None of the field values can be the same. The fields are all restricted to numeric values. Also I do not want the value entered to be greater than 50. Thanks in advance. zero
[jQuery] How to load innovaeditor dynamically using jQuery AJAX
I have tried and contacted www.innovastudio.com about how to load their Editor dynamically by using jQuery Ajax.I have 3 files: Default.asp - ajax.js and a request page editor.asp What I have tried: By rendering ajax.js in default.asp I try to the load the editor in a <div id="editor"></> in default.asp I can't get it work - does anyone have any ideas? Best regards, Paul
jQuery svg and events
H all, I'm trying to make a web map using svg data and jQuery (1.3.2) svg plugin. I'm loading an svg file into an HTML container - all good so far - and I would need to attach mouse events to the groups of my svg document. I have seen doc and example on binding events to svg elements created with jQuery but these do not seem to work for my imported svg. Basically, here is the simple code: <div id="ProvinceContainer" class="svgdiv" style="width: 500px; height: 500px; position: absolute; top: 30px;
[jQuery] sortable bug in ie7
hi guys. someone have a solution to the following problem? im using the sortable ui and when i sort some divs (bug is just in ie7 or below, in ie8, ff or somewhere else it works) the dragged div disappears. seems is is a sort of render problem cause when i perform a right click (contextmenu opens) the div is appearing again. but each other js function on the page activates the div again. maybe after performing a js function ie renders the page new... i dunno. someone can help me? im sorry for my
wrap not working for me in IE8
I have a jQuery statement which worked fine on IE7 and works on FF, but is failing on IE8. The line is: ScratchIFrame().find("fullwordmatch").wrap("<nonmarkupmatch></nonmarkupmatch>"); I added the following before it: alert(ScratchIFrame().find("fullwordmatch").length); alert(ScratchIFrame().html()); and get the results: 1 <fullwordmatch>test</fullwordmatch> the error occurring is: Message: Unexpected call to method or property access. Line: 12 Char: 2305 Code: 0 URI: http://ajax.googleapis.com/ajax/libs/jq
[jQuery] Toggle Div Based on Value
Hi I'm not sure how to approach this. I want to toggle each div with a checkbox or hyperlink which shows/hides every div where the RelStatus value = 'retired'. I'm able to see the value of each RelStatus value using the code below. The id of each div and the RelStatus value of each span is set server-side. Thanks <script type="text/javascript"> $(document).ready(function() { $('#table1 .RelStatus').each(function() { alert($(this).text()); }); }); </script> <div id="<%# Eval("id_individual") %>" class="IndividualDirectors">
Tablesorter sorting formatted numbers (with spaces)
Hi, I'm using Tablesorter since few months and it was working very well. I did a small change yesterday in my php code: numbers over 1000 are now formatted like this: 1 000, 1 000 000 instead of 1000 or 1000000. Since I did this change Tablesorter seems to have problems sorting this kind of formatted numbers with spaces. It just doesn't sort the way it should. Could someone tells me how to fix this issue? Thanks (BTW excuse my english, I'm french)
Image-Preview Slider
Hey. I'm quite new to Jquery (really new, I barely know the syntax) and I was wondering how this could be achieved. http://themeforest.net/item/silver-port ... view/28959 (click on "portfolio" page) It's like an image-previewer-slider, and I think it's really cool. Does anyone know how to achieve this? Thanks!
[jQuery] [Validate] Remote: Form Not Submitting Until Validation Fails at Least Once
I've got some strange behavior with validation. I'm loading up a form to allow editing of an existing database entry. If I make my changes to the fields, enter in the required "revision comments" and submit, the page does NOT post, it seems to only refresh and empty out all the entries in each of the fields. Now, on the other hand if I open the form to make changes to a database entry and immediately press "Submit" without filling in the revision comments field, it fails validation and tells me to
[jQuery] Need help with a custom selector to bind ajax callbacks
Hello everyone, I'm stuck with an annoying problem in this webapp I'm developing. I've created a small code to be called automagically on every ajax request, which shows a "loading..." div overlay while the ajax request is being processed. This works fine, and the code used can be seen in this pastie: http://pastie.org/552179 However, we also use the Facebox plugin (http://famspam.com/facebox/) in this app, and we don't want the "loading..." div overlay to show when a facebox ajax request is triggered
Cannot get element out of wrapped set.
Hello, I am selecting a group of li elements. The following code returns me a length of '8' $('.HwCitationsContent li').length However when I try to get the text from a particular item in the set I get nothing. In fact, the msg box won't even appear. alert($('.HwCitationsContent li')[1].text()) What am I missing here? Thanks!
[jQuery] [validate]
Hi all, I'm using the jQuery validate plugin. When select boxes don't pass validation, I want them to to be revalidated onChange. I don't see an option for this in the validate() options. Do I have to add it manually to the elements onchange attribute? -Dustin
[jQuery] Looking for some help converting this to jquery
Hi, I have a old script that adds a class to a button/submit/reset based on the length of its value and I'd like to convert it to jquery. I'm just looking for any suggestions on the best way to rewrite it. Thanks in advance for any help function setbuttonclass() { if(document.getElementById && document.createTextNode) { var x = document.getElementsByTagName('input'); for (var i=0;i<x.length;i++) { var s =
[jQuery] [Plugins] looking for "iPhone contacts shortcut"
Hello guys, I have a long list or product names and in order to speed up the research I'd like to have the alphabet letters on one side and when the user presses one of them the list scrolls to the first name that starts with that letter. Something like contacts on iPhone. So, before starting to develop it, does anyone knows a plugin that does that? Thanks and have a nice day Sig
how to stop parent function
Hi, how run stop functions in time.php file? <html> <head> <script type="text/javascript" src="jquery.js"></script> <script>$(document).ready(function(){ var time_ref2 = setInterval(function() { $('#time_now').load('time.php?id='+ Math.random()); }, 1000); }); </script> </head> <body> <div align="center" id="time_now">--:--:--</div> </body> </html> time.php: <?php $sec = date("s"); echo $sec; ?> <script>$(document).ready(function(){ <?php if($sec == "30"){ ?> var stop = setInterval(function() { clearInterval(time_ref2);
Radio buttons does'nt work correcly on IE
Hello! I'm having a problem with my radio buttons. On FF and Chrome they work just fine, but in IE, they does'nt appear as sellected. In other words: they do their job, but when you click'em, they stay unckeched. The genetarion code: var item = $('<input type="radio" />').attr('value',pid).attr('name',name); self.append($('<p />').append(item).append('<label>'+desc+'</label>')); Hope to get some help, because I've already lost a week on this.
[jQuery] Superfish Problem
Hello! This is a great extension and I have it so that it uses the cssfrom the template I'm using. However, the drop down menu pushes down the main content below insteadof hovering over or poping up. Here is the link - when you scroll over "About Us" or "Services" you will see what it does. Please help! http://cobiedelson.com/village/site/
[jQuery] jquery cookie text resizer
Hello all, I'm doing a text resizer with a cookie to remember the font size level. I'm running into a little problem and was wondering if someone sees something obvious I'm missing. The cookie is being set/read OK and the text resizer works when triggered manually, but it's not being executed on page load when you navigate to other pages. For example, on the home page, I set it to the largest size, size 3. This gets set to the cookie. If you quit/relaunch the browser, the cookie still reports size
[jQuery] Quick question about www.wow-heroes.com
Hi, First let me say I know very little about js, I have coded in PHP and HTML before. I am trying to link to search results on www.wow-heroes.com but I seem to fail to understand the websites coding schema and create the direct link to search results. The normal process is: 1) open www.wow-heroes.com 2) Click on "Guild" tab 3) Choose zone: US, Realm: Fenris, and Guild: Dark apocalypse 4) select "get fresh data from armory" 5) Submit the form by clicking "Search" 6) View results. What I want to do
[jQuery] how to call custom function
I dont know how to call the custom javascript function with arguments
[jQuery] adding click event
Hi Guys I have just inserted some content into my html page and now Im trying to add event listeners for some of the links in the inserted content but nothing happens. Do I need to update something before I can add a click event?
[jQuery] Trying to Validate a Form
Hi, I am currently trying to validate a form before sending it with the jQuery Form Plugin. I can get them working but it is always one or the other, I can't get them both working. The code I have so far is below: <script type="text/javascript"> $('#submit').ajaxForm(function() { alert("Thank you for your comment!"); }); $("submit").validate({ submitHandler: function(form) { $(form).ajaxSubmit(); } }) </script> If possible, could somebody help?
[jQuery] jQuery Validation Plugin & jQuery Form Plugin
Validation plug-in version: 1.5.5 Form plug-in version: 2.28 I was able to get the validation and submit to work together properly. However, when using options in the validation plugin such as errorClass and validClass I was ran into some trouble. Upon submission, these classes would stick/stay. The form data is cleared properly when using the "clearform: true" option association with the form plug-in. Here is a little more detail. Upon validating I was filling in the input fields' background with
missing } after property list
I downloaded the latest jquery and tablesorter.js and got all my functionality working on my local machine. But when I deployed the project to another machine for testing, Firebug showed me errors: missing } after property list - in jquery-latest.js line 19 unterminated literal expression - in jquery.tablesorter.mini.js line 2 Have anyone else seen that? Any ideas?
[jQuery] extend an Object
Hi All I tried to add functions to an object like function User(n, a) { this.name = n ; this.aux = a ; } function auxis() { alert(this.aux); } $(document).ready( function() { var u = new User("Jack") ; u.extend({ whoami: function() { alert(this.name); }, autis: auxis }) ; u.whoami() ; }) ; Eventually I will have 2 object A and B and I want to merge A into B: B.exend(A) ; However it doesn't work at all. Any suggestions how to fix this ?
Issue with .load
Howdy, I have an issue that I hope to get help with. At www.okv.se/webbtvdetalj (work in progress) I have a list of videos to the right. When clicking one, the #main_video div to the left is updated with jQuery, with a player and some tabs below. The tabs are created with the Tabs jQuery UI plugin. When clicking the third tab, called "Kommentarer", a page called webbtv_comments is loaded into that div, by the Tabs plugin. Now, my issue is that when the comments form (and list of comments) is loaded
check browser window
hi there.. I'm wondering if there's a way to achieve an effect using jquery, although I'm *very* new to javascript. Fully competent in XHTML and CSS though. I'd like to check onLoad and onWindowResize whether the width of the screen is 1.5 x the height, and based on that use a specified folder for all images used in the content? The effect I'm looking for is like this: http://800group.net if you resize the window, you can see when it goes around 1.5 times the width of the height, it switches from
[jQuery] [Plugins] New plugin - jqswfupload
Hello everyone, I would like to announce the jqswfupload plugin: http://jqswfupload.alexandremagno.net/ The easier way to make a multiple file upload using swfupload. You can create a complete interface for multiupload files based on Flickr ux in just one line of code and them make custom settings to controll how works all the features. Hope everyone enjoy it! Alexandre Magno Interface Developer http://blog.alexandremagno.net
.next(.class).slideToggle() not working
Anyone know why the .next isn't working for me? You can see the code in action here http://stage.smh.com/indexgo4.html (this is not my code, just taking over for old developer). The area where the .next is not working is: [code]$(document).ready(function () { $('img.menu_head_img').click(function () { alert("in here"); $(this).next(".menu_body").slideToggle(); }); });[/code]
[jQuery] select all grandchildren of a div
Hey All, I have to select all my grandchildren of parent div. only the grandchildren not either of children or great grandchildren. <div id="parent" class="parent" > <div id="child" class="child"> <div id="grand_child_1" class="grandchild" > </div> <div id="great_grand_child_1" class="greatgrandchild" > </div> <div id="great_grand_child_2" class="greatgrandchild" > </div> . . . <div id="great_grand_child_n" class="greatgrandchild" > </div> <div id="grand_child_2" class="grandchild" > </ div> <div
[jQuery] Working with progressbar as a preloader
Hi Guys I want to use the progress bar on the site first load which will basically act like the gmail preloader. The aim is to use an AJAX request which will download the content and the preloader is running at the frontend. Once the content is downloaded the progressbar is removed and the content injected into the html page. My question is how can I code this ?
[jQuery] Adjusting Superfish menu alignment
Hello. I love your module! Thank you for developing it. The issue I am having is that my menu is aligning to the right, instead of to the left where the normal menu was. I have worked with the CSS for some time now, but have not been able to figure it out. I would also like to make the menu colors black text with a transparent background, and white text with a #333 background on hover. I could probably figure this one out in the long run, but since I was asking... Any help would be GREATLY appreciated!
[jQuery] How to append elements with event listener?
I tried to append a table row to a table by clicking on a button. And inside the table, I put a link so i can click that and remove the row. I was using jquery.flydom plugin, by the way. The HTML looks like: ============HTML============== <table id="PE_Template"> <tr> <th><a class="removeRow" href="#"><img src="images/12-em- cross.png" alt="Delete this row" /></a></th> <td><input type="text" name="label" id="label0" value="" /></td> <td><input type="text" name="weightage" id="weightage0" value=""
[jQuery] JQUERY ListNav, can't figure how to make it work
http://www.cascade-usa.com/default.aspx?page=customer&file=customer/caorsu/customerpages/salesflyer.html# I am trying to do it here but I am not getting the nav at the top, I am just getting them in the squares. I am not sure what exactly I am doing wrong.
How to append elements with event listener?
Hey guys, I tried to append a table row to a table by clicking on a button. And inside the table, I put a link so i can click that and remove the row. I was using jquery.flydom plugin, by the way. The HTML looks like: ============HTML============== <table id="PE_Template"> <tr> <th><a class="removeRow" href="#"><img src="images/12-em- cross.png" alt="Delete this row" /></a></th> <td><input type="text" name="label" id="label0" value="" /></td> <td><input type="text" name="weightage" id="weightage0"
[jQuery] HELP: how to browser cache json request?
I cannot figure out how to get my json file to be cached by the browser when I download it with an ajax request. I have tried two different methods: method one: $.ajax({ type: "GET", url: "long_url.json", dataType: "json", cache: true, ifModified: true, error: function(XMLHttpRequest, textStatus, errorThrown){ alert('ERROR! \n XMLHttpRequest: ' + XMLHttpRequest + '\n textStatus: ' + textStatus + '\n errorThrown: ' + errorThrown);
[jQuery] [validate] Validation plugin 1.5.5 error in IE6
The jquery.validate.pack.js file found on http://bassistance.de/jquery-plugins/jquery-plugin-validation/ causes an error when run in IE6. I re-ran the packing process with the perl port of Dean Edwards' Packer found here http://deanedwards.googlecode.com/svn/trunk/download/packer2.perl.zip and the problem no longer persists. Here is the command I ran on cygwin: perl jsPacker.pl -i lib/jquery.validate.js -o lib/ jquery.validate.pack.js -e10 -s These are the safest settings I've found with jsPacker.pl.
[jQuery] "pause" jQuery.
Hi, I created a sub-navigation menu for a site I've been working on and the thing works perfectly in my opinion... well, near perfectly. When I move my mouse from one main navigation link to the other, the .slideUp and .slideDown properties still work, which is annoying because your essentially having to wait to use the sub-navigation again, even if it is only a few milliseconds. I was wondering if there was a way I could "freeze" the jQuery until I moved off the (for lack of a better description)
slideToggle unwanted repeating
I'm using mouseenter and mouseleave to call a slideToggle on a dropdown menu. What's bothering me though is if my mouse moves in and out of the menu a few times before the toggle animation is complete and replays the open close a few times before stopping. (example here: http://stage.smh.com/indexgo3.html) Is there a way to kill the queue so that it doesn't play if the mouse is not over it anymore?
[jQuery] load(), cache and IE8
I have a table which has an image, an icon and some text in each cell. I can click an icon in the table cell firing a $.get which delinks (deletes) the image from the server. The table is refreshed with a load () call in the callback function. I use the load() call since I'm only interested in loading the table, not the entire page. Everything works perfectly in all browsers except IE8. It seems IE8 keeps the original table in its cache and when I attempt to refresh it with the load() call, IE8 pulls
Next Page