[jQuery] no background in BlockUI Plugin
Hi all, I am using JQuery BlockUI Plugin.. and I just want to show my loading gif.. but BlockUI Plugin pop-ups has a background color.. and Its not what I want.. I know we can change pop-ups css.. But is it possible to show just looding gif.. no backgroundColor, no table color.. just my own gif. function loading(){ jQuery.blockUI( {message: jQuery('<img src="images/icons/ loading.gif" />'), css:{ backgroundColor: '#ffffff', opacity: '0.7', color: '#000000', border: '0px solid #a00'} } ); }; thank
[jQuery] [Cycle] How to reverse direction of scrollVert fx?
Cycle's scrollHorz and scrollVert fx options allow "back and forth" functionality for the Prev/Next and Pager functions. The scrollVert transition scrolls Next content downwards and Prev upwards. I'd prefer these to be reversed: Next = scrolls up, Prev = scrolls down. Thought I'd found an answer in the undocumented "rev" option, but this turns out to reverse the Prev and Next functions i.e. clicking Next moves to the previous slide etc. Anyone know how to achieve what I'm after? Thanks Jonny
[jQuery] Positioning <img> inside div
I'm trying to create and place several <img> elements inside an empty <div>. Images should have specific coordinates inside a div and should be overlapping. I tried this: $('<img src="pic1.gif" alt="" />').appendTo("#myDiv").css( { position: 'relative', left: '10px', top: '10px' } ); $('<img src="pic2.gif" alt="" />').appendTo("#myDiv").css( { position: 'relative', left: '30px', top: '30px' } ); $('<img src="pic3.gif" alt="" />').appendTo("#myDiv").css( { position: 'relative', left: '50px', top:
[jQuery] Synchronized 2 ajax calls
I have ajax call which implemented in Dojo. I need some JQuery mechanism which allow 1 ajax call to run, only after the former call has finished. I need such mechanism, since there is a known bug in IE which cannot run 2 ajax calls simultaneously.
[jQuery] How to get the selected text inside a textarea
Hello! I don't know if this is a 100% jQuery-specific question, but here's what I'd like to do: I'd like to add a hyperlink-functionality to a textarea, so basically I'd just like to wrap a "<a href="this&that"></ a>" in plain text around the currently selected range in a textfield using the URL specified in a dialog window (it gets saved as html lateron). That's all of the functionality I need (and want to allow) so I think it would be a little too much to go for one of the markup-editor plugins
[jQuery] 2 divs with a single scrollbar
Hi, i did not get any anwser (at least i did not get answer emailed)...so sorry if someone did. i'm back with my question about 2 divs with 1 of them including an horizontal scrollbar. how can i scroll both divs horizontally when user scroll only 1 of them using the scrollbar ? i read jQuery helps about binding but i'm not sure it is the right thing to do. any help would be really appreciated. thanks a lot<br clear="all"> -- Alain ----------------------------------------------------------- Windows
[jQuery] jQuery 1.3.2 + Dialog + Tabs = Bug
Hi all, I've found a bug in jQuery 1.3.2 (or maybe Dialog/Tabs in UI 1.6rc6). In my application, I have a dialog with tabs inside of it. I create the dialog and build/setup the elements inside it before it is displayed to the user. Up to jQuery 1.3.1 I haven't had a problem with this. Depending on what sequence of actions activates the dialog, a different tab will be selected by default, using the .tabs ('select',[tabid]) method. In some cases, this may happen before the dialog is displayed - this
[jQuery] [autocomplete] show autocomplete list on focus
Hi. Is it possible to make the autocomplete list pop up automatically, if the minchars parameter is 0? Alternatively, is there an API call which could be bound to the focus event of the input element? Thanks.
[jQuery] A stupid plugin question
Hello all, I've written a handy plugin that encapsulates some UI functionality from one of my projects (and it was darn simple too - kudos to the developers). Anyway, my plugin is creating elements on the target dynamically and needs to use the draggable() plugin. However, when I try to call draggable(), I get an error saying that it is undefined. I've enclosed my plugin with the standard: (function($) { //code here })(jQuery); How do I call a method on another plugin? Is there some trick I'm missing?
php+jquery
i can see how jquery can do some sexy things, but i cant get my head around one thing: how do i do php and javascript at the same time? that is, i can have a delete button under a comment. when i press it, the javascript/jquery has a nice fade out effect for it. but obviously, its not wiped from the database. how would i do that? (not that specifically, but just in general)
[jQuery] PHP-JQUERY-Form submit without page refresh
<br clear="all">Hi, Working in php, Looking the great snippet, Form submit without page refresh, Thanks -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyerphp.site88.net/bharanikumar/">http://bharanikumariyerphp.site88.net/bharanikumar/</a>
[jQuery] why does this work in 1.2.6 but not 1.3.2?
I haven't tried the following in 1.3.0/1 - I went to upgrade something to 1.3.2 and noticed the form didn't work any more. I have a radio button that I want to reprocess a the form when it is changed. I read somewhere that some browser (probably IE) didn't record the onchange of radios but that "click" essentially did the same thing. So that's what I did: $("input[name='number_tickets']").click(adjust_payment); This works in 1.2.6 but in 1.3.2 it doesn't. But if I change it to $("input[name='number_tickets']").live('click',adjust_payment);
[jQuery] Attach event to IFrame load event
Hi, I'm trying to bind to iframe load event, using $("iframe").load (function(){ }. On Firefox, it works as expected, but on IE it only works when I'm navigating inside the iframe but not for the initial content. Is this the right way to get this event or am I missing something? JQuery : 1.3.2 HTML <body> <iframe src ="frame1.html" width="100%" height="300"></iframe> <iframe src ="frame2.html" width="100%" height="300"></iframe> </body> Thanks in advance, Nicolas
[jQuery] why does this work in 1.2.6 but not 1.3.2?
I haven't tried the following in 1.3.0/1 - I went to upgrade something to 1.3.2 and noticed the form didn't work any more. I have a radio button that I want to reprocess a the form when it is changed. I read somewhere that some browser (probably IE) didn't record the onchange of radios but that "click" essentially did the same thing. So that's what I did: $("input[name='number_tickets']").click(adjust_payment); This works in 1.2.6 but in 1.3.2 it doesn't. But if I change it to $("input[name='number_tickets']").live('click',adjust_payment);
[jQuery] selectable without multiple selections + draggable
hey all, i'm trying to create something in the line of a file list with an option to drag the selected file right now i have a <ul> with a list of files. selectable was set on this <ul> and draggable on every <li>, so now i can select many files, and drag one. the problem is that when i start to drag a list item i have the rectangle selector thing appear. for starters i would like to have only one file selectable at a time (so i won't have the selecting rectangle appear) and be able to drag the list
[jQuery] whether the structure of the jQuery object like this
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">whether the structure of the jQuery object like this :<div> </div><div>$('p') </div><div> </div><div>if the tag p only one, the structure is :</div><div> </div><div> </div><div> [ [ attr => value ] ]</div><div> </div><div> </div><div>if the tag p has two , the structure is :</div><div> </div><div> </div><div>[ [ attr => value], [attr => value] ]</div><div> </div><div> </div><div>
[jQuery] getting javascript code instead of node value
hi, when I run this I am getting a response from the page I request xml from but the problem is in that I fail extracting the text from the xml tags, what am I doing wrong here? anyone? $.get( "search_wiki.php?keyword="+searchString, function(xmlData){ $("Item", xmlData).each(function(){ var title = $(this).find("Text").text; var url = $(this).find("Url").text; $('<li><a href="'+url+'">'+title+'</a></li>').appendTo ('#wiki_article_list');
[jQuery] How to color a selected option in a select that will work on FF.
Hi, I've added: style="background-color:#FFFFA0; to one of the options in a select it works well on IE but not on FF and Chrome. Any Ideas?
[jQuery] include multiple css, js ,html on demand with jQuery
by using the includeMany 1.0.0 plugin you can add multiple files with different callbacks for each one and also a global callback after all are loaded check it here: http://www.arashkarimzadeh.com/index.php/jquery/17-includemany-jquery-include-many.html Arash Karimzadeh http://www.arashkarimzadeh.com
[jQuery] How can I scan the whole page of the website then put the correct data to each variables?
Hey guys, So here's my problem. I want to scan the whole page of the website. I'm trying to locate 2 datas, then I will put each data into a separate variable. var listitem, thislist, itemname1, itemname2; listitem = getElementsByClass('-list-item'); for(var i = 0; i < listitem.length; i++) { if(listitem[i].innerHTML.match(/Item Name:/)) { itemname1 = listitem[i]; } } When the for loop scanned the whole -list-item class, and if it find the Item Name: string then it will put that to itemname1. However,
[jQuery] Form Plugin with file upload
I am working on an ajax app that uses jquery's form plugin and it works just fine until I add a file upload input into my form: <input type="hidden" name="MAX_FILE_SIZE" value="2097152" /> <input name="viscritfile" type="file" maxlength="300" /> If I take these input fields out, my form works fine and submits and saves no problem. But once I added these parts to my form html, the jquery form plugin hiccups. I don't get any sort of error. Instead, my form just disappears without any data getting submitted.
selectable without multiple selections + draggable
hey all, i'm trying to create something in the line of a file list with an option to drag the selected file right now i have a <ul> with a list of files. selectable was set on this <ul> and draggable on every <li>, so now i can select many files, and drag one. the problem is that when i start to drag a list item i have the rectangle selector thing appear. for starters i would like to have only one file selectable at a time (so i won't have the selecting rectangle appear) and be able to drag the list
Novice Needs Help With jquery
Hi, This is my first week using javascript!!! Already I need help. I have a jcarousel on the site Im working on at the moment and that works fine. When I click either my left or right arrow the images move from side to side as expected. What I'm trying to figure out what to do is when the arrow is clicked, as well as moving the pictures I want to change text in my left content div. <div id="body-left"> <div id="left-content"> <!--updated text />--> </div>
[jQuery] hoverIntent and Accordion
I am trying to add the hoverIntent plugin to this basic accordion menu such as this: $("dd").hide(); $("dt a").hover(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }); I am confused about how to call those functions for over and out: $("dt a").hoverIntent({ sensitivity: 3, interval: 200, over: ?, timeout: 500, out: ?, });
Working with array and Select object
I've got a stylized select item...onchange of that select item I want to use the selected value to pull data values from and array and use those data values to update an image and a bit of text of the screen. I can't seem to find any examples and searching for quite awhile. I've isolated it on a page by itself and commented it pretty thoroughly here: http://www.tscplcommunityconnect.com/be ... helpme.htm If someone could give me an idea of how to proceed, I would be most grateful. -Evan
[jQuery] How can I scan the whole page of the website then put the correct data to each variables?
Hey guys, So here's my problem. I want to scan the whole page of the website. I'm trying to locate 2 datas, then I will put each data into a separate variable. var listitem, thislist, itemname1, itemname2; listitem = getElementsByClass('-list-item'); for(var i = 0; i < listitem.length; i++) { if(listitem[i].innerHTML.match(/Item Name:/)) { itemname1 = listitem[i]; } } When the for loop scanned the whole -list-item class, and if it find the Item Name: string then it will put that to itemname1. However,
[jQuery] jQuery and Dreamweaver CS4
Hi - I'm new to the group. This is my first post. I'm a tech writer who's just starting to move into web development. I use Dreamweaver - but some complain that Spry Widgets are lame - and aren't as accessible to keyboard navigation as they should be. I had hoped that by leaning jQuery I could come up with some options. Any advice on where to begin? Thanks, Ev
[jQuery] problem finding all atributes, attributes length, retrieve all attributes
After searching the web with no answer, I really need some help about attributes in jquery Here's the plan: I want to retrieve ALL the attributes from a tag for applying them to another tag. Problem#1: i don't know how many attributes the tag will possess. Problem#2: i don't know what attributes will be used. For example i will have a sample tag like that (attributes can vary) : <table border="1" width="760" cellspacing="2" cellpadding="3" id="t"> I want to take all the attributes and apply them
[jQuery] How can I specify what $(this) is within a function?
Hello, I've written a simple function for a hover event but I can't seem to specify what $(this) is properly. Here's a little example I put together, any input would be great. Thanks.. http://jsbin.com/ezeye/edit
[jQuery] How can i bind different functions for each remote tab?
Hello, I'm using the following versions of jquery: - jquery-1.3.1.min.js - jquery-ui-personalized-1.6rc6.min.js Can somebody help me with this? I can't figure out how to bind different functions for multiple remote tabs. Iam adding remote tabs by clicking a link on my page like in this example. ***************************************************************************************************** 1. Adding Remote Tab User *****************************************************************************************************
[jQuery] (a)slideshow in IE
I'm trying to implement the jQuery (a)Slideshow plugin ( http://slideshow.hohli.com/ ) on a site; it works great in everything except IE; both IE7 and IE8 beta 2 don't show the slideshow at all; I can't figure out why; the demos for the plugin work in IE; I downloaded the source; it works in IE. But even when I copy the code from the demo to my page, it doesn't work! IE gives me the error : "Object doesn't support this property or method." I know I have everything set up right, because it works in
[jQuery] How check ready state for ajax request
I am building a ajax website i am showing a status of request as request moves from readystate 1,2,3,4(complete), now uptil now i was not using jquery for sending request , now i am planning move to jquery but i seen jquery $.ajax function which provides declaration of only one callback method which gets called on readystate 4 i.e. complete ,is there any way to observe ready state 1,2,3,4 ??? please help
[jQuery] Ajax tabs in non JavaScript browsers
Dear all, I'm new to jquery and am just started to use the Ajax tabs in a site I am building. However I do notice that if I disable javascript the tabs just open the pages normally, which is no good as then inserted pages don't contain any navigation or other elements. Is there a way to get the tabs to still work without javascript, I have seen some sites that still manage to do this and am unsure of how? Thanks, Phil
[jQuery] Success Callback Method is not firing.
Hi, I am using jQuery Form Plugin's ajaxForm method to upload a file to a third party server. Uploading is working fine, using this approach as I am able to see the file uploaded in the third party server. But I need to get hold of the response coming back from the server as I need to save some response data at my side. So I am using a success callback method. But problem is everytime it is calling my error callback method instead of the success callback method. Can anybody help me what am I doing
[jQuery] Stringing functions within a click event
Hi, I have a group of animations, which once they are finished I would like to change all the image ids and then the src attribute. My code is as follows: $("#right").click(function(){ $("#i0").fadeIn(1500); $("#i1").animate({width: '98px', "left": "+=86px"}, 1500); ... $("#i6").animate({width: "75px", left: "+=110px"}, 1500); $("#i7").fadeOut(1500); }) I don't know how to string a function to this above one so that it executes after all the animations have finished. Basically I want to take the
[jQuery] how can i close cluetips without using crose button.
hi all, i m submitting a form inside cluetips and want to close cluetips after submitting the form please suggest me as soon as possible thanks, abrar
[jQuery] Queuing jQuery animations
Hi, A newie to jQuery although I do have quiet a lot of JavaScript experience. I can't seem to grasp the queuing of animations in jQuery I have the following code $("#right").click(function(){ ... $("#tv2").animate({left: "+=110px"}, 1500).animate({left: "- =110px"}, 0); $("#i2").animate({left: "+=110px"}, 1500); ... }); which both execute at the same time - exactly what I want - and what I would like to do is change the z-index of i2 after the animation has stopped. I tried appending .css("z-index",
[jQuery] How to loop through JSON data
If I have JSON data like this: { "9": { "title": "Event 1", "style": "rock" }, "11": { "title": "Event 2", "style": "pop" }, "15": { "title": "Event 3", "style": "house" }, "16": { "title": "Event 4", "style": "metal"} } How can I loop through each item grabbing each key/value pair for outputting? Is this possible with $.each? I tried the following: var event = ''; $.each(results, function(title, style) { event += '<div>' + title + ' ' + style + '<\/div>'; }); $('#events').html(event); But it returned
[jQuery] JQuery star rating plugin - how to disable stars after submission
Hi, I'm using the JQuery star rating plugin (v2.61) from http://www.fyneworks.com/jquery/star-rating/. Everything's going well, but I'd like to disable the stars when a user has voted. Currently my users select their rating and click the mouse. This updates my database through an AJAX call. The star rater changes to show the user's selection, with the stars displayed in red. However if the user rolls their mouse over the stars they are still active and they can submit another vote. I'm stopping this
[jQuery] Disaster with Png fix
IE6 doesn't support transparent png file, so people usually use javascript to fix it. This is what I choose http://www.twinhelix.com/css/iepngfix/ but when I use it with ui such as $.dialog() in IE6, the effect become pretty slow for example http://www.yuri.com.tw/member_register.php This is a member registration page, 出生年月日 means birthday, I put ui datepicker here, in IE7 or Firefox or any other browser works well, but in IE6 it's like a disaster does any one have better solution to make it6 use
Next Page