jQuery issue: Fancybox in IE9
Surprisingly enough, I'm already having issues with IE9. I'm on 64-bit IE9, but I don't know how much that matters. I use a jQuery plugin called Fancybox (http://fancybox.net) on a couple of websites, and when I load fancybox.net or any of the sites containing fancybox, I get this error: line 72 appendChildOriginal(element); jscript debugger breaking on jscript runtime error - invalid calling object This error appears not only on this page, but ironically even msn.com kicks this error on page load
problem with a .change() event
Hi, I have this page with this single choice select box: <select id=DIM_T> <option value="HOUR">Hour</option> <option value="HOURS3">3 Hours</option> <option value="DAY">Day</option> <option value="WEEK">Week</option> </select> I want to use this function as an handler: var setTimeStepper=function(selectName){ var selected=$("#"+selectName+" option:selected"); window.alert(selected.data("step")); } And I call it like this: $("#DIM_T").change(setTimeStepper("DIM_T"));
Reload whole Flexigrid
I am using Flexigrid, pulled from JSON, and would like to be able to add columns. Is there a way to wipe and replace a grid while keeping the rest of the page intact? Is there another way to add columns on the fly? Thanks, Jonathan Hayward
jQuery CKEditor Plugin
I am trying to use this plugin to work with the CKEditor. The only problem is that CKE will ignore the default config file. I wanted to add a <input type="file" ... > item but the code needs to go into the default file and am not sure how to add it when using CKE with JQ like this. Suggestions?
Regarding scroll state of div
Hi, I would like know, how to remember the scroll state of div. I am using datatables jquery plugin for my table with vertical scrolling. I scroll something and click-on some link, after that if i press back button then the scroll position goto the top. I would like to keep it at the last position. Please help me with this.
How to manipulate history? How to handle destructive or state-changing POST requests?
A practical problem when building a web app with jquery-mobile. I login through POST and then do redirect (to "/") after the user is logged in. But I get a back button, and a location bar that says "/#/util/login" in, the back button takes me to the login page. I don't want a back button, and I want to reset the cache of pages. What would be the best way (canonical jquery-mobile) to achieve this? Should I include a little inline javascript on the page that is shown when logged in that manipulate
Changing Accordion behaviour
Dear Forum, I would like to change the default functionality of the accordion widget to show category information. For example, if a category has subcategories, then the accordion will open as usual and list the subcategories. However, if a category does not have subcategories, is it possible to prevent the accordion opening up an empty content pane and go directly to a link that I specify? ie load up a page that shows the products for that category. Best regards, Minh
Is it possible to clear a done() queue?
Subject pretty much says it all. Let's say you've used deferred.done() to add several functions to a Deferred's queue. One of those functions finds a problem and wants to stop everything else from executing. How can the queue be cleared so none of the remaining functions are called?
jquery post (ajax) works in IE but NOT in FF and Chrome?
Dear All, Please help me on this: I wrote a little program. When the home page loads, I added <body onload="get();"> to retrieve data from database using PHP and then display on the same home page. The codes imported to the home page also include a simple form with Submit button: "<form name='commentform'><textarea row='5' cols='20' autofocus form='commentform'></textarea><br /><input type='submit' id='sub_comment' value='Submit' onClick='addComment()'></form>". When a user clicks Submit button,
Superfish CSS Questions
Here is the Superfish menu I am working on: http://linford.us/common/header.php, (based on the http://users.tpg.com.au/j_birch/plugins/superfish, Examples / nav-bar style). If you hover over Web Solutions / Dropdown Test, You will see that the dropdown CSS is currently screwed up. What I would like the dropdown to look like is this (Hover over Dropdown): http://demo.templatesquare.com/html/hostingsquare There are two issues: 1 - How do I get rid of the pipes on the dropdown without messing with the
theme background does not fill page
when I create a page that onlt has a line or two, on my iPhone and iPad, the background color only fills the top 50-70%. How can I make it complete the entire available background. thanks.
Reloading a tab from the inside of the tab..
Hello, first time on the jQuery form but I've been having some trouble with getting the correct code to display what i'd like.. I'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information. However the only thing I have been able to do is fade out
Show/hide Multiple divs, and remember the has for each???
I'm fairly new to js & jq, I have been working on this for hours now. I have been trying to get this to work, and got it half way. I know it is in my hash tag, but can't find any good help on split/join to remember both. I'll paste my js in a minute. Here's what I am trying to do: 1- I have 2 or more divs that will show one tab, and hide all others (I have been trouble shooting just 2 divs for now). 2- Let's say div #1 has tab 4 of 5 selected, and div #2 has tab 3 of 4 selected. 3- When someone refreshes
jQuery validate custom method not getting called
I have used `jQuery.validator.addMethod` to create a custom validate method that will make sure there is at least one row in my data-entry table. Using Firebug, my breakpoint in the method isn't being hit at all. Am I missing something? Note: I am sure there are problems with the validation method itself, but that is because I can't debug it yet. I am still very much a novice with JavaScript. Here is what my table looks like: <table id="editorRows"> ... <tbody class="editorRow">
Possible Bug in jquery.Form (from malsup.com)
Hi there, possibly found a bug in this plugin and want to ask if anyone can verify this or have found the same issue. I want to get the result of an ajax-script which is encoded in json (using php's json_encode();). However, if I include "<" into the result-array, nothing happens and even the success-method is not called. It's a bit irritating because on another script which is mostly the same in each line, the success-method is called without problem. I asked a friend programming alot with jquery
Some problem with the load() function.
I have a "content" div which is used for the .load() function to display some other jsp page. For example, $('#content').load('tag.jsp'); The major function of the tag.jsp is load data from a table. I got a problem in this scenario. In my main page, i have done something such as inserting data to the table. And then run again the script: $('#content').load('tag.jsp'); and expected to view the updated result. However, sometimes i can see the updated result immediately and sometimes after inserting
Appending a List - No Styling - Can Anyone Help.
Hi, I am trying to create my first Web App but have stumbled onto the following problem. I want to append a list via an AJAX call but when I append the list no styling is applied to it. <div id="resultLog"></div> <ul data-role="listview" id="sample" data-inset="true" data-theme="a"> <li id="history"><a href="history.html">History</a></li> </ul> </div> And below is the AJAX call. <script> $(function() { $("#callAjax").click(function() {
Form Submit and Ajax call
Hi all, Please let me know whether this works..(ajax call inside form submit) Thanks in Advance.. <html> <head> <script> $(document).ready(function() { $("#form1").submit(function(){ $.ajax({ url:"servlet2", data:({name:"kiran"}), type:"POST", dataType:'xml', success: //any code here }); }); }); </script> </head> <body> <form action="servlet1" name="form1" id="form1"> <input type="text">data</input> <input type="submit">submit</input> </form1> </body> </html>
Prepend content to .load ajax call (jquery infinite scroll plugin)
Ok, so I'm using the wordpress infinite scroll plugin for a project: http://www.infinite-scroll.com/ Everything works fine, but I would like to have a div loaded before each page with the page number and an anchor link to the top of the site. I tried a bunch of things on the php side, but this plugin seems to grab individual posts, so any content that I add gets posted to every single post, and not the top of the page. So I went to the javascript side and am looking for the point where the content
dynamic div height detection and matching
Hi Folks, Hope you can help me out here. I have 2 divs in a wrapper div. left inner div floated left and the right inner div floated right. The left hand inner div contains a number of suckerfish slide down divs which contain dynamic content and ultimately slide down the height of the left hand div when one of them are expanded. My problem is that I want the right inner column [ which just contains text ] to change height to match the left div when the dynamic content in the left div is clicked on
.mouseover on various divs
I'm learning jquery and code below makes hovering a div in another div to appear, and when the mouse leave the div disappears. But as you can see, the div "visualizar" this in a loop and when I move the mouse in a div appears in all, I wonder how I can make a div to appear at a time, I could modify the code? script jquery: <script type="text/javascript"> window.onload = inicia; function inicia() { $("#visualizar").mouseover( function() { $("div.editarVis").show("slow");
always focus on page title?
hi there, is it a way to use always focus on pagetilte? or what is the fist element that i can use as focus? in my case i load pages with ajax, and if i jump a lot of times from one to onother page, the focus is on the last button i use, but i want the always the focus on page title or alway focus on first focusable element.. what can i do? cheers j.
jQuery UI Slide. Problem with background repeat and percentage.
I have a sprite 6px 9px x, but the slide plugin to jQuery UI does not allow me to manage the length in pixels, since the percentage is not accurate. How can I fix this?
Why firebug did not find the error of these codes?
hi guys Just wondering why firebug missed the error, $(function() { $('#submit').click(function() { $('#container').append('<img src="img/loading.gif" alt="Currently Loading" id="loading" />'); var select = $('#select').val()); var title = $('#title').val(); var description = $('#description').val(); $.ajax({ url: 'submit_to_db.php', type: 'POST', data: 'select=' + select + '&title=' + title + '&description=' + description, success: function(result) {
get last value from textbox?
When someone hits enter I want the last value of textbox with id keywords How can I do it? $(document).ready(function() { $('#keywords').keyup(function(e) { if(e.keyCode == 13) { alert($('#keywords').val()); } });
jquery conflice
my existing js is : jQuery JavaScript Library v1.4.2 and present my color picker js is :jQuery JavaScript Library v1.3.2 . So, I am getting conflict , plz try to help me how to solve this problem
Link inside Accordion content pane
Dear Forum, I've created a default accordion and inside one of the content panes I have an anchor that links to another page. However, when I click on the link, the event seems to be consumed and hence it doesn't open the intended page. Would anyone know what's causing this problem? Best regards, Minh
add delay to inside zoom
I'm using the great cloud zoom jquery plugin to add inside zoom to an image in my site, but I want to add a delay on the hover before the zoom takes place. I created a jsfiddle so you can see the code in action http://jsfiddle.net/eTvKK/1/ hover over the image and the effect takes place immediately. I'm not sure how to make it wait say .5 seconds before it happens. So far there is no jquery involved from me, I just put the image inside a <a class='cloud-zoom' href='address of big image'><img src='address
toggleClass confusion
I'm probably just being really thick but i'm confused about this... click specifically: $('#foo').toggleClass(className, addOrRemove); I basically want it so that when my <div class="unselected"> is clicked, it becomes 'selected'. and vice versa what i have is: $(document).ready(function () { $('#mydiv').click(function () { $('#mydiv').toggleClass('selected'); }); }); That adds and removes 'selected' from the DIV but i want it to switch between 'unselected' and 'selected'... Thanks for any help,
Show text when clicking on button
Hi Folks, I have the following website: http://beta.visueel-adv.be/nl. As you can see, there are a couple of news items. In fact, there should be 3 items on the homepage, the rest should be hidden. When you click the button "oudere nieuwsberichten" what means "older news", the other newsitems should be shown underneath the 3 existing ones. Is there a jquery plug-in to do so? Thanks a lot for your answer(s)!
making the default value of radio buttons to NO
I have an input radio buttons like this <input type="radio" name="radio1" class="abc" checked>No <input type="radio" name="radio1" class="abc">Yes So i want to make it checked once i am done with procesing, currently it is just removing the attribute and keeping both empty i tried using.reset() event but it is not working! Can anyone guide
Jquery Star Rating
Hi! I am trying to use Jquery Star rating plugin, but it seems hover label function is not working for me. Anyone have an idea why not? <script> $(function(){ $('.star').rating({ focus: function(value, link){ // 'this' is the hidden form element holding the current value // 'value' is the value selected // 'element' points to the link element that received the click. var tip = $('#hover-test'); tip[0].data = tip[0].data || tip.html(); tip.html(link.title
Problems simulating a DnD
hi everyone, i want to simulate a drag and drop. so what i tried was, i got me the simulate.js and then i tried something like: var dragThis= $j('#someID'); var dropTarget = $j('.someID2'); and then i though something like: dragThis.simulateEvent(dropTarget , "drag", {}) or dragThis.simulateEvent(dropTarget , "drag", {}); should work .... i always get the error "simulate" or "simulateEvent" is not a funcion ... sorry its a noobish questiong ... but i dont usually work with js and jquery - i 'just'
Am I able to access all of jQuery functionality while I use jQuery Mobile?
I'm using jQuery Mobile on a site and I'm having trouble getting jQuery Core methods to work. Any page that initializes jQuery Mobile will not invoke my script. Here's the order I'm loading them: <script src="js/jquery.min.js"></script> <script src="js/ess-mobile.js"></script> <script src="js/jquery.mobile-1.0a3.js"></script> Does anyone else have this problem? Am I able to access all of jQuery functionality while I use jQuery Mobile?
Change iFrame src then fadeIn once loaded
I have the code for changing the iframe src and i have it fading in, but sometimes it fades before the page has loaded. Can i make it wait until the page is loaded before fading it in?
How to execute javascript code when finger is lifted from a slider.
I'm trying to get a code to execute when a user lifts his finger from the slider. is there a sample code or documentation that can help me do this? I found instructions on how to do this on the following link, but it did not work: http://stackoverflow.com/questions/4583083/jquerymobile-how-to-work-with-slider-events Any help is appreciated Roy
A line was appeared in my android phone..I used only select menu !! Help me...
Hello, sir. I made a sample program, It used JQuery-mobile. It's only a menu. It seems to good in IPad, Crom...but phone screen has some problem. A line is exist on screen. It is located under the select menu. what's the problem? I thick i don't have a mistake. Look at this, It's my code. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="CABIweb.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
text() not working in IE8 -> undefined
I have difficulties with the text() function in IE8: <a href="#">Alex</a> <SCRIPT type=text/javascript> $(document).ready(function () { $('a').click(function () { alert('display text: ' + this.text); return false; }); }); </SCRIPT>Basically what I want to do is to output the link's display text in an alert box when I click on the link. This works in FF, Chrome and Opera - but not in IE8. In FF, Chrome and Opera,
How to set screen resolution for application?
Hi, My application is for iphone it is a grails application i am using jquery mob my prob is the screen's and width and height is large how can i change it to iphone screen resolution.please help. Thanks & Regards, Nithya
Roll-your-own data-role component
I want to create my own custom, reusable UI-component and figure the best way would be to create my own data-role, like <div data-role="myComponent">Something</div>. Is this supported? Can I create that and just add the necessary CSS and JavaScripts?
Next Page