[jQuery] Content called using $().load() isn't displaying in IE (content contains an Iframe)
Hello, I have some code that loads content into a div using the .load function in jQuery. Now, the content that is pulled from the page is a in a div and in one of the div's, I have an I frame. The code I have works for FF Opera Safari but in IE the page doesn't do anything (Or at least, Doesn't show anything) Ideas Comments? Code: $('.ajax').bind("click", function(e) { e.preventDefault(); var fileName = $(this).attr("href"); $('#content').fadeOut('slow',function(){
[jQuery] IE7 Zoom and the cluetip plugin
Hi, everybody, I have a problem with IE7/Cluetip plugin. IE7 Currupts the tooltips in the jQuery ClueTip plugin if you zoom the page. See, eg., the example on the Cluetip demo page plugins.learningjquery.com/cluetip/demo/ , default style, 9. mouse tracking. Zooming is a good property, though not if it is poorly implemented. It seems to be in IE7 (google confirms), so it is either give up the Cluetip or ignore IE7, unless there is some remedy, which I am not able to find. Has anybody hit on a way
[jQuery] Removing all styles from an element-
The scenario: I am developing a module that will live on any page it's requested to live on (any website). The issue is that if the website it's on has a broad style definition (ie. p { margin: 20px; }), this will affect my elements (in addition to the styles I define). Is there a way I can ensure that only the styles I apply are used, or to clear all styles of my elements before I apply my own? So if someone has such a definition on their page, it won't effect my module. I know I could explicitly
[jQuery] Looking for a JQuery Validation Control
I'm looking for a JQuery Validation control that will allow us to show a small image if a form field is valid. So for instance a user is filling out a form..tabs to the next form field. The previous form field will show to the right of the field a little icon signifying that it's a valid entry. I've looked at all the controls in the JQuery Plugin page and don't see one that will allow me to do this. Anyone here know of one or a way using a plugin to modify it and show a pic like this during validation?
[jQuery] double popup using blockUI?
Hi I have a requirement to display a modal dialog and then show a further informational popup - does blockUI support a 'double popup' - when I call blockUI from the first popup the second displays but the first is removed, how do I override this behaviour to keep both displayed? Thanks, dan
[jQuery] $.getScript - passing the response.
I'm using $.getScript to get XML from a remote server. How do I pass the response text from that request to another function? Here's the pseudocode: $.getScript(getURL, function(){ processXML(); }); How do I pass the response text to processXML? Thanks!
[jQuery] Is there a problem with Child selectors in Safari with 1.3?
Hi I've got an application that has a pop up div which has controls that submit an ajax post before which I'm getting some hidden variables from within the popup div, I'm using 'live' with the popup div controls. I'm referencing the elements by their parent id then their specific Id, eg $("#container > #elmId").val(). This works fine in firefox but not in Safari, I get an undefined if I alert the variables. It also works fine in both browsers using jquery 1.2.6 but not with 1.3. Has anyone else has
[jQuery] Dynamic form - adding new input element doesnt work in IE
Hi, I have a form which is embedded inside table, and I'd like to add new form input to it. Here is my code: function addRow(size){ // need to capture the row class, to add to the new row var firstRow=$("#dmsProductTable > tbody:first-child > tr:first- child"); var firstRowClassNames=firstRow.attr('class'); var columnsInFirstRow=firstRow.find("td"); var numColumns=columnsInFirstRow.length; for (var i=0; i<size;i++){ // need to capture the new
[jQuery] [treeview] unique: true - possible error
Based on async demo and jquery 1.3.1: $(document).ready(function(){ $("#black").treeview({ collapsed: true, unique: true, persist: "cookie", url: "source.php" }) }); Page loading makes one request for "source.php?root=source" that is OK. When I click on node to open then treeview makes requests for every node on clicked level depth. I thing it is error becouse when I set "unique: false" then click on node makes only one request per click.
[jQuery] Encoding characters using load("some_file.html")
How to encode special caracters when requesting a **HTML fragments** using the jQuery AJAX method load() ? There are tons of discussions on this subject but I didn't realize the right (best) way to go. Or how many ways ("bullet proof") are there? Please have a look at a test case: http://www.livrojquery.com.br/ajax-jquery/teste1-load-html/load-html-en.html TIA Maurício
[jQuery] possible jQuery ui icon bug
Run the "jQuery UI Sortable - Portlets Demo" and try swapping "ui- icon-minusthick" for "ui-icon-plusthick", and you will notice that it only seems to see the "ui-icon-minusthick" part of the image. This appears to be the case for any pairing of icons where the second icon appears to the right of the first icon in the ui-icons_*.png file.
[jQuery] jQuery conflict with mootools
Hi. I'm currently developing a website and want to use jCarousel from sorgala.com (http://sorgalla.com/jcarousel/). It use jQuery ver. 1.2.3. But on same page, I use accordion menu that use mootools ver. 1.2. At first, there is a conflict and the accordion menu didn't work. After some searching and reading, I add '<script type="text/ javascript">jQuery.noConflict();</script>' after the definition of the jCarousel (the script definition of accordion menu is above jCarousel). I'm glad that the problem
[jQuery] Using clueTip in a ASP.Net website
I've managed to set up the clueTip plugin to display extended information for a datarow in a grid. The tooltip works fine on initial page load, but I use AJAX to perform partial page postbacks for editing the records in the grid. When returning from edit mode back to grid mode, the clueTip no longer takes appears, and instead the standard tooltip appears when hovering over the 'offending' element. Is this a restriction of the plugin, or should I be doing something else with the script to ensure that
JSON and escape characters
Hi, I'm already stuck. Have been trying for several hours to understand this, but I just can't get into this JQuery/Json world. Here's my problem. I've create a WCF REST service wich returns JSON. The service returns HTML, so the plan is to just load the response directly into the HTML DOM. Here is the response sent from the REST Service: "<li xmlns:ddwrt='http:\/\/schemas.microsoft.com\/WebParts\/v2\/DataView\/runtime'><div class=\"image \"><a href=\"http:\/\/moss1:10000\/News\/Corporate - English\/CEOCorner\/Pages\/BreakingNews1.aspx\"
[jQuery] Join me on Bebo
I think you will like it. Click to find out why http://www.bebo.com/in/8643502756a306595716b135 ...................................................................... This email was sent to you at the direct request of Yasantha Thushara <thusharaweerasingha@gmail.com>. You have not been added to a mailing list. If you would prefer not to receive invitations from ANY Bebo members please click here - http://www.bebo.com/unsub/8643502756a306595716 Bebo, Inc., 795 Folsom St, 6th Floor, San Francisco,
Top level exception mechanism
Is it possible to add a top level exception mechanism? I use JQuery to register a handler for some event like this: $('#myButton').click(function() { doSomething(); }); Then, somewhere deep inside my doSomething() code, an exception is thrown. var doSomething = function() { throw new Error('Something went wrong.'); } What I want to do is to act on any uncaught exception like this one and handle it (display an error message or whatever). Is this possible to do with JQuery?
[jQuery] Jquery Treeview bug in Tapestry5
Hi, I'm using Tapestry5.018 (using Prototype and Scriptaculous for front end). I love Jquery and try using TreeView plugin for processing tree. Everything is ok so far but a bug with remove function in jquery.treeview.edit.js. With existence of prototype.js , remove a node in tree will remove a tree. Without prototype.js, remove function works ok. I guess there is a conflict between prototype and jquery but can't find the solution. I'd appreciate your help. Note: prototype.js is automatically generated.
[jQuery] innerWidth issue
Hi, i have the following html code: <div id="#ARGrid"> <table class='framework'> <thead> <tr> <td class='.gridtitle'>this is a simple test</td> </tr> </thead> </thead> </table> here is my css file: <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"> #ARGrid { border : 3px solid #aaaaaa; padding : 0; margin : 0; font-family : verdana, tahoma; font-size : 10px; } .framework { background-color
[jQuery] A small incompatibility about selector on Jquery 1.3.1
The following works on before Version: $('#zz input:not([readonly]):first').focus().select() On Ver 1.3.1, it won't work unless you change to: $('#zz input:not([readonly=""]):first').focus().select()
[jQuery] Google Chrome and jQuery 1.3.1 selector issue
Hi I am having trouble with jQuery and Google Chrome (and I guess webkit) selector Basically I have a bit of code than does a wrapInner of my .bannergroup classes (wraps it's children with a div.carouselBelt) OK when I use Firefox I can do this.... $('.bannergroup').find('.carouselBelt').position(); With Chrome it fails (unable to get offset parent BUT this works $('.bannergroup').find('.carouselBelt')[0].position() ....very odd as [0] should return an element but actually returns the jQuery object
Pixel Rounding in simultaneous animations (ala an accordion)
I'm hoping for some help with an issue I'm exploring right now. Proviso: I make no claims to being a great javascript developer, and will appreciate any degree to which I can be forgiven for ways I may say/do things poorly. A coworker was trying to set up a simple accordion in jQuery with a simultaneous slideUp and slideDown. He noticed that there was a bit of a pixel jog/flicker/bounce for elements beneath those that were animated that was annoying to a careful eye. So I started reading through
How to exchange items between two lists?
Hello I'm searching for an script to exchange items between two lists using jquery, I found droppable and dragable in jqueryUI but there isn`t an example to use with two lists. Do you know any tutorial? thanks
How do you see all elements in xml?
I have a php page that spits out xml. If I call the page directly I get xml that looks like this: <?xml version="1.0" standalone="yes" ?> <data> <id>21</id> <nbr_rank>1</nbr_rank> <new_total>1</new_total> </data> I also have the php script write to the error_log the same thing that it sends to the brower, and I am seeing the same thing: <?xml version="1.0" standalone="yes"?>\n\t<data>\n\t\t<id>21</id>\n\t\t<nbr_rank>1</nbr_rank>\n\t\t<new_total>1</new_total>\n\t</data> However, if I try to access
cant find my first child when walking down the DOM tree
For some reason i cant find my first child. $("p.menu_head_expand").click(function() { This works: $("#siblingI a:first-child").css({color:"red"}); But this doesn´t: $(this).siblings("div.menu_body a:first-child").css({color:"red"}); }); The tree where i want to find the first <a>:"ball" <p class="menu_head_expand"><a class="animate expand" href="#">behandling</a></p> <div class="menu_body" id="siblingI"> <a class="animate" href="#">ball</a> <a class="animate siblingII" href="#">ring</a> <a class="animate
[jQuery] typo in docs for "post" entry
Hey, I couldn't tell if this should get posted here or in Trac, so I'm posting it here. I wanted to point out a bug in the docs: http://docs.jquery.com/Post function(returned_data) { alert(data); }); should be: function(returned_data) { alert(returned_data); });
[jQuery] Sortables and .live
Hello, group! I'm using jQuery 1.3.1, UI Core 1.6rc6, and UI Sortable 1.6rc6 on a page. I couldn't find any documentation on how to use the new .live event with the sortables. It's got to be possible, right? Here's my sortable code: $("#the_list").sortable({ handle : '.handle', axis: 'y', update : function () { var order = $('#the_list').sortable('serialize'); $("#info").load("process-sortable.php?"+order); } }); I'd appreciate any help!
[jQuery] loading jquery functions for a form, loaded with ajax
Hi. In my application, i need to load a page with ajax. Loaded page contains jquery functions, to handle form submitting. The problem is that when i load that form with ajax, none of the functions works and when i push "submit" it opens target url, not reloads itself with ajax.. when i open the page directly, by typing it's address, everything works fine, form submits etc. How can i force jQuery to work, when loaded by ajax? here's the source: <table width="600" border="0" height="100%" cellpadding="0"
[jQuery] how to include JQuery from a page loaded by AJAX?
Hello, I got a simple page ( html ) loaded by AJAX, but it seems JQuery inside that page didn't work, appreciate if anyone can give me some hints how to implement it. html content, just simply corners a DIV guestbook <script type="text/javascript"> /* <![CDATA[ */ {literal} jQuery(document).ready(function(){ (function($){ $('#guestbook').corners({radio:5, outColor:'red'}); })(jQuery); }); {/literal} /* ]]> */ </script> <div id="guestbook">Guestbook</div> PS: I am using 1.2.6
Strange selector issue...
Simple html : <ul id="col1" > <li id="weather.ascx" class="widget"> <div class="head"> </div> <div class="content"> </div> </li> </ul> Now two different ways of trying to access "weather.ascx" : 1) $('[id="weather.ascx"]').find('.content').hide(); 2) $('#weather.ascx').find('.content').hide(); Simple selectors called within the success element of AJAX call but the first selector method works the second doesn't. Probably a really simple explanation could someone assist ?
jquery.scrollable not working IE 6/7
We are working with a jquery.scrollable object positioned below a form styled with jNice. When clicking on the select in FF the result display on top of the scrollable object, which is what we were trying to achieve. In IE 6/7 the results are obscured by the scrollable object. I think we've looked at this for too long so can't see the wood for the trees so any advice would be appreciated. Cheers
question about resizable divs
Hello Everyone This is my code for the resizable div <div id="slideOptions" style="height:500px;width:300px;top:176px;position:absolute;left:302px;border: medium double black;background-color:white"> <div id="resizeE"> </div> </div> The div is empty.The div shows up on the page and I am able to resize it as expected. Now I added a few text boxes inside it <div id="slideOptions" style="height:500px;width:300px;top:176px;position:absolute;left:302px;border: medium double black;background-color:white">
toggle(slide) not working in ie (and safari, chrome)
hello all, i'm new to jquery and now ran into the first problem. Here i made a testcase: http://www.45miles.de/jquery_test/test.html The 3 "Buttons" funktion 1, funktion 2, funktion 3 should do all nearly the same. Expecially the first and the third. The fist on works fine in all Browsers. The chosen div slides in and out. Well i thougt then, ok, now the samen once more with the third one. But here the "slide"-effect doesnt work in the above listes Browsers. It works in Firefox and Opera. Now i could
[jQuery] using :has with selector
Anyone can think of a reason why this shouldn't work? I'm trying to select the Row (tr) where the cell of td with class "someclass" contains "mytext". Since I want to work on the row (tr) itself, I need to use :has because I don't need to select the td itself. Am I wrong or am I wrong? $("#tableid tbody tr:has(td.someclass:contains(mytext))").dosomething ();
[jQuery] Hiding Dialog 'x' button
Hi I want to hide the 'x' button on the dialog dynamically. Is there a good way to do it? or is there a setting? i couldnt find one. All i can think of is doing something like $(".ui-dialog-titlebar-close").css("display", "none"); However I dont think this is a good way. And if i have more than one dialog on the page then all 'x' buttons will disappear. Thanks
[jQuery] span and div problem with jquery
I went over a tutorial and I am using span and div tags to select the hover actions. the problem is both the div and the span elements dont end at the picture I am using, it is stretching all the way across screen. I was told before to use span to fix this problem over the tag, which it workd then, but now it doesnt Here is my jquery : <script type="text/javascript"> $(document).ready(function(){ $("span").hover(function(){ $("#stuff").animate({ height: 'hide', opacity: 'hide' }, 'slow'); },function(){
[jQuery] Superfish + Themeroller?
Just wondering if you've considered adding the new jQuery UI CSS fraework classes to your plugin to make it compatible with ThemeRoller and easy to theme. It's just a matter of adding a few classes and keepign your structural styles separate from the bg, text and border color styles (supplied by the theme) Here is the info on the framework: http://docs.jquery.com/UI/Theming/API And an article that walk through how the classes are used: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
[jQuery] Replace part of a src= value
Hi All, I am new to jQuery and am having a hard time figuring out what i am looking for in the docs an don this forum. What i want to do is create a little jquery script that checks to see if the browser is msie and browser.version is 6.0 I have that part done: jQuery.each(jQuery.browser, function(i, val) { if(i=="msie" && jQuery.browser.version.substr(0,3)=="6.0") { } } }); I was able to display an alert. cool. now what I would like to do is if the above is true and the agent is msie 6.0
[jQuery] How do I update this with ajax??
Hi!! I have a page with DatePicker and a list of events that occur in some respective date. So, when a person selects a date in DatePicker, this date is passed as an argument to a method (I'm using asp.net mvc) and this method returns me all the events of the chosen date. The problem is the page refreshes every time this process is done. So, what's the best way to make this via Ajax?? $.ajax.get?? $.ajax.post?? What do you recommend? And how can I when update this list events of my page?? Thanks
[jQuery] Validate - submit confirmation message
Hi. I have the form working properly with the Validate plugin, but when the massage is sent, I get a page showing the PHP code. How can I get a page with a confirmation that the message has been sent, instead? I'm not good at this, so I appreciate any help. Thank you very much.
Looking for a JQuery Validation Control
I'm looking for a JQuery Validation control that will allow us to show a small image if a form field is valid. So for instance a user is filling out a form..tabs to the next form field. The previous form field will show to the right of the field a little icon signifying that it's a valid entry. I've looked at all the controls in the JQuery Plugin page and don't see one that will allow me to do this. Anyone here know of one or a way using a plugin to modify it and show a pic like this during validation?
Next Page