[jQuery] Trying to add targetTouches to jQuery event objects
Hi, On touchstart and touchmove event, the event object has touches and targetTouches properties (see http://bit.ly/Q6uOD), however the jQuery.Event doesn't seem to copy these properties. I tried adding them to $.event.props like this: $.each(['touches', 'targetTouches'], function(){ if (!($.inArray($.event.props, this))) { $.event.props.push(this); } }); But it doesn't seem to work. The event an event listener received via jQuery hasn't the targetTouches property
[jQuery] Using other UI Libraries?
Hello All, Yes. well this is the Jquery group, but i'd figure i'd ask if anyone uses any other UI libraries outside of jquery's UI? I'm currently a server-side coder (doing all my work in php/perl) - but would like to venture out in to the front end. What libraries do people use? Is it just jquery for everything? Or should I be looking for other such libraries depending on my needs?
[jQuery] center popup scroll/resize probs
So I have a modal popup that is working fairly well, but I have some issues in IE/FF (the only browsers I've tested in so far). One thing is that the popup won't recenter if the browser is resized. The other prob is a bit more difficult to replicate, but I've noticed if my browser window is sized so that I can fit all the bottom of the top row in the screen, but am otherwise scrolled down to the bottom, and then when I click on 1 of the top row items the popup opens with only the bottom half in the
Load onchange does not work
Hello there, I am pretty new to Jquery and I am stuck with a task I would like to do. My goal is to trigger a function onselect of a select box. Somehow I can't get the code written that way. Currently it works onload. I would like to make it load via load_area2(); Here it my code: //function load_area2(){ $(function () { var cat = $(\'#categorySelect\'); var el = $(\'#elementSelect\'); var
how to catch objects whose style/position is changing....
hi experts, I am stuck with a problem. i am using a list of "li" elements. on some event, a particular li is changing its height & width(expanding actually). i am doing this using animation. so, problem is, while this is expanding, the other "li" elements that is leaving their place on this effects, are going away instantly, not animating, i also want them animated for which i need their references. can anyone help me on this? Regards
[jQuery] new to this list
Though I am new to this mailing list, I have been a jquery user for some time now. and have published some plugins for the community on the jquery website as well as on my company website http://open.whynotonline.com. I would like to join the jquery community to build more connections with the developers and to seek opportunities to join for significant developments, to help and to enjoy my spare time.. Hope to hear more from you all
[jQuery] how to set array value????
hello? Today, I have met something odd experience during developing web application based on Ruby on Rails and Jquery. When I set some value by next code, jQuery('#branch_address').val(address_val); it seems to work as I expected. Because the value that I set by jQuery's 'val' function appear on the chrome browser and other browsers as well. <input type="text" name="branch[address]" id="branch_address" /> But when I submit the form, I got the null value from the perspective of server side. I suspect
[jQuery] listmenu
hi, first of all, great plugin is it possible to make lm-wrapper not disappear on mouseout ? it would be just what i need. Thanks
[jQuery] How to build this effect
At this URL http://www.smsbig.it/it you see an effect build with mootools. THis js change the css style of the background when the mouse moved.With jquery it is possible? Thank you
[jQuery] JQuery AJAX
Hey All, So I am having a weird situation when using the $.ajax method. And have a couple questions regarding this. What I am doing is basically just using this AJAX call to send a 'pixel' back to my server so I can collect stats on events. This event fires once every 30 seconds. $.ajax({ async: false, type: 'POST', url: <a href="http://myserver.com/index.gif?id=1&event=e">myserver.com/index.gif?id=1&event=e</a> cache: false, timeout:
[jQuery] Nesting question
Based on the ID of a clicked element I would like to show another ID: var currentId = $(this).attr(’id’); or var currentId = this.id;(?) $("another-id-(how can I include here currentId?).show(); Thanks for your help!
[jQuery] jQuery Google Maps Mashup zIndex Issue
I've created this: http://strucke.com/provinggrounds/jqueryGmaps/defect.html I've found a very odd defect: If you have two markers, with identical coordinates (which happens quite often in the application I'm using this for), the underlying marker (and infowindow) stays hidden, and the infowindow will not show. I've been battling this, thinking I may be able to somehow increase the zindex, of at lease the infowindow, onclick / mouseover — but without success. Example: markers 1 & 2 have the same
[jQuery] .load() get by Index
Hi, I'm trying to load images off a html page through the load() method but i want to load them through there index eg. img[0] how would i achieve this..? Thanks in advance.
[Solved] [JSON] Refreshing a request
[Idiot mistake, fixed it, see followup post!] I'm using some jQuery to work with the Last.FM API, and I'm stuck where I need to allow the user to run he JSON request a second time after the page loads (it loads once automatically when the page loads, the second time is when they push a button). What happens currently, is the JSON function is fed some default data when the page loads: $('#graph').lastFM({ username: 'UserName', from: 1254369600, to: 1256184000, apikey: 'myApiKeyHere',
[jQuery] jQuery 80x15 button
Hey all: I am in the process of developing a completely free site. I want to throw a 80x15 jQuery button with linkback on the site to give the team the respect they deserve for this awesome library. I have yet to find one. Can any one point me in the right direction? Thanks!
after appending html, stuff doesnt work
Hi, I'm working on a list with doctypes and fases. There are n types and n fases. The fases can be ordered by dragging them. example: [btn Append new type] - a - a.1 - a.2 - a.3 [btn Append new fase] - b - b.1 - b.2 - b.3 [btn Append new fase] I have a fancybox (lightbox) to append new doctypes and fases, but after appending either one, the functions dont work anymore (dragging and opening the lightbox of the appended doctype. The HTML gets appended without a prob. But it seems that the initiation
[jQuery] superfish & wordpress. Where am I going wrong?
Hi, I'm trying to implement superfish onto a wordpress site I'm working on, but just can't get it to work. I believe I've done everything right, and searched the web for solutions but nothing as yet has helped. You can view the site at www.sdm-intl.com, it's the main blue menu on the site that is the one in question. I'm quite new to wordpress and don't have much experience with jQuery, so would appreciate any help! Many thanks
[jQuery] Superfish Menu - Joomla
I use Superfish Menu with Nav-Bar option on a Joomla site. I would like to increase the width of the second level (sub-menu) width so that it fills up the entire width of the site template. The reason for doing this is quite simple, I have only 4 first level (main) menu items but 10 second level) sub-menu items. So what happens is that second level menu wraps around and shows on three lines. Ideally I would like to show all second level items on one line instead of three. Can someone help? Thank
[jQuery] Fast Table Cell Selection
Im trying to manipulate a subset of a table and selecting the elements with my poorly written jquery is orders of magnitude slower than a simple direct DOM access of the elements using for(y;...) for(x;...) table.rows[y].cells[x]._do stuff_ I know both the starting and ending row and starting and ending column, but i cant get that all into a single snappy jQuery selection. A couple of things ive tried : // worst performance for(y;...) for(x;...) $("table tr:eq(y) td:eq(x)")._do stuff_ //still bad
[jQuery] jquery disturbing the others javascript ...
Hi everybody, I'm new here and I'm not sure that this is where I have to come to find a help ... In case I'm inthe wrong place please forgive me and let me know wher to go. So, I use some of javascript in my site which runs perfectly until I use a plugin which have jquery.js in its code. Now, In each old javascript I use where there is "element.xxx", it doesn't work anymore. I have an error like: element.tagName is undefined, element.getStyle is not a function, element.getInlineOpacity is not a function,...
Form Validate Plugin
Hi All: I have a working form that adds the name and e-mail to a database using AJAX and not the form plugin. When the form submits the PHP does the validation and returns the error. The issue I am having is that I also want the client side validation using the validate plugin, but I am not sure where to put it in my code. I have a tried a variety of things, but I am stuck. Can anyone help? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
get reference to object
Hi I trying to figure out how can i get reference to object. eg: var iframe = $("#myiframe").get(0); iframe.ready(function(e){ alert('ready '); }); It doesn't work but why because example below works $("#myiframe").ready(function(e){ alert('ready '); // works perfect }); Thanx for suggection
[jQuery] jquery each function iterate through form inputs problem
Hi! I cant get this each function to work inside a form: for example i have this code: $('#formid>input').each(function(){ if($(this).attr('id')!='') alert($(this).attr('value'); //fetch id if not blank ang show value }); the code inside this function does not run if the form is rendered this way: <form> <div id='tabs" > <ul>...</ul> <div id='tab1"> <input type='text' id='fname' /> </div> </div> </form> but if it is rendered in a simplier way like this, it works: <form> <input type='text' id='fname'
Javascript loading before dom load
Hi guys, I am trying to insert the following call into my page; <script type="text/javascript" defer="true"> $('#query').autocomplete({ serviceUrl:'service/autocomplete.ashx', minChars:1, delimiter: /(,|;)\s*/, // regex or character maxHeight:400, width:250, deferRequestBy: 0, //miliseconds params: { country:'Yes' }, //aditional parameters // local autosugest options: lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values }); </script>
[jQuery] Problem with CSS in clone()
Here is the scenario I have a div element which which acts like container to other elements in my page <div class="container"> <div style=" left: 251px; top: 150px; position: absolute; width: 410px; height: 301px;" id="clonediv1" class="cmenu1 ui-draggable dragged ui-resizable"> </div> </div> Now in a javascrpt method i do this // Cloning the above container var htmlClone = $("#container").clone(); // Trying to see if it is cloned alert("<html><head></head><body>"+htmlClone.html()+"</body></html>");
[jQuery] Storing reference to an object using jQuery.data - any problems expected?
I want to store a reference to a particular object using jQuery.data on another object, can it potentially lead to memory leaks? And another question. Those objects at some point are dynamically removed and if that happens will the connection and associated data automatically be released, or we got to do it manually?
[jQuery] select decorator plugin
I published this plugin sometimes back. Its main purpose is to provide a solution to style select boxes as needed. This is impossible with pure HTML and CSS. Also though FireFox working with the transparencies IE doesnt do it well. And on IE 6 the selectbox appears on top of each z-indexs. By this plugin what I do is to populate a list with the contents of the select box, and make the list work as the select item. you can find the plugin here. http://open.whynotonline.com/select-decorator-for-jquery/
Trouble parsing JSON with $.each
I am using $.ajax to fetch a JSON_encoded object from a PHP script. This returns a JSON array which I know I need to use $.each to parse, but I'm having problems getting it to work. Here is the PHP that creates the JSON: if(mysqli_num_rows($new_res) > 0) { $messages = array(); while($message_data = mysqli_fetch_assoc($query_res)) { $message = array( 'poster' => $message_data['poster'], 'message' => $message_data['message'], 'time' => $message_data['time'] ); $messages[] = $message;
CSS for slide does not work when I place it in external css
Hi there, am working on a slider for a client site and all works fine when I place the css directly in the page - but when I move it to external file it does not pick up any of the styles that are required to make the slider work. An obvious mistake - most probably so apologies if being a bit dumb - any help greatly appreciated. Thanks in advance
[jQuery] Select onchange event get a value from selects table row
I have a table that contains a select element like so <tr><td>key value in hidden input</td><td><select>options</select></ td></tr> I need to set $("selectclass").change(function() { //Find the value of hidden input in 1st cell of row of the select list that was changed. }); So when a user changes the option of the select i need to get the new value the option has been changed to plus the value from the hidden input and submit them via ajax to a method on the server. How can i get the hidden inputs
[jQuery] image preload question
I'm updating my portfolio site and am using jQuery for the first time. The site and it's contents are far from complete, but for the sake of solving this problem I've loaded it here: www.msfaron.com/test10/ I've set this site version to load contents via jQuery's .load method. the files being loaded are php (html fragments containing thumbnail images that are links to larger images). I set up a spinner image within a hidden div that fades in when you click one of the links below the main window (Illustration,
[jQuery] jQuery Plugin - validate always send the page
Hi every: I need to validate a form[1] before sending. For that purpose I use the bassistance validator plugin[2]. I wrote a small code to validate all elements but in some point it fails because the form is always sended. The code is in file pintpal.js. Can any help to find where it fails? Cheers and thanks in advance [1] http://jose-couto.com/pintpal4/order_pintpal.html [2] http://bassistance.de/jquery-plugins/jquery-plugin-validation/ -- Saludos ReynierPM
[jQuery] Update element when changes
Hi every: I have two input fields and I want the second updated every time I change a value in the first. I wrote this function but it doesn't work until the first element lost focus (for example I clic anywhere or press TAB button) $('#order').change(function(){ $('#total_buyed').val($(this).val() * 2.75); }); What I'm doing wrong -- Saludos ReynierPM
[jQuery] [JQuery Plugin - Validate] Form element was modified before and inside submitHandler
Does submitHandler add/modify the form element? I have a simple form with a button and a required checkbox. Form element outside of submitHandler: var_dump($('#formid').get(0).myButton); => a regular HTMLButtonElement as expected Form element inside of submitHandler: submitHandler: function(f) {var_dump(f.myButton);} => become an array of two, one is HTMLButtonElement one is an empty HTMLInputElement (with no value, which create a big problem for the form submission) Anyone knows enough about the
lightbox captions and index
Hi, the code I am working with is below. I'm trying to add captions (taken from the image "title" attribute), and also show that it's "image 1 of 14" (which will change depending on the image, of course). I know the code is messy, but any help would be greatly appreciated. $(document).ready(function() { imageViewer(); }); /* ---------------------------- DECLARING VARIABLES ---------------------------- */ function imageViewer() { var overlay = $('<div id="overlay" style="display: none"></div>');
[jQuery] cross domain getJSON nothing happens
hi all, I'm new to this group, and after doing a lot (and I mean a LOT) of searching, I can't find an answer for my problem: I'm basically trying to do a simple $.getJSON, and the setup is simple: Firefox 3.5 MacOSX, latest jQuery (1.3.2) the json file named "myjson.json" (I've reduced its contents to its minimum for testing purposes and it validates in JSONLint): {"result": "true"} The javascript: $.getJSON('http://site1:8888/myjson.json', {}, function(data) { alert (data.result); }) I'm testing
[jQuery] Events Calendar
Hi, I needed events calendar for my site. This calendar should : 1. highlight date that had events 2. If i click it, it'll go to events page or show alert about what events that occur that date. I try to use datepicker to do this. For #2 i can do it using onSelect (dateText). But i can't figure out how to highlight date (default is highlighting current date), and its better if the highlight can use another style than ui-state-highlight, so there will be differentiation between current date and events
[jQuery] load(file) then bind(...) ?
Hi, I'm building an application in which pages are loaded dynamically with JQuery's load(file) function. When i call the load(file) function from that main page, new elements with new IDs are dynamically loaded in the main page. these DIVs are new and no actions are bound on them since the $(document).ready (function(){...}); has already triggered. I am not able to bind anything on a DIV that is coming from an external file loaded with JQuery's load(file) function. In other words, i have a main page
Flash Videos Not Playing
Hi I am having an issue with flash that are being called using javascript not playing . Here is an example of one of the pages: http://staging.terry.uga.edu/accounting/video.html This page is referencing a file called terry.js For some reason the flash banners we use work just fine: http://staging.terry.uga.edu/alumni/ Its only the videos that aren't working. We are referencing the videos the same way we reference the banners with the exception of the their class names. The weird thing is that these
[jQuery] Plugin has slow response in IE8 ...
Hi everyone, I'm wondering if someone could take a quick look at this slightly modified plugin that I'm using on a site. It seems to work fine in most browsers, but in IE8 it's real jittery. It's a plugin that works pretty much the same as jqZoom. Any help would be greatly appreciated. http://joelataylor.com/test/jquery.bezoom.js.txt
Next Page