cluetip doesn't work when I dynamicly append new code
I have clue pluguin from http://plugins.learningjquery.com/cluetip/ here si example: load js libraries.. $(document).ready(function() { $('#clue').cluetip({ splitTitle: '|', // use the invoking element's title attribute to populate the clueTip... // ...and split the contents into separate divs where there is a "|" showTitle: false // hide the clueTip's heading }); }); $(document).ready(function(){ $("#button").click(function (event) { var newRow='<li><span id="clue" title="title|description">here,
$.post and $('form').submit() help please
Hi all. I'm new to jQuery. I'm creating a code for user registration which checks if the username and email already exists. I do the checking using php. If the conditions are met, it returns true. It's returning the correct data. Though, I can't seem to get what I want to happen. Can you help me? Here's my code. $('#log_info').submit(function(){ var $form = $('#log_info'); $.post("./include/checkLogInfo.php" , { username: $('#username').val(), email:
Autosuggest down key not working
I've built an autosuggest div for an app, that loads from Ajax. The values and everything fill in just fine, but I want to handle moving from the input field to the suggestions DIV, using the down arrow. I cannot seem to get the right syntax or something! Any tips appreciated! My JQuery stuff: function jQajax(ipfield,ajd,dbtable,company,select,element){ if (!ipfield || !ajd || !dbtable || !company || !select || !element){alert("Parameters not sent to ajax handler correctly; Input to act on, Ajax
[jQuery] jquery .noconflict
Hi Guys, I am using .noconflict in my Jquery script on a page with another library. The problem I am facing is that the other library is still producing an error even WITH .noconflict being used. I think its because the other library is being called first - as when I put the jquery library above the other script - it seems to resolve the problems. Does anyone know the reason for this ? You can try the script for yourself with jquery - http://www.internetmarketingmonitor.org/word-press-plugins/imm-glossary-wordpress-plugin
[jQuery] dependent select lists
http://www.ajaxray.com/blog/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/ http://www.ajaxray.com/Examples/depend.html could sb would fix it to work on the newest jquery version? how to modify this script to: when I select from 1st box sth, 2nd box appears?
[jQuery] image resize issue
我今天有兩個放大縮小按鈕，想讓user按放大時用js把一個100x72的圖片 以寬為主每次加4px等比放大，反之亦然，但不知道小數位數該如何取才能正確控制高度 等比放大的公式為 I have two button to let user enlarge or reduce a 100px x 72px image immediately on the page, 4px enlarge or reduce one time by width, but I don't know how to control the height to make resize proportionally. resize formula is below: enlarge (height/width)*(width+4) reduce (height/width)*(width-4) I try to use xnview software to get the resize information, you can see, the height will not resize proportionally
[jQuery] getJSON 2nd param to pass data
http://docs.jquery.com/Ajax/jQuery.getJSON I don't get what it means in this example: Load the JSON data from test.js, passing along additional data, and access a name from the returned JSON data. $.getJSON("test.js", { name: "John", time: "2pm" }, function(json){ alert("JSON Data: " + json.users[3].name); }); ok, so passes additional data HOW? querystring I presume? Not enough info and I tried it but I can't tell what's being passed..guess I'll fire up Fiddler.
problem with append to populate select from results
Hi everyone... I'm really stuck with this one, can't make it work... I got a sql_list.php which return some data from the data base... but I'm stucked when doing the loop with for to append an <option> for each result returned... my script looks like this $(document).ready(function() { $.get('sql_search.php', null, (function(data) { for (i = 0; i < data.length; i++) { $("#cat").append('<option value="' + data[i] + '">' + data[i] + '</option>'); } })); }); apparently the get method is returning each
[jQuery] Radio buttons and checkbox validation
http://docs.jquery.com/Plugins/Validation Through Jquery in this link i developed a form . The validation are working fine but When no error i have to return a image (green color tick) to show field filled is correct format but i am unable to find where to change for required thing to happen.... Another issue is how to check or validate using jquery whether any of the radio boxes checked or not..... That For Gender Two radio boxes are available ...if none of these are checked i have to show error
[jQuery] JQUERY - Autocomplete with pagination
Hi , <div> </div><div>Can u please tell me,</div><div> </div><div>How to add the pagination for autocomplete plugin ,</div><div> </div><div>or is there any plugin there ,</div><div> </div><div> </div><div>Thanks </div>
Decimal values for position in FireFox (bug?)
Hi, When using x.position().top (not only) in FireFox it may return decimal numbers (like 7.5) whereas IE and Chrome return a whole number (like 7). A similar problem has been fixed when using offset, but I guess the position hasn't been fixed: http://dev.jquery.com/ticket/3742 More instances of this issue: http://www.mail-archive.com/jquery-ui@g ... 06422.html http://groups.google.com/group/jquery-u ... 85eca2678f Would it be possible to confirm this as a bug and somebody who has the necessary permissions
[jQuery] Validate groups of checkboxes
Hey All, I have 30 groups of checkboxes and want to validate that the user select at least one checkbox from any group meaning if he selected one checkbox from the first group and nothing from the other 29 the form should be valid. I tried different solutions but none worked. Can anybody help Thanks -Maged Makled
option:selected - html()/text() is null in Safari & Chro
Project can be seen here, http://aamg.smcing.com/products/fxr-mens-adrenaline-jacket I'm running the following script to grab the text from the selected options in the drop down boxes. The problem is when you select a product color, the chosen product size is coming back null int Chrome and Safari (works in FF and IE) If you make a change to the size box, then the product size returns properly. I need to get the option being shown regardless if the user touches the drop downs. $("select#color").change(function()
[jQuery] multiple ajax calls back and forth within the same file causing problems..
for what ever reason (probably it's size and formating) this wasn't posted to the mailing list sooo plz check this thread below for my exact problem with code and explanation, thanks. http://www.nabble.com/jquery-dialog-box-for-edit-and-delete-of-records-with-ajax-refresh.-works-first-time-on-the-page-but-not-after-that-unless-I-refresh-the-whole-page.-td24261650s27240.html#a24261650 -- View this message in context: http://www.nabble.com/multiple-ajax-calls-back-and-forth-within-the-same-file-causing-problems..-tp24261926s27240p24261926.html
slideDown New Query
Hi All, I have a jQuery function that, when a link is clicked, a query is made to the database, via AJAX, and a new record is appended to my current HTML. Now, everything is working fine, however, I cannot get the new "record" to slideDown. It is appended fine, but I would like it to "slideDown" if possible. Here's what I am currently using (which, again, works fine, but just doesn't slideDown). $('#moreAnnounce').click(function(event) { event.preventDefault(); var announceID = $(".record:last").attr('id').replace(/record-/ig,
One link, two different click effects?
Hello Jquery Experts! I have a list of faculty which allows a user to click on any name and go to that person's website. However! I would like to override this behavior if a person CTRL+CLICKS on the name, instead invoking a toggleClass('selected') function which can then be used for filtering. The code for invoking the CTRL+CLICK functionality looks like so... $(function() { $('#myButton').bind('ctrlclick',function() { $(this).toggleClass('hoover'); return false; }); }); And the corresponding
[jQuery] New plugin announcement and review request - bullsEye
I wrote a jQuery plugin "bullsEye" for that provides some visualization effects for large data tables, and would like any usability suggestions or bug reports. So far I have tested it in the latest version Firefox, Safari, and Opera. Description, download, live examples, and screenshots of the plugin in action are located here: http://tonylandis.com/uncategorized/bullseye-jquery-plugin-to-add-interactive-and-visualization-features-to-tables/ If anyone finds this useful I would like to know. Thanks,
[jQuery] Problems with $.getScript (IE)
Hi.I want to get real-time statistics about users connected to server. Server response contains JS-code - var online_users = 1234; I wrote simple test page: ... <meta http-equiv="refresh" content="3;url=index.html"> ... <script type="text/javascript" src="js/jQuery/ jquery-1.2.6.js"> </script> ... $(document).ready(function(){ $.getScript("http://server.url?roomname=alfa", function (){ console.log(online_users); }); $.getScript("http://server.url?roomname=beta"", function(){ console.log(online_users);
[jQuery] validate - submit with href - quickie
hi zorn/everyone im trying to get the plugin working so i can submit from a link (using meta plugin) ut it dont seem to be working $(document).ready( $("#submitregister").click( function() { $("#com-createForm").validate({ meta: "rules" } ); } ); ); fyi this works from a submit button : $(document).ready( function(){ $("#com-createForm").validate({ meta: "rules" } ); } ); any ideas please ??? thanks -- View this message in context: http://www.nabble.com/validate---submit-with-href---quickie-tp24235567s27240p24235567.html
[jQuery] validate - submit with href - quickie
hi zorn/everyone im trying to get the plugin working so i can submit from a link (using meta plugin) ut it dont seem to be working $(document).ready( $("#submitregister").click( function() { $("#com-createForm").validate({ meta: "rules" } ); } ); ); fyi this works from a submit button : $(document).ready( function(){ $("#com-createForm").validate({ meta: "rules" } ); } ); any ideas please ??? thanks -- View this message in context: http://www.nabble.com/validate---submit-with-href---quickie-tp24235567s27240p24235567.html
[jQuery] Cycle using own thumbnails
I'm using the cycle plugin to create a slideshow of highlights. So far I have the slides automatically fading between each other but I'd also like to have thumbnails that when hovered jumps the slideshow to the associated slide. Using pager and pagerEvent I can do this but I don't know how to use my own thumbnails for the pager.
[jQuery] Problems with selectors and this keyword
$('.mainTable > tbody > tr').bind("mouseover", function(){ // alert('hi'); //$(this + ' > td').css('background', '#ff0000'); // Didn't work $(this + ' td').css('background', '#ff0000'); // Doesn't either }); I want to highlight td's in a row when I mouse over the TR's. I set the mouseover function using the above code. The alert works when I mouse over the row, so I then tried to select the TD children and change their bg but it then does nothing. Did I use this incorrectly? I'm new to
[jQuery] (validate) Radio button values
I'm making a simple quiz using jquery and the validate plug-in. I think I'm really close but just need a nudge over the last hump. :-) I have a radio button group that requires the user to select at least one button. That part is working. However, what I want to do is also check to see if the user selected a certain button (i.e. the correct answer). Only if the correct answer is satisfied will the form then validate and move on to the next quiz question. Here's my code so far. Any help is greatly
[jQuery] jQuery session pre-AJAX experience?
Colleagues, Does anyone know if there is going to be a jQuery workshop the day before AJAX experience in Boston on September 14-16th, 2009? Thank you! Vlad
[jQuery] s.replace is not a function
I borrowed this function from http://sorgalla.com/projects/jcarousel/examples/dynamic_flickr_feed.html function mycarousel_decodeEntities(s) { return s.replace(/&/g, "&") .replace(/"/g, '"') .replace(/'/g, "'") .replace(/</g, "<") .replace(/>/g, ">"); }; and I'm trying to use it in my code here: function mycarousel_itemLoadCallback(carousel, state) { $.getJSON("http://localhost:59396/xxx/xxxHandler.ashx? action=cjson", function(data) { $.each(data, function(i, item) { carousel.add(i,
[jQuery] G is undefined
I get the following error: G is undefined init()()jquery-1....2.min.js (line 12) (?)()()Carousel.aspx (line 30) I()jquery-1....2.min.js (line 19) F()()jquery-1....2.min.js (line 19) [Break on this error] (function(){var l=this,g,y=l.jQuery,p=l.....each (function(){o.dequeue(this,E)})}}); in jquery-1.3.2.min.js when I call this method of mine: $.getJSON("http://localhost:59396/xxx/xxxHandler.ashx? action=xxxjson", function(Data) { $.each(Data.items, function(i, item) { alert('got here'); carousel.add(i,
I have a comprehension question for an selector call
Hello everybody, i have a comprehension question to use the nice selector engine from jQuery. Here my code: $('div.title') .click(function(){ var t=$(this).next('div.description'); $('div.description:visible').not(t).slideUp(); t.slideToggle(); }) .hover(function(){ console.log($(this+':has(img)')); },function() { }); In the mouseover/enter function, i want to check if the div has an image in there, but this call doesn't work. If i call this: console.log($('div.title:has(img)'));
[jQuery] Add class where input differs
I'm writing an application that will show the history of a form, so for example record 1 is revision 1 and record 14 is revision 14. This all works fine and dandy, but what I'm trying to achieve is where the input value differs to highlight the form field. I'm imaging the code to basically look like this to just apply the class <script> $(document).ready(function(){ $('.input').addClass("ui-state-highlight"); }); </script> But how do I identify in the script when to trigger the add class,
[jQuery] Refreshing a div after a Ajax operation
Well I'm trying to do something like this http://lastkarrde.com/q7todo/ but this example has a problem that after a new task has been added by ajax, it does not update the task lists ie suppose i have 2 task in the list now and now i add another one successfully, it showed me the message that 1 task has been added name "foobar" but in task list it still shows 2 tasks not 3 How to update the task list div>ul after the ajax operation Well I tried something like below $('#submit').click(function(){
[jQuery] ajax .load() function appends a 0 to returned values
I just can't figure this one out, and it's got to be something silly, since I can't find anyone else having the problem. My code looks like this: $('#edit' .postcontent').load('admin-ajax.php', {'action':'qe- getpost'}); Everything works great - the returned value is loaded into .postcontent perfectly. However, a 0 is appended to the end. Every time. Even if I return nothing, a lonely 0 shows up inside .postcontent. Can anyone explain what is going on? Thanks!
$.post, php, jQuery, and IE
so this is a little bit specific. i am writing a php webpage which passes post data back asynchronously via jQuery to retrieve data from a database. my code works in every browser except for IE. as far as i can tell, when IE executes $.post(), it sets the $_POST[] variable such that isset() returns true, but there is nothing actually in the variable, whereas there is when i make the request in other browsers. any ideas how to get IE to play nice? here is the relevant code: client side javascript:
PhatFusion ImageMenu in JQuery
Hi all, I recently discovered and became a big fan of JQuery. Would anyone here be kind / knowledgable enough to help me with this lil' issue...? My current task is to create a JQ version of a mootools effect called ImageMenu, available from PhatFusion. The problem: it seems to 'remember' all my hovers. For example, if i hover over one image and off again it's nice and smooth. But if I move my mouse around, it continues to expand and contract for ages after i move the mouse away. A stripped down
[jQuery] send parameters to web service method using jQuery .ajax function
html code: view plaincopy to clipboardprint? 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. <html xmlns="http://www.w3.org/1999/xhtml"> 3. <head runat="server"> 4. <title></title> 5. <script type="text/javascript" src="jquery-1.2.3.min.js"></ script> 6. <script type="text/javascript"> 7. /// <reference path="jquery-1.2.3.min.js" /> 8. $(document).ready(function() { 9. $.ajax({ 10. type: "POST", 11. url: "dummyWebservice.asmx/HelloToYou",
[jQuery] (validate) multiple checkbox groups
Hi all, Anyone have an idea of how I could look for a single checked box across two different checkbox groups? I have two groups, emailto[] and emailgroup[], and i need one box checked in either group to proceed. I've seen some similar scenarious, but haven't been able to implement the solutions successfuly. Thanks!
[jQuery] clueTip with dynamic ajax parameter
I'm modifying sgrover's dynamic example from http://grover.open2space.com/node/191, but can't get past the problem with having to trigger the mouseover/ hover event twice to get the correct text to show. Any ideas? $(document).ready(function() { $(".helptext").hover(function() { var helptext_id = $(this).attr("id").toString(); $('.helptext').attr('rel', '../../AJAX/ GetHelpText.aspx').cluetip({ showTitle: false, ajaxSettings: { type: "GET", data: "q=" + helptext_id } }); }); });
[jQuery] Problem with popup windows in jquery
Hi, I'm trying to use jquery to modify some events in a popup window (window.open). Here's what I did; var popup = window.open('Example.html', 'Example', 'height=400,width=300,top=100,left=100'); $(popup.document).ready(function() { $("#widget-area a", popup.document).click(function() { alert("Clicked!"); }); }); And here's the stripped down html code of the page: <form method = "post" id = "myForm" onsubmit="return handleWidget();"> Select a Widget: <div class
[jQuery] getJSON not finding any data
I have the following setup on my page inside a function: $.getJSON("http://localhost:59396/xxx/xxxHandler.ashx? action=xxxjson", function(data) { alert('got here'); $.each(data.items, function(i, item) { carousel.add(i, mycarousel_decodeEntities(item.ImageTag)); if (i == 3) return false; }); }); I know that if I take that url and render it in the browser straight up, I get this: [{"ImageTag":"\u003cimg src=\"http://www.xxx.com/ cat_image/1659D.jpg\" alt=\"\"\u003e"},
Populate an array from XML
I'm coming from .NET and new to javascript and jquery and I am having a difficult time with scope. I'm using the following code to populate an array from XML data: var Point = function(pX, pY) { this.x = pX; this.y = pY; } $(document).ready(function(){ var points = new Array(); $.get("ChartData.xml",function(Data){ $(Data).find("Point").each(function() { var x = $(this).attr("x"); var y = $(this).attr("y"); var pt = new Point(x,y); points.push(pt); }); }); for(var j = 0; j < points.length; j++) {
[jQuery] [treeview]
// Treeview 1.4 (jQuery plugin), question about cookie path Hello! How can I force this plugin to set "path" in cookie to "/"? 'Cause I have this plugin as navigation menu on my site, and when I go to another page, it creates new cookie for this new page (for example, on the main page the cookie path is "/", and when I go to "/photo/theme/ nature" the cookie path is "/photo/theme/nature"). So the position of menu is not saved. For each page of site I have different positions (states) of menu.
Most impressive shortening of javascript > jquery!
Can anyone point me (or paste in) to a really good example of how jquery can shorten the amount of code required to perform simple tasks versus javascript. I remember when the frameworks started to emerge there were lots of good examples, however I can't seem to find them now! What I mean is, eg to make x effect in javascript requires 18 lines of code, jquery requires 1 line... Anyone help?
Next Page