[jQuery] Custom data property in custom events
Hi, when triggering a custom event with some custom data, all my data is removed from the data-property on the event object. It's only available in the data parameter sent as the second parameter to the event handler. Even though I've created a custom event object and populated the data-property. Is this by design or is it a bug? $(document).bind("hepp", function(e, data) { alert(data.test + " -- " + (!e.data ? "<undefined>" : e.data.test)); }); $(function() { $(document).trigger("hepp",
Append text to all images source
Hi all, I have 3 images inside a table named #specials How can I append some text to the beginning of their sources? e.g. an image's current source "images/header1.jpg" I want to use JQuery to make them "layout/images/header1.jpg" This is to happen to a few images, not just 1, they don't have individual IDs. Thanks for the help.
[jQuery] Calling ajax function with form submission
Hi, I am fiddling with an form and calling an function which is using the Ajax calls. Below is the code that i am using. <script language="javascript" type="text/javascript" src="jq.js"></ script> <script language="javascript" type="text/javascript"> function submitting() { $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); return true; } </script> <form action="myaction.php" method="post" onsubmit="return submitting
[jQuery] what could be causing this isnull error ( realy weird )
Hi <a href="http://www.howardsplaza.nl">http://www.howardsplaza.nl</a> If you go to this page in firebug you see an isnull error. the same goes if you click the "test click" link. Why does this generate the isnull error. The fist one is indeed only on page after user is logged in but that should not be an issue . But the "text click" link tries to hide a few div with classes that are actually one the page any help would be appreciated since it appears i must be overlooking somthing
Nested AJAX Content
Hello world, We have a container div with content loaded into it using the .load function. What we're trying to do is create forward and backward content for multiple pages; obviously, the first page won't have a back button. Thanks if anyone can help. !!!
[Solved]Selecting by ID
Hey there, I'm really struggling with this script. I have a site that is fed dynamically by database content, and I have set the database ID to be the id of tr and td element of a table. The table has alternative rows, on the odd rows there is a button which I want to be able to display the row underneath it (which is hidden on page loading) As sample of what one of my tables looks like is below <tr> <td>Do you consider yourself proficient in its use?</td> <td>dfhjipfgjigf </td> <td class="actions"
[jQuery] [validate]
I'm using jquery validate plugin and I have a problem with rules depending of form selectors. In my form I have got two form selectors: <select name="client.clientType" id="type" class="iefixmargin"><option value="">-- Wybierz --</option> <option value="B">Bezrobotny</option> <option value="N">Nieaktywny zawodowo</option> <option value="Z">Zatrudniony</option> <option value="I">Inny</option> <option value="P">Przedsiebiorstwo</option>
[jQuery] Superfish
Very nice plugin! feature request: delay on mouseout cancellation using the properties onclick() event outside the menu. It is possible?
[jQuery] Not able to View data in Jquery Grid In IE 6.0
I am reading data in Grid using a XML file.The Grid is displayed correctly in Firefox and Chrome but in IE 6.0 the grid is displayed empty. Please help.
[jQuery] Jquery Grid not displaying data read from XML in IE 6.0
Hi, I am displaying a Grid in Jquery reading data from a XML file.It is displayed correctly in FireFox, Chrome but data is not displayed in IE 6.0. My code is : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" href="./themes/sand/grid.css" /> <link rel="stylesheet" href="./themes/jqModal.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jquery.jqGrid.js"></script>
.get from select box
Hello all, My first message here. I wish it wasnt a question. Can any of you tell me what is wrong with my code. I get stored addresses loaded from the database. I wanted to make the process smoother with JQUERY. this address returns the results test.asp?Process=xxx&QUERY=address For example: test.asp?Process=xxx&QUERY=myshippingaddress2 Gorkem Nuratli 59th street Apt #438 New York City NY 10011 US <script type="text/javascript"> function CC(){ $.get("test.asp?Process=xxx", { QUERY: $("#CUSTOMERDETAILNAME").val()
[jQuery] Superfish
Very nice plugin! feature request: delay on mouseout cancellation using the properties onclick() event outside the menu. It is possible?
popup pushing divs down
I have added a popup in the footer of the following site to link to related subsites: http://www.s239458307.websitehome.co.uk Unfortunately when the popup appears it seems to push the copyright div down. I would really appreciate any help or suggestions as to what I am doing wrong. Thanks
[jQuery] Disable a link temporarily
Hi, This should be easy. I want to disable a link and then re-enable it later. I have: $('a.show_reset_pass_box').click(function() { // do some stuff $('a.show_reset_pass_box').unbind('click'); return false; }); Which works just fine. But then when I try to do: $('a.close_reset_pass_box').click(function() { // do some stuff $('a.show_reset_pass_box').bind('click'); return false; }); The click event isn't bound back onto the anchor. The anchor looks like this: <a class="show_reset_pass_box" title="Lost
[SOLVED] JQuery + Firefox PC = Flickering Animation
Hi, I'm sorry if this has been posted. I searched the forum and didn't see anything. My problem is this: I'm trying to create a content slider, basically just sliding a large DIV with a number of elements inside of it. The parent DIV has the overflow set to hidden and I'm using the following code (an example of a move) to make the slide happen: $(".slide3").click(function() { $(".window").animate({ left: "-630px" }, 500); }); This works wonderfully in all browsers except Firefox on PCs.
[jQuery] Question related to Javascript
I hope I am able to still receive assistance even though this isn't jQuery 100% and what I have is an image gallery I am using. The only thing I need to work out is how to make sure the initial title and captions appear when you load the webpage? <script type='text/javascript'> var imgs0Slideshow = new Array(); var imgs0; imgs0Slideshow[0] = new Object(); imgs0Slideshow[0].image = ""; imgs0Slideshow[0].title = ""; imgs0Slideshow[0].caption = " shshshshshsh"; imgs0Slideshow[1] = new Object(); imgs0Slideshow[1].image
[jQuery] jQuery + Validation: submit() is sending multiple form submits
I'm having a problem with validating first then submitting a form with jQuery after success. It works however it seems like my submit() function keeps sending multiple submits and keeps growing each time i reuse the form (i made sure the values are reset after each submit). I'm not sure if its my code since i've re-checked it for hours to no avail. Here is the code in a nut-shell: My form with id of #form-external-link is validated when submit button is clicked: $("#form-external-link").validate({
[jQuery] How to make hyperlink failed
If I got a hyperlink <a href="http://xxx.com" id="xxx">xxx</a> $(function() { $('#xxx').click(function() { ......... ......//do something }); }) I want to make the link doing something if browser opened javascript, and if not, it go to the page it referred.
[jQuery] Suggestion: datepicker with afterUpdate hook
Hi, I'm thinking that it would be useful to have an afterUpdate hook for datepicker. I've a project that adds some hovering effects to the datepicker cells, and since the datepicker redraws itself after onSelect, all my hovering effects are lost. Adding this afterUpdate hook would allow me to elegantly customize effects on the datepicker cells. Or am i missing something that already exists ? TKS
[jQuery] hide()
Hi, If I have an html table with 3 rows each with the same id, for example, id="trContactInfo", as in the html code below. Using jQuery, if I want to hide these 3 rows with the same id, i would do something like $("tr#trContactInfo").hide().next().hide().next().hide. My question is: Instead of running hide() 3 times, is there a way to hide all the rows with the same id by looping thru all the rows, basically these 3 rows plus any new rows that may be added to the table with the same id in the future?
Using .draggable tag break safari select form elements
I have to admit I am a newbie to this. I am developing an Ajax Page for a sheet music library. I am returning a big load of InnerHTML back from the Ajax script. If I Comment out the .draggable part of my InnerHTML works fine but with .draggable switched on it effectively disables the Select Boxes if Safari, FF works fine. also I am on a mac so I dont know if it works in IE Yet. I am still a long way from completing this page at the moment but this draggable issue is holding me back. I think it has
[jQuery] jQuery UI Tabs Flash
I searched the archives, but I couldn't find an answer. For some reason the tabs, when initialized flashes, three times. Any idea why? http://www.chris-gwen.com/
[jQuery] handler data overrides event data
Even though jQuery.event.fix copies over the "data" property from originalEvent, it is overridden by the handler's data property in jQuery.event.handle, even when the handler's data property is not defined. I know of atleast one event which has the "data" property is used, and that is the "message" event generated by a postMessage [1]. A workaround is to use the originalEvent's data directly. Since i searched but couldn't find the issue mentioned before, i'm posting it. [1] https://developer.mozilla.org/en/DOM/window.postMessage#The_dispatched_event
[jQuery] Accordian not sliding out when specifying autoheight:false
I have been trying to implent an accodian that requires a click to open and a click to close. This is working fine here: <a href="http://jamespfarrell.com/dev/consult3fixedheight.htm">http://jamespfarrell.com/dev/consult3fixedheight.htm</a> .... all of the divs that contain the data are being returned as the same height as the largest of them all... so I added auto height false, which you can see here: <a href="http://jamespfarrell.com/dev/consult3fixedheight.htm">http://jamespfarrell.com/dev/consult3fixedheight.htm</a>
[jQuery] Calling SimpleModal .modal
jQuery n00bie here. I have the following script that is called from the onclick event of a link: function getUserModsAsList(obj) { jQuery(document).ready(function() { var userID = obj.getAttribute('userid'); jQuery.ajax( { type: "POST", dataType: "html", cache: false, timeout: 30000, url: window.location.protocol + '//' + location.host + '/ getusermodslist.php', data: "userid=" + userID, success:
[jQuery] Convert from AjaxRequest to jQuery/ajax
For some time I've been using a little ajax library called AjaxRequest. Because I'm working with code generation tools, I'd like to make a first - step switch to jQuery as simple as possible. A sample AjaxRequest function follows: function CheckForm0(theform) { AjaxRequest.submit( theform ,{ 'onSuccess':function(req){ var res = req.responseText.split('\n') document.getElementById("cell1").innerHTML = res[1]; document.getElementById("div1").innerHTML = res[2]; document.getElementById("span1").innerHTML
[jQuery] Newbie Questions
I'm a newbie at jQuery so bear with me here. For the relevant stats: I am using FF3.0.6, jQuery I am attempting to recreate the Spain Map from Pragmatic Ajax. I did it with GWT and now I am recreating it (or trying to) with jQuery. The GWT version I did also support mouse wheel for zooming. However I am not get getting very far. I did a bit of research and found this[1] and this[2] but I need the images to be tiled. So I jumped in after reading Plugins/Authoring[3] tutorial. However things didn't
[jQuery] reloading new objects from json
I've got a ajax request that grabs a json response. In order to be able to sort and get data from the response, I put the response into a few objects using [code] function(jsondata){ var dates={}; var ids={}; $.each(jsondata.entry, function(){ if(!ids[this.id]) ids[this.id] = []; ids[this.id].push(this); if(!dates[this.date]) dates[this.date] = []; dates[this.date].push(this); }); for(var d in dates){ var date=d; $('div#holddates').append('<ul
[jQuery] [autocomplete] send a json object?
Hi, i need to send a json object to the autocompleter. i see this example on the demo: $("#thickboxEmail").autocomplete(emails, { minChars: 0, width: 310, matchContains: true, highlightItem: false, formatItem: function(row, i, max, term) { return row.name.replace(new RegExp("(" + term + ")", "gi"), "<strong>$1</strong>") + " <span style='font-size: 80%;'>Email: <" + row.to + "></span>"; }, formatResult: function(row) {
[jQuery] validation remote
Hi, my validation summary worked quite fine before I made a remote username check available to it. The problem is when for the first time an already existing username is entered into the username box, the error div pops alright saying that the username already exists in the db. however when I go back and correct it, the error message disappears but the containing div still exists on the page. below is the code, I hope somebody can help.... var container = $('#error_container'); // validate the
[jQuery] Wmode Flash in an iframe
Hello. I've got an annoying problem with flash widget embeds always being on top of absolute positioned divs. The problem comes that one widget is an iframe, and within that iframe is the flash without wmode set. I can't seem to access the flash properties with jquery, I think due to cross domain security? To see the issue, scroll right. http://www.kith-kin.co.uk/xmas08/search/?find=bleep The embed are from user generated content, and I can't really get users change the code at embed point. I had
[jQuery] Optimize Horizontal Scroll Interface
Hello Peoples. I have been working on an interface using the jquery plugin ScrollTo. I have large left and right buttons which scroll the page content left and right. 10 items are displayed at a time, when the visitor is on item 10 the left and right buttons load the page with next or previous ten items. Here is the testing page: http://www.kith-kin.co.uk/xmas08/studio/ I needed to find out which item was being 'viewed' so the buttons would perform correctly, even if the page was manually scrolled.
[SOLVED] changing dialog width on fly
Hello, Does anyone know how to change the width of a dialog UI? I create my dialog window in the $(document).ready(...) function and want to change its width right before I open it.
on UI/Dialog
hello everyone, Does anyone know main difference between dialog("close") and dialog("destroy"). In particular, I would like to know in details what happens to dialog when it is destroyed. Why do I need to destroy a dialog? Isn't it destroyed when I leave the page where it is created? Unfortunately UI/Dialog docs do not provide at all any detailed information apart from a single sentence about what the operation does.
[jQuery] Accordians in Tabs works correctly on IE but not Firefox
Accordians in Tabs works correctly on IE but not Firefox http://mynichecomputing.org/testpage/ Help would be appreciated
jQuery Cycle and CSS Confusion
Hi, I'm here again but i've been googling the whole day and I just don't know why my slides doesn't work... Im using jQuery Cycle Plugin http://malsup.com/jquery/cycle/ what kind of problems do I have in my css? i know that is a css problem but i just can't fix it. Damn... http://ejemplos.ivorpadilla.com/blueprint Markup <!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>
[jQuery] select after AJAX
I am trying to make chained select. I have three selects: type, category, product. I created ajax response conected to change of type or category. When I change type select (list types is static, taking from base by php), ajax give mi the list of category. It works. But after this, when I want to change category (after taking of list of category) second function AJAX don't responses and don't gives mi the list of the product. It looks like the function $().html(html) don't refresh the DOM structure.
[jQuery] tooltip - image preview does not respect window border
Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis),
problems with selecting proper elements
Hello. I wanted to use great jquery rating star system which is available here: http://www.visualjquery.com/rating/rating_redux.html but it wont work properly with jquery 1.3.X (the version there uses jquery 1.1) I wanted to modificate the code and replace the following lines (which cause problems - detected by firebug): stars.lt(rating[0]).addClass("on"); => $("div.star:lt(" + parseInt(rating[0]) + ")").addClass("on"); and stars.lt(stars.index(this) + 1).addClass("hover"); => $("div.star:lt(" +
[jQuery] rookies in jQuery and grid
Hi, i'm newbie to jQuery however i watched those videos on internet and it seems that jQuery is a very powerful library now. i have a grid/table that i would like to create using jQuery, it would be a wonderful try from my side. I know that some tables and grids plug-ins already exist but i want to try by my own. 1. what should i take care to create my own plug-in using jQuery ? 2. where should i look for to base my grid with basic features (sorted columns, filtering columns, pagination, and so on...)
Next Page