[jQuery] drawing on the web
Hi, I've been developing a new jQuery plugin (library) to draw on the web. <a href="https://sourceforge.net/projects/isabeladraw/">https://sourceforge.net/projects/isabeladraw/</a> The link is a short app using this library. Opinions and comments are very welcome. thanks Dirceu Barquette
[jQuery] [jCarousel]
Using the example of external controls (http://sorgalla.com/projects/ jcarousel/examples/static_controls.html). When a certain item is visible, how do I add a class such as 'current' to the <a href="#"> for that item? Many thanks, Alex
Making mouseout ignore a zindex object
Hi, I have one main div, and then a div on top of it (via divindex). I have mouseover and mouseout events on the main div. The problem is I do not want the mouseout to fire when I hover the zindex div... I think I know how to do it, but I wanted to know if there was a better way. My idea is inside the mouseout event to check the mouseposition and just make sure it is not inside the zindex'ed div. I thought there might be a better way. Thanks
[jQuery] Doing Ajax call to a page that requires authentication
Hi everyone, How can I send login credentials with jQuery Ajax request (get(), post () or ajax()) when the page I'm requesting is asking for them before permitting the access. Note here that I'm not talking here about form-based authentication. Thanks in advance.
[jQuery] how to cache image and background image in jquery?
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hi, first of all sorry for my bad english, due to its not my main language.. i'm quite new in using jQuery, however i'm stuck now on making Image() object cache. i try to cache image for img tags and background image in javascript variable so that the $.css and $.attr can use it for passing the image source. however i stuck only on idea and try several way to do a work around and still dont get how to implement
[jQuery] How do i submit a new plugin?
I wanted a gallery viewer which would accomodate multiple sets of photos in which each set could correspond to one event. Additionally I wanted it to pick the set-name, thumbnails paths, full pics paths and captions text etc from javascript object/array instead of markup. And I was impressed by looks and function of JQGallViewer. Taking inspiration(I did not take much from its code) from it I have made this plugin which is simple yet works fine. This is my first learning of jquery. I wish to share
[jQuery] jeditable tooltip for empty table cell becomes content
New demonstration case for another problem I've noticed with jeditable: http://apache.pastebin.ca/1270021 I'm making cells in a table editable, and passing jeditable a string for the hover tooltip. However, if the cell in question has no content (e.g., <td></td>) jeditable stuffs the tooltip into the element as its value. Once again, am I doing something wrong, or is this a bug I should report? Thanks..
How do I call a custom function from outside jQuery...
Basically I have an iFrame on a page with a form. Once the form is submitted I want the my parent page to update to display the new item In the main page I have a function inside my $(document).ready() called loader() that does all the ajax to populate the main page. I had hoped I could call self.parent.loader() from the iFrame so that it would update the listing, but this doesn't work. Does anyone know how I make a call to a function in the parent page document.ready section. Thanks
[jQuery] nested sortable treeviews
Dear folk , I was working with the tree view plugin which Jorn had developed it , is there any possibility for us to make it Drag and Drop Feature to it so we can drag the folders to put it into another folder
[jQuery] Body onunload Event
Can anyone tell me if i can you this code with Body onunload Event. I tried and it's not working. any1 seeing anything? Thanx. <body id="htmlBody"> <script > $(document).ready(function() { $('#htmlBody').unload(function() { $.blockUI({ css: { border: 'none', padding: '15px', backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: '.5', color: '#fff' } }); }); }); </scirpt> </body
[jQuery] JQuery UI Not Working?
I've used JQuery and many plugins before however I am attemtping to update to the newest versions. I downloaded a theme from ui.jquery.com and then a custom package (UI Core + Tabs + Accordion). I keep getting an error that the .tabs is not a known function however. In addition my Accordion is loading fully expanded. Help! What am I doing wrong? If someone could give me a step by step on how to use Jquery with the JQuery UI and a custom theme that would be greatly appreciated. This is what I am doing
[jQuery] How can JQuery trigger events in parent frame?
I have one html page with one iframe in parent frame, I have $('#x').bind('blur',function(){alert(1)}); <input id='x' name='text'></input> in the iframe, I can use $('#x',parent.document.body).val(); to retrieve the parent element value, but I cannot use $('#x',parent.document.body).blur(); to trigger the blur event my solution is create another function in parent and trigger that function, but I just curious why the above code doesn't work? my solution in parent frame $('#x').bind('blur',function(){alert(1)});
[jQuery] Ajax Call on form submit
Hi, I am sending user to different sites based on their attribute once they log in. I added a ajax call to check the users attribute before submitting login form. I am implementing this using ajax form plugin. The ajax call reside in beforeSubmit call back function, it seems that the ajax call is never invoked within the call back function. Anyone can help me? Thanks
[jQuery] ajaxSubmit
Hi, I am using ajax form plugin. After I defined the new value (different with the attribute value of the form) of url and type properties within Option Object, and pass options to ajaxSubmit. It didn't override the form attribute value. Anyone knows why? Thanks
[jQuery] Offset() Shows Different Result On Page Load vs. On Page Resize? Online Demo Provided.
I'm using jQuery's offset() method. I have a function named ResizeContent that is called on page load, and then is called again whenever the window is resized. This function includes calls to offset (). Oddly, I find that offset() is giving me an incorrect value on page load - but then returns a correct value when the page is resized. If I watch the offsets using the layout pane in Firebug on Firefox, I see the exact same anomaly in how the positions of these elements is reported. I have placed a
[jQuery] jcarousel and ajax
I have a site that uses jcarousel. This works fine, but I also have links on the side, that when clicked, loads in new content via ajax (new page content and new carousel). The problem is that jcarousel stopped working, using this message: jCarousel: No width/height set for items. This will cause an infinite loop. Aborting.. Ok, so no problem, I'll just use livequery to fix the problem. Well it added the images to the carousel, and started to cycle through, but I still got this message: jCarousel:
[jQuery] Newbie JQ image fadeout question
Hello, all! I have a few quick JQuery questions. I found JQuery to fade my 2 images out and I have the Code and script. But I have a few questions, because I could not get it work. I am a newbie to JQuery. I read over some tutorials and blogs and I can't get it work. I have DWCS3. 1) I placed the JQuery Code in the head of the Code view on my page I want to JQuery to work. However, I got a parsing error for IE6 in DWCS3 when I placed the Code in page. The Code is below: <script type="text/javascript"
[jQuery] Error while printing the JSON content after evaluating!!!!
Hi, I am getting error while trying to print the content of json string. My servlet is getting evaluated as it is alerting the next statement immediately after eval line in the code.
[jQuery] Repeated ajax calls (jheartbeat) but not always (depending on a CURL response)
Sorry for the obscure subject, but english is not my language. Well, situation: server side language: php In a page, i need to call an url (on another server) that start a process (creates a jar file assembling many other files). This call will be done via curl (it has been already written). If the result of this call is Ko, stop everything. If it is OK, I must call (let's name this call, second call) another url which output can be: 1) Error -> Stop everything 2) Wait, not finished 3) The file is
[jQuery] Newbie JQ image fadeout question
Hello, all! I have a few quick JQuery questions. I found JQuery to fade my 2 images out and I have the Code and script. But I have a few questions, because I could not get it work. I am a newbie to JQuery. I read over some tutorials and blogs and I can't get it work. I have DWCS3. 1) I placed the JQuery Code in the head of the Code view on my page I want to JQuery to work. However, I got a parsing error for IE6 in DWCS3 when I placed the Code in page. The Code is below: <script type="text/javascript"
[jQuery] Use of getBoxObjectFor() is deprecated. Try to use element.getBoundingClientRect() if possible.
Searched around and found a old post here but there was no answer. Any idea what this is about and how I can squash it? Ed
[jQuery] jCarousel skips images after css edit
I've had the same problem as bobh had some months ago. I have a total of 4 images which I want to appear one at a time. I changed the "scroll:3" in "scroll:1" in the jquery.jcarousel.js file and added my css to 212x130 in stead of 75x75. still it skips from the 1st image to the 4th, back to the 1st, and so on. I can imagine it has something to do with the jquery.jcarousel.js file, because I can't seem to find if and if so, where it links to this js file
[jQuery] CSS bug when combining Tabs and TableSorter
I've got a weird bug in my CSS with using (jQuery Tabs and jQuery TableSorter) where every time I have a link, or span on the page, it prints a background image that is used for the jQuery tabs. Here is what the problem looks like: http://www.nabble.com/file/p20745016/Untitled-1.gif Here is a live example of the bug: http://www.psylicyde.com/css-bug/ It appears that when you place a TableSorter table inside a jQuery Tab, it makes the background image bug. How can I combine these CSS files to live
subtle problem
I think that this is really a javascript problem, but it could be jquery, php, or even mysql. (sigh) I am loading from a backend process, a translation "object". Depending on the language, the results may look like one of the following: var en={ 'Contact':'Contact' ,'Login':'Login' ,'Password':'Password' ,'Password Help':'Password Help' ,'Privacy Policy':'Privacy Policy' ,'Privacy Policy Content':'Privacy? You're kidding, right?' ,'Technical Info':'Technical Info' ,'Technical Info Content':'Too complicated
[jQuery] load external html file using j query.
Dear All, i kind new to j query, Ive been using gray box successfully for a while but i think it time to find something better. ive been trying to figure out how to load a (by using a href ) external html file from a text link or a image ... Im looking for a demo of this ... ?? thanks. Stephane.
[jQuery] code does not work if put after other codes
Hi, I'm new. I've written two pieces of code with jQuery. Each of them works well individually. However, if I put them one after the other, the first one still works, but the latter one will not work. If I change their order, it's always the first that can work and the latter one that can't work. Both pieces are quite simple, and I don't think there is anything conflicting between them. To be more clear, the code is something like this: $("#button1").hover(function () { //do something }); $("#button2").hover(function
[jQuery] Remove ellipsis from shortened title.
Hello, I am using Simplepie and truncating fields that are longer than a certain length. This process adds an ellipsis to the end, which I want in most situations. However, for titles, I do not want the ellipsis to show. I am trying to use jquery to remove the ellipsis character code (…) from any H3 tag that has it, but am having a real problem getting it done. Here is what I have been working from with no luck. <script type="text/javascript"> $(function(){ $("dt …").remove(); }); </script>
[jQuery] jCarousel
Hello there, I have been testing out the jCarousel and I've found one minor issue with it: when I resize IE window the jCarousel shifts position. If I refresh the screen the page looks fine, but if I resize the browser window again it shifts once more. This is only happening in Internet Explorer. Could you please advise how I can fix this? Thanks, Annand
[jQuery] Change overflow of div when element clicked
Hello, I'm fairly new to jQuery and am trying to do the following. I am using a coda slider effect for a website, which is working fine. What I need to do is change the overflow CSS property for a div when another element is clicked. Here's what I have: <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function() $("#faq").css("overflow","auto"); }); </script> ...snip... <div id="navTab"> <ul class="navigation"> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li>
[jQuery] animate problem with IE7
Hi all, I'm working on a slideshow/carousel: http://www.lesperimento.netsons.org/various/my_carousel/ It's works fine except than in IE7/6 (basically as usual... ;-) ) It's weird also because the "next button/arrow" works well under IE but NOT the "prev button/arrow"; and that's the problem. I explain briefly how the script works. When you click the arrows you call next_f(); and prev_f(); that do exactly the same thing but in different direction. They call three functions: 1) choose_element_to_move(some_params);
[jQuery] Dynamic Event Handler
I have some 'NAV' elements, that when clicked should slideToggle their respective 'DATA' elements. I am trying to do this by traversing an Object with a for loop, and each elements IDs are stored in this data structure. However, once execute, each click of any of the NAV elements only slideToggles the last DATA element. Ex: Code: -- JAVASCRIPT var categories = new Array(); categories[1] = new Object; categories[1]['nav_id'] = 'NAV_1'; categories[1]['data_id'] = 'DATA_1'; categories[2] = new Object;
[jQuery] code dosen't work if put after some other code
Hi, I'm new. I've written two pieces of code with jQuery. Each of them works well individually. However, if I put them one after the other, the first one still works, but the latter one will not work. If I change their order, it's always the first that can work and the latter one that can't work. Both pieces are quite simple, and I don't think there is anything conflicting between them. To be more clear, the code is something like this: $("#button1").hover(function () { //do something }); $("#button2").hover(function
[jQuery] jQuery Countdown
I am trying to get the countdown to work from this example (http://keith-wood.name/countdown.html), and I cant get it working.. What am I doing wrong? <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> <link rel="stylesheet" type="text/css" href="jquery.countdown.css" /> <script type="text/javascript" src="jquery.countdown.js"></script> <script> var newYear = new Date(2009, 1-1, 1); $('#defaultCountdown').countdown({until: newYear}); $('#removeCountdown').toggle(function()
[jQuery] [autocomplete] Changing query parameter
Hi all, Wondering how to change the actual query parameter sent by jquery at run time: e.g. instead of services?q=foo I might want to do services?term=foo, and this will change depending on where I'm using the plugin.
[jQuery] how can i find() including self?
With the follow style of markup: <div id="my-combo" role="combobox" aria-owns="my-list another-thing"> </div> <div id="my-list" role="list"> </div> I need to find the first element of type [role=list], in either the descendants of #my-combo, or the elements (and descendants) identified in aria- owns. I was think of creating a plugin to make this easier: $('#my-combo').owns('[role=list]:first'); $.fn.owns = function(selector) { // Gather all the id's from aria-owns attrs, appending '#' to each,
[jQuery] quote standards
I've started using a single quote inside of all $() when quotes are needed because it makes creating DOM elements much simpler. $('<a href="/path"></a>') or $('<div id="anId"></div> and for consistency doing $('#anId'). Anyone else doing the same thing? Josh Powell
[jQuery] Form Editor like WUFOO.com with JQUERY??
Please can you help me to decide which tecnology is more appropiate? YUI, JQUERY or just another Library Hi I'm planning to develop something like a Form Editor in WUFOO with JQUERY. Needing Drag & Drop and object graphical selector moreover some custom code. Thanks in advance Jordi
[jQuery] Executing multiple actions on the same selection
In some other languages I have had experience with one can use the following pattern... object [ .doThis() .andThis() .andAlsoThis() ] Is there a way to do this with jQuery? $(a){ .hide(); .addClass(); } ***Instead of *** $(a).hide(); $(a).addClass();
[jQuery] [Cluetip] don't work
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6001.18148" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2> <DIV id=result_box dir=ltr style="TEXT-ALIGN: left">Hello all, <BR><BR>I work with the framework phpmvc and code with the MVC architecture. <BR>I want to insert a popup should recover in xml file some info. <BR><BR>So I try
Filter by multiple selected tags/classes
Hi all, I'm reasonably new to jquery, and wondering if there's a way of filtering by multiple options. Say I have a list of thumbnails on a page, and they have various tags assigned to them as classes. (so one thumbnail might be class="yellow car february", another "blue train march". At the top of the page, I have a list of these various tags (not dynamically generated). If I click "yellow", it filters the thumbnails so that only the one's with the class yellow stay and the rest fadeOut. If I then
Next Page