Load one thing then another
I have a big dropdown box with lots of items in it. It takes about 5 seconds to load in IE6. How can I use jQuery to load rest of the page, and then load the dropdown last? Right now, the dropdown load freezes the entire page until it loads. Any suggestions? Thanks!
jQuery overflow text multiple column?'
Hi, I have three columns from the css on my webpage, I have some text that is overflow:hidden in the first column and two empty columns next to it. My question is how could I use jQuery to make the text overflow onto the next columns rather than hidden in the first column. I have provided a pic to try to explain better.
Including JQuery.js
Hi, I have recently started using JQuery and I'm having a bazaar problem. If I load a JQuery directly into the browser everything works fine, however, if I load the page through the web server, the JQuery.js file doesn't seem to load. I've tested this by changing the local JQuery include for the online Google API's version. Like I say my local JQuery file works just fine when not going through the web browser. I will include some example's. This always works: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
"name is undefined" with 1.4/1.4.1
Hi! After replacing 1.3.2 version of jQuery on my project I've got an error: name is undefined http://svyaznoy.ur.ru/doc3/js/jquery-1.4.1.js 4527 When I comment this line jquery-1.4.1.js the code works fine (but I'm not sure that without any hidden problems). I'm using many plugins, and don't know how to determine which is the reason. Roman
JQuery 1.4.x and portable browser code
Reviewing the JQuery 1.4 Release Notes (http://jquery14.com/day-01), is it now possible for Javascript + JQuery 1.4.x code to run under the main browsers (FF3, FF3.5, IE 6/7/8, Safari 4) without modification?
jQuery1264672892062="96" attributes in IE8
Hi, I'm having a little problem with jQuery adding weird attributes in IE8 like this one: <a title="'Templates' are pre-defined layouts on which new emails can be based." class="PopDownMenu MenuText" id="TemplatesMenuButton" href="#" jQuery1264672892062="93"> The real problem is, it also adds them to the html source of a tinyMCE instance. tinyMCE is used to edit content of web pages. So eventually those jQuery attributes get saved to the database and outputted on the website. The easiest solution
Ajax + ASP.NET MVC + Exception .... not working ?
Hello, I call my ASP.NET MVC controller like this : $.ajax({ type: "POST", url: "/Product/SaveOrUpdate", data: { id: getId(), name: getName() }, success: function(data) { }, error: function(XMLHttpRequest, textStatus, errorThrown) { } })My controller look this [AcceptVerbs(HttpVerbs.Post)] public ActionResult SaveOrUpdate(Guid id, string name) { try { //Code here and this code generate an MyPersonalException exception return
Mommy, where do new rows come from?
Hi, I'm building a web-app that has many places where I show an existing table that contain rows of editable fields, and need a mechanism for adding new rows to the table. My question is more or less a "theory" question... what's the best way to create the new rows? There are two options as I see it: server-side birth: At the time of html generation (in my case via PHP), a new blank row/record is created and hidden somewhere on the page. This hidden/blank record is then cloned for each new row.
Extending $(document).ready() core function
Hi folks, I have visited an article by Ben Nadel regarding extending jQuery core functions and need an approach for one of my problems. I have posted the question in Ben's article, but reposting it here for the benefit of people who might face similar problem and also for a consolidated solution. Here is my problem: I'm working in a very huge jQuery based project. Functionally, everything is almost done, but now I have few generic requirements to be implemented across all screens. For this, instead
Need help with advanced selection_
How do I write parts in red: $("all elements not hidden").dosomething(); AKA (all elements set to block/inline/visible NOT hidden/none)?
Get/set value in iframe from another iFrame - is it possible?
I have an order-administrations-system with 2 iFrame (left and right). Can I somehow click a link in the right iFrame and use that info to set a value in a field in the left iFrame? Thanks.
using jquery (dialog) across frames?
i have a frameset with a topFrame and a mainFrame. the topFrame is static and loads with all the supporting jquery files and is where the jquery object resides. the mainFrame is fairly dynamic and loads multple page sources. i'm trying open a .dialog() inside mainFrame using jquery from topFrame. i've tried different techniques to access mainFrame from topFrame. an eaxmple would be: $("body",window.parent.mainFrame.document).append("<div id='test'></div>); $("#test",window.parent.mainFrame.document).dialog({});
Creating a list of links from XML file/Wrapping text with anchor tags with href attributes
Hello, I am trying to solve this problem using jQuery: Broadly speaking, I have an xml file of URLs and Titles that I would like to use to build a list of links in this format: <p><a href="url1">Title1</a></p> <p><a href="url2">Title2</a></p> and so on ... The xml looks like this: <item n="1"> <link>http://www.mysite.com/page1</link> <title>My Site Page 1</title> </item> and so on. The function to parse the XML is (post AJAX call): function parseSearch (xml) { $(xml).find(item).each(function()
[jQuery] [validate] check <select> on change instead of on focus?
I just started using the grate validate plugin today and I can't really find an example of what I'm trying to customize... Basically, I think it's confusing for a select element to change on focus instead of on change, meaning: the user forgets to select an option, the drop down is highlighted with some CSS, so use selects an option, but CSS error styling doesn't go away until the user clicks somewhere else on the page... A minor gripe, but I'm a big believer of the Steve Krug "don't make me think"
Getting a div to slide back after choosing another...
I'm putting together a 'form chooser' that slides a form (div) from behind the menu when clicking a link. That's all fine and good. But upon choosing another, the form simply disappears and the new one slides from behind the menu: Here's the page... What I would like to have happen is when you choose another form to appear, the last one slides behind the menu as/after the next one appears.
Problem Shuffling a List (Vertical News Ticker concept)
I am writing my own vertical scrolling news ticker as I can't find one I like. The basic functionality is: Get the first item in a container (like a UL) and store it temporarily Remove it. Add the removed item to the bottom of the list. Slide the rest of the list upwards.In the example below, a UL is the target container. Each LI in the UL is removed in turn, added to the bottom and the whole thing works pretty good. Except in Internet Explorer 7 (IE7). I'm not even trying to get this working in
[IE8 bug] margin (top/bottom) disappears when toggling
Hi, I found a possible solution to: http://forum.jquery.com/topic/weird-disappearing-margin-in-ie8 http://forum.jquery.com/topic/ie8-bug-slidetoggle-disappearing-margins-example-included http://forum.jquery.com/topic/hide-problem-on-ie8 http://forum.jquery.com/topic/ie8-bug-slidetoggle-disappearing-margins It is a IE8 bug, when you try to hide a div vertically (slideUp) and then the margin (top/bottom) in between divs headers disappear ¿?. just apply the following css to the block(s) element(s) (divs,normally)
jQuery Slider & Wordpress - Newbie Question
I'm trying to utilize a jQuery slider (The Apple-Style Slider found here ) in Wordpress and can't quite figure out what I'm doing wrong. The layout I'm messing with can be found here. I suspect I'm overlooking something simple, but can't quite sort it. Any help would be appreciated. Thanks in advance.
jQuery DOM and script tags
When an element contains script tags, and the element gets moved/modified, the script is fired twice. Is there any way to fix this issue without modifying the contents of script tags? We have customers who may add script to their CRM and would be beyond my control. I have included an example of the issue. Note that this can occur in wrapAll, sortable, and anything else which directly modifies the dom. Test Sample : Copy this into a htm and correct the paths to the js files. You will see that
Expanding overflow: hidden text onto columns
Hi, I am in need of a quick fix for this problem with jQuery hopefully. I have some text that is generated from the database and this text is very large so I want it to expand to three columns on the page. I've created three columns with CSS with a class of "customColumn" which has a max height then overflow:hidden. Basically my question is can we use jQuery to take the text that has overflowed and make it continue on the next column? I have attached an image to explain what I mean. Many thanks!
Lag on jQuery (sometimes)
I just started implementing jQuery in the College site that I work on. I really like it, but on the pages I have used it on, I seem to get a 3-4 second lag sometimes. The puzzling thing is the "sometimes" part since this only happens about 25% of the time. The first place I am running into this is on the homepage. I have implemented a content slider using jFlow. Sometimes when the page loads there is a 3-4 second lag when you can see all of the slides. I submitted this problem to the tutorial page
Help with Jqueru Horizontal Accordian
Help Jquery I Have Customized The Following Menu To Suit My Purposes, How Do I Make The Effect Mouseover Instead Of On-click And It Must Not Bounce Or Overflow. Http://bit.ly/FceQ9?
every third click
how do I get something to happen every third click of a button? thanks!
Masonry as Callback function
I have a basic toggle switch that shows the clicked on div while closing all other similar divs. It also uses the Masonry plugin which works fine, organising the layout both horrizontally and then vertically when the page loads and when each div is clicked on. This bit works fine. Currently it works simultaneously with the other calls and therefore rearranges the divs before the toggle/show/hide methods are complete. Can someone help me have it as a callback function so that it rearranges the items
jQuery and IE, not behaving at all.
've been working on a website that is very jQuery intensive in Chrome and Firefox. It's now come to the stage where one opens it in IE and sees WTF IE is doing to the website. I've gone through the jQuery stuff and I really can't see what is wrong with anything I have written and IE just gives the error "Invalid arguament - line 142 - jquery.js" (the actual jQuery source file). On the website jQuery has two main purposes, updating elements with Ajax and JSON and moving elements around (hiding/showing
Anchoring target when using slideToggle
Sorry if this has been covered here - couldn't find anything searching on it. i'm using slideToggle which reveals a large element upwards; http://api.jquery.com/slideToggle/ Given that the element revealed is very high the anchor tag that is used to show/hide sometimes disappears. I've tried return false; but that doesn't fix it. Any idea? Thanks
howto check if file form field has file selected?
how can i check if file form field has file selected or is empty? val() returns "" if it's empty so i'm using: file_selected = new Boolean($("form input[type=file]").val()) is this ok or is there a better way?
Deleting a node
Hi, How can I delete a tag when backspace or delete key is pressed? Scenario: I have text and html like this: text: << sometext>> html: <p><span id="ChevronSPAN4"> <a id="chevronStart0" href="#ChevronSPAN4" target="_blank"><<</a> <a href="#ChevronSPAN4" target="_blank">>></a> </span></p> <p><span> </span></p> When the user presses delete or bacspace when the curosr is at "<<" or ">>" i want to delete correponding (previous or next span tag) Reagrds, Sandee
Add elements to DOM the right way
Hi all So, I have a table with some rows and 3 columns in each row. I want to add a row with jQuery, what is the correct way? I could do something like: $("table").append('<tr> <td><h1>Example</h1><p>This is a sample</p></td> <td><a href="#" class="link">A link</a></td> <td class="nobg"><span class="test">This is a span</span></td> </tr>'); That just doesnt seem correct. I've seen people do stuff like jQuery('<div />').someStuffHere().appendTo('.someDiv'); but I can't find
Parsing Ajax XML reply not working on IE 6
Hi everybody, I have the following simple ajax call in a .ready() function : $.post("mypage.php", {refresh : "no"}, function(data) { alert(data); alert ($("status", data).text()); updatePage(data); }); When triggered on FF I get: <?xml version="1.0"?> <response><status>success</status></response> in the first alert and "success" in the second one. When triggered on IE6 I get the same in the first alert, but the second alert is empty. Any ideas? Thanks Marius
Newbie Conflict problems with jQuery
having trouble with a conflict between a fade script and a lightbox here is the code hoping someone could point me in the right direcion? <!--lightbox script--> <script type="text/javascript" src="_common/js/mootools.js"></script> <script type="text/javascript" src="lightbox/lightbox.js"></script> <script type="text/javascript"> window.addEvent('domready',function(){ Lightbox.init({descriptions: '.lightboxDesc', showControls: true}); }); </script> <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
Problem event click
I have a problem with two click functions, the problem is the slideDown delay, if i do click on 'titolMenuBLink' after 'titolMenuALink' the two contents appear on the web... How i can disable 'titolMenuBLink' until the complete action $('#contingutMenuA').slideDown (1500); is done? Thanks! CODE: $(document).ready (function () { $('#titolMenuALink').click (function () { $('#contingutMenuB').slideUp ('fast'); document.getElementById ('titolMenuALink').style.color
jquery code problem
i have this code Code: var fadecolor = '#008000'; var fadeduration = 600; var original = $wpmod('.comments-no a').css('color'); $wpmod('.single').hover ( function() { $wpmod('.comments-no a').animate({ color: fadecolor },fadeduration); }, function () { $wpmod('.comments-no a').animate({ color: original },fadeduration); }); when i hover over my 'single' class [as mentioned in the code] , all the links in that single should fade to a diffrent color, the funny thing that is happening whenver i hover
Is any way of finding an element more efficient than another?
Since jQuery parses the entire dom first, is there any efficiency gain in directing it via the entire CSS chain rather than directly to an ID? That is, if I have a Div with an ID of "foo" and it contains a P with an ID of "bar", is there any speed advantage in using $(div#foo p#bar) as opposed to just using $(p#bar), assuming jQuery would be more efficient if it had both indexes?
unable to test 'data' for specific value
I'm unable to test 'data' for specific results, even when I see that 'data' is the value I'm testing for: $.post( "phpScript.php", $("#form").serialize() ,function(data) { alert(data); //even if I see that the data is "hello" here, if ( data == "hello") { alert("yup, the data is hello"); //this doesn't occur. }; }); Does anyone know what I'm doing wrong here?
Saving current HTML code source to file
I'm new to js/jquery and this forum so please forgive my potentially off-scope js/jquery remarks. I've been running a lot of toggles to show, hide, etc... divs and other HTML elements. It's making my application incredibly nice navigation wise. Now to put myself in my users shoes. Say one user toggles on and off the things they want and don't want until they are satisfied with all the content of the screen. (That is by the way the nature of my application. A user loads in various variables via PHP
jQuery AJAX call to ASP.NET method through UpdatePanel?
Hello! Does anyone know how to call a method from JS through UpdatePanel with jQuery? I cant call WebMethod cause it is static (I have a custom control and it is statically inaccessible). What I have: Custom control on a ASP.NET website in UpdatePanel What I need: User clicks on a link and JS does its magic and than I have to post (AJAX) changes to server (custom control). How do I achieve this with UpdatePanel (I cant jQuery ajax call) - how can I call a method on server with some arguments from
How to get selector from .html(output)
How to make it works if #register_user is added by function Register() ? $("#register_user").focus(function() { $(this).attr("value",""); }); Whole script: <script> $(document).ready(function(){ $("#faq").change(onSelectChange); $("#LinkBox").focus(function() { $(this).attr("value",""); }); $('#sign').click(SignIn); $('#register').click(Register); $("#register_user").focus(function()
mouseleave behavior after AJAX load
After attaching mouseleave event to <div> container and then loading a <form> to a child <div> using AJAX load method, the <div> container starts behaving like it has mouseout instead of mouseleave. ie, everytime I mouse over an <input> element, the <div> container fades out. I tried to unbind before load and then bind after load but still no dice. Here is some code: HTML: <div id="ftr-blurb"> <div id="ftr-blurbmid"> <div id="ftr-blurb-copy"></div> </div> </div> JS: function blurb_out
Issue with datepicker when used in conjunction with simplemodal
I'm not quite sure what to do here. I am using a form in conjunction with simplemodal, where elements in the form use datepicker from jqueryUI. The datepicker launches fine the first time the form is presented, but if the form is closed and reopened, the datepicker is lost. I have tried using datepicker('destroy').datepicker to reestablish the datepicker, but I get an inst error when I do this. Thoughts? Example can be located at test.clickonce.ca/test2.html. To see the issue, click on Launch modal,
Next Page