Popup help boxes in Jquery
I already have this working in standard javascript, but I'm trying to learn Jquery so trying to translate it. Here's the function so far: function jsearchPopHelp(caller,text,right) { $jsq("#jsearch_help_pop").html(text); callerP = $jsq(caller).offset(); $jsq("#jsearch_help_pop").show(); $jsq("#jsearch_help_pop").css('top',callerP.top); if (!right) // Pop to the right $jsq("#jsearch_help_pop").css('left',callerP.left+$jsq(caller).width()+3); else $jsq("#jsearch_help_pop").css('left',callerP.left-$jsq("#jsearch_help_pop").width());
[SOLVED] Is there a Jquery equiv. to this...
Hi All, Have a look at http://www.moben.co.uk and checkout the drop down on 'our ranges'. Has anyone seen similar using Jquery? I think this uses MooTools but, as a JQ fan, I'd like to stick with this. Thought & ideas very welcome. Sarah
[jQuery UI] Problem w/ multiple Dialog popups(modal)
Hello, I was hoping someone could help point me in the right direction here as i am in a bit of a bind. Although i am fairly new to jQuery, i have a decent understanding of how it works and use it, in some way, in everything i do. I build web content for an online educational company. I have run into a pretty big hurdle and am not sure which way to go. I have been tasked with building a fairly large dictionary. The dictionary is its own html page with nothing fancy. It is just a giant table with
Flexigrid and IE8
Hi guys, has anyone noticed the strange behaviour of Flexgrids' Show/Hide Columns functionality when running on IE8. The 'down arrow' icon is displayed in the next columns header more and more so as you move across the grid from left to right. It would be easier to explain this problem with an image attachment but I don't see an option to do this here. If you think you may be able to help or are just curious post a contact email address. thanks in advance Tony
Jquery for advanced webapplications
Hi Everybody, Forgive me my possible bad english, if I'm rude please ignore it I didn't mean to be Currently we're planning the build for a highend webapplication (Saas) where everything will be javascript controlled and php + mysql on the backend. Right no I'm looking for a good javascript framework on which we can build the webapplication. I'd like to know what your experiences are when using Jquery with - multiple interface states, - lot's of php & mysql exchange/activity - mvc patern I allready
Images don't preload
Hi, I'm trying to preload an image before it fades in and I'm using the following code to do so. Could someone please tell why it doesn't work? The layer fades in and then the image suddenly shows up. Thanks in advance! function updPortImg(imgName){ jQuery("<img>").attr("src", imgName); $("#photoCont").fadeOut("slow", function(){ $("#photoCont").html('<img src="img/btnClose.png" /></div><img src="' + imgName + '" />'); $("#photoCont").fadeIn("slow"); }); }
On click rotation div/image 90
Hi people, I was searching for this a few hours , but no luck. I have a jquery dragable dropable and resizable ui scripts and i want to rotate div/ image 90 angle on click. Something like this .click(function() { rotate : 90}) ; I was trying use this but no success http://www.google.com/gwt/n?source=page ... llimage222 Please thank you
border appears around jquery slideshow in IE
hello, I have integrated a jquery slideshow in a webpage which appears correctly in mozilla, but when testing in all IE explorers a border appears around the image that rotates during the transition. http://alexanderlloyd.info/touba/ (it's the small image halfway down the page) Anyone have any ideas? Thanks very much fory our help!
jQuery.html filters scripts?
Two problems I noticed I think its the jQuery.html causing these: I load AJAX content into a div in the $('#div_id').html(newcontent) style. In the original AJAX response, in detail the Inviter component from facebook, the <script type="text/fbml"></script> block is child of: <fb:serverfbml></fb:serverfbml> After putting this into the div using the jQuery.html() the fbml script is placed at the end of the target div and the Inviter is not showing any friends from facebook. My workaround is to set
[jQuery] Horizontal image carousel w/scrollbar plugin for jQuery?
Hi jQuery gurus, Has anyone seen an equivalent of dyn-web's scrollbar but written on top of jQuery? http://www.dyn-web.com/code/scroll/horiz.php I have a client who wants this functionality, but I cannot use the dyn- web as it conflicts with the jQuery plugins that I am currently using. I assume it is due to how events are registered and handled. I have searched all over but cannot find (a) an image carousel that is controlled with an onmouse event (they are all onclick events), and (b) the scrollbar
[jQuery]
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <!--[if !mso]> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);}
[jQuery] Custom Selects and Forms
Hi,<div> </div><div>i would like to know if there is some jquery plugin to customs forms, mostly selects..</div><div> </div><div>I've found a lot, but no one was simply or low weight...</div><div> </div><div>If someone could help me, i appreciate.</div> <div> </div><div>Mauricio Vargas</div>
[jQuery] getJSON - need some direction please.
Hi everyone, thanks is advance for your help. I am working on a getJSON call to my website from a popup window that is connected through a Run Time Environment API. I am calling a function called Initialize(). The call is being made and the data returned properly. The crazy thing is that I need to return a simple "true" or "false" but the crazy thing is that once the call to .getJSON is made, whatever is executing this code (Browser??) is not waiting for the function call within the .getJSON to complete
[jQuery] jCarousel, click link to load different number of contents
Hi all, When my site first loads shows jCarousel with two images. In the site I have three links, clicking link 1 makes jCarousel to show 12 images, clicking link 2 shows 2 images and link 3 shows 7 images. The problem: The width of the <ul> element is the one to fit the 2 initial images. So if I click link 1 instead of 12 images, I get to see just 2. The same for link 3, instead of 7 images I see 2. The carousel is set to show 6 images at the time. So if the width of one element is 127px, I do the
[jQuery] Jquery UI Accordion Navigation
Hi guys I am working on the following site http://www.paulbraham.com/test_site/ and am having a few troubles with my JQuery Accordion. Basically, I have turned on Navigation, and inserted three anchors, #1, #2 and #3 for the three sections that exist. Now in theory, i could go to index.html#2 and it would load with section 2 open. This is not happening, and I cannot work out what is wrong with my code. Also, I have used the following code to update the hash on the address bar when a section is selected.
[jQuery] Can stop() be used without animation?
I know that stop() works well when using animation, such as when one passes their mouse over a series of animations to prevent the animation from continuing. However, I in my code I am using hide() and fadeIn() to do the work: $('li').hover( function() { $(this).find('div.SectionTitle').hide(); $(this).find('div.Explanation').fadeIn(150); }, function() { $(this).find('div.Explanation').hide(); $(this).find('div.SectionTitle').fadeIn(150); } ) I have not been able to get stop() to work with these
[jQuery] How to redirect to another page when click in a div?
Hi! I´m using a div like a button. How can I redirect the user to another page when he click in the div? Thanks!
[jQuery] jQueryExchange
http://old.nabble.com/file/p26206565/theme.logo Going around the web looking for well structured jQuery community discussion points, I realized that there are several places where to find answers or suggestions but there isn’t a core space dedicated to Q&A, made exception to jQuery site that anyway doesn’t work as a Q&A service. I can find discussions on Stackoverflow, or in many blogs dedicated to all kinds of plug-ins, but there’s any place really dedicated entirely to the growing community interested
[jQuery] Block UI question
I'm trying to implement a processing message and I think Block UI might work however I can't seem to get it to redirect after my processing is complete. Basically, I have a form and a submit button which does a post to a server and passes in several parameters for calculation. The server can take anywhere from 15-45 seconds to return with the results. I would like to trigger the modal Block UI div on Submit. The UI would be blocked or grayed out underneath and the modal box would appear prominently
[jQuery] Jquery Tree View, collapsed tree with opened branch
Hi, I'm wondering if there is simple way to to render a collapsed tree with a preopened branch. :-) -- gianiaz.net - web solutions via piedo, 58 - 23020 tresivio (so) - italy +39 347 7196482
[jQuery] load() and utf-8 encoding, nothing seems to work...
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">I've been googling around but found no answer that works for me. I'm loading some content from a PHP script using the load() function inside an html document that already has the utf-8 encoding meta tag. I suposed that the rule at the head of the container document will affect all loaded contents, but it doesn't. The PHP I'm loading is using a switch to serve different contents, for every case I have open
[jQuery] treeview plugin
Hi, I use this treeview plugin: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ It is great but I have one problem. Case is that I add bind some functions to click event on elementes form the treeview. And when I add some branches and do treeView once again witrh Add: "branches" I would need sth like callback or sth similar to bind events to newly created nodes. How can i achieve that ? thanks for help
[jQuery] (validate) validation (plugin) remote message option problem.
Hi, I have this horrible problem that i've spent like 2 days looking for a easy solution but to no avail. I've been using the jQuery validation plugin to do the validation for me and it has working great so far. I've added the remote option and it communicates perfectly with the server and sends the responde back to the user. I don't know it is a bug or that is the way the author intended for it to work but if there is a problem with the remote validation. I've made an function that should be triggered
[jQuery] For a week i request this question here, but no request.
For a week i request this question here, but no request. How to open the activ ul from the start at a site http://groups.google.com/group/jquery-en/browse_thread/thread/e752f5d7bdf102a8
[jQuery] (validate plugin) dependency callback not being triggered
Hi I've tried every way I can think of to use dependency to enable additional elements to be required and have had no luck at all. I simply want to enable "required" on a number of fields when a specific radio button is selected and for it to be disabled when its not. (These fields are hidden when the radio button is deselected) I've tested the response from the functions and it appears correct but after hours of staring at this I just can't figure it out. Help.. please? original code is on http://promotionalpenshop.com.au/testorder.php?p=4
[jQuery] QUnit - benchmarking
Hi, guys, I was wandering if QUnit has some sort of benchmarking of each test that is run, and, if not, can this functionality be developed into QUnit? Sorry to post about the library development here, but my main question is if it eases the way for me to code separated benchmarks for each run test. Thanks!<br clear="all">__________________________ Diogo Baeder <a href="http://diogobaeder.com.br">http://diogobaeder.com.br</a>
function runs twice
I have created some code that alerts me the contents of all the child divs inside a main div function CheckEventLayout() { //check all divs in area and resize overlapping divs var RunOnce; if( RunOnce != true ) { var StartTimes = new Array(); var EndTimes = new Array(); var i = 0; $("div#day-view-overlay").children("div.day-view-appointment").each(function(){ var DoOnce; if( DoOnce != true ) { alert($(this).html());
[jQuery] [ ajax jQuery]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content=text/html;charset=iso-8859-1 http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7100.4137"></HEAD> <BODY style="PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 15px" id=MailContainerBody leftMargin=0 topMargin=0 CanvasTabStop="true" name="Compose message area"> <DIV><FONT face=Calibri>Hi,</FONT></DIV> <DIV><FONT face=Calibri>Why this code not is ok?</FONT></DIV> <DIV><FONT face=Calibri></FONT> </DIV>
[jQuery] Why this code don't work
Hi every: I need to add some fields when a user clic a link. For this purpose I build this piece of code: [jQuery/JS Code] $('#another').click(function(){ $('#word').append('<label for="word2"></label><input type="text" name="word2" id="word2" value="" size="50" />'); }); [HTML Code] <label for="word">Texto:</label> <input type="text" name="word" id="word" value="" size="50" /> <a href="#" id="another">Adicionar criterio</a> But for some reason when I click the link it doesn't work. Can any help
[jQuery] cannot insert html into DIV
Hi Guys, I have several .class DIVs I want to manipulate. I have retrieved them using the following code: var canvasClasses = new Array(); $(".canvas").each(function() { canvasClasses.push() }); I am now trying to insert some HTML into the DIVs but its not working: canvasClasses[0].innerHTML = "htmlhere"; Any ideas on why its not working ?
Multiple selectors problem
I am populating a <div> with the html() function, after a link is clicked. Basically, I don't want the page to refresh, but put stuff inside the <div>. That works fine. However, I am passing a link into the <div>, and trying to select that too! It literally takes me to a different page, rather than populating the next <div>, as I expected. <script type="text/javascript"> $(document).ready(function() { $(".link1").click(function(){ $("#div1").html("<a href='#' class='link2'>click here</a>"); return
[jQuery] Removed iframe still loads
When trying to remove an iframe from the dom (i.e. $('iframe').remove ()) while the iframe is still loading, the iframe is removed, however the main browsers progress bar indicates that the iframe is still loading. Is there a way to stop it from loading and remove it? Thanks.
[jQuery] Show/Open jqGrid with hiddengrid: true on a click event
Hi all, I'm using jqgrid with: hiddengrid: true, when the page is loaded the grid is collapsed. I ask if there's a way to open/show the grid when I made a click event on a link. In example: $("a.show-grid").click(function(e){ //code to open/show the grid which is now collpased. e.preventDefault(); }); -- Massimiliano Marini - http://www.massimilianomarini.com "It's easier to invent the future than to predict it." -- Alan Kay
Problem with append
i cant append .. when i use Ajax someone please help me $(inp_user).blur(function() { // $("#err1").replaceWith('<div id="err1"></div>'); var user_wert = $(inp_user).val(); // Bei Weniger als 3 Zeichen eingabe - exit if (user_wert.length >= 3) { $("input").attr("disabled", "disabled"); $("#err1").append(msg[0]).animate( { opacity : "toggle" }, 300).animate( { opacity : "toggle" }, 800).animate(
[jQuery] Submitting after Validation
I'm trying to create a contact form using Jquery Validation and Ajax Submit. I'm having a problem figuring out the best way to submit the results to a php file. Below is a break down of my validation code. $().ready(function(){ $("#signupForm").validate({ rules: { fullname: "required", company: "required", phone: "required", email: { required: true, email: true } }, messages: { fullname: "Please enter your fullname",
[jQuery] class toggle navigation
Hello I'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working, no matter how many tips from all you gurus out there that I follow meticulously. It's the .img_selector div at the bottom of the page: http://www.thomasrugani.com/static/designobjects/02.html I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got <script type="text/javascript">
[jQuery] Treeview: wrong class for lists in hidden divs
When using the Treeview plugin in conjunction with the ui tabs I have the following problem: Lists that are placed in inactive tabs (not visible on pageload) get the "expandable" class assigned but (as default) are displayed in its expanded state, thus should have the "collapsable" class assigned. Lists that are displayed in the active tab on pageload get the correct class applied. Any idea to fix this?
[jQuery] (treeview) Collapsable hitarea
I have a treeview in my application and all works pretty well with it. I want the toggle +/- button to work as it does by default, but want the rest of the node to not trigger the collapse/expand event. How would one go about preventing this behavior? I've checked the other threads that are similar to my question but didn't get any answers that actually worked. Thanks, Ryan
[jQuery] Superfish plugin: some limitations that could be addressed
Hello, This is a message for Joel Birch, author of the Superfish plugin, to developers who may assist him (if any). It may be interesting to people working on similar plugins, dropdown navigation, etc. Superfish is a great plugin (thank you Joel for sharing it). It takes care of a lot of details, like some hard-to-squash IE7 bug, nice accessibility and usability enhancements, etc. While working on a project recently i encountered two issues with this plugin. Those issues are: 1. Superfish expects
[jQuery] CHROME - jquery ajax error, however, if I add "alert('whatever')" in front of call it works
I am stumped. the latest Google Chrome is now throwing error (giving aw snap page) when jquery.ajax is called. However, if I put an alert () message just before the .ajax call or if I pause the execution of the code using Chrome javascript console, the .ajax call works? If I simply try to pause execution of the javascript using setTimeout() then it does not work. This problem only seems to occur with Google Chrome. Any suggestions or thoughts? ----------------------------- function fillYearsCombo()
Next Page