IE issues with Superfish menu
I have created a horizontal superfish menu with horizontal sub-menus. It works fine with the exception of two IE-specific problems, which I hope to get assistance with here. In IE 8, there is a kind of “flickering” when the sub menu pops out. All the sub menu items are moved one or two pixels to the right. This does not occur in any other browser I've tested, and it can be seen very clearly. In IE 7, there is a sub menu issue as well. When the sub menu pops out, all sub menu items displays in bold
Propblem in opening jQuery UI dialog in usercontrol
When i tested UI modal dialog in aspx page its working fine, same code i have copied to usercontrols widget and it failed to display the dialog box, i am using kalitte dashboard inside widget i am calling a button click event to open modal dialog but it failed. --- scripts included in default.aspx page where my dashboard exists <link href="../../Styles/jqueryui18/base/jquery.ui.all.css" rel="stylesheet" type="text/css" /> <script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
A problem with using .dialog box
Hello, I am calling the dialog box from a form. The dialog opens another form. I need to send the dialog box parameter of values being captured on the first form. Because the dialog box is being called on: document.ready, I can't get the values being capture on the first form. document.getElementById is empty since on document.ready, the user didn't capture anything yet. Is there a way to call the dialog box on: onClick and not on document.ready? Thanks, Sigal
update content instead of page
since the header and footer are the same in my whole project i want to only update the <div data-role="content">, but i have no idea how to do this. Do i need to hack in the jQueryMobile script (and if, where?) or is this possible otherwise? thanks in advance
Problem With jQuery On PagePostBack ViewState
I use jQueryfor test Connection in AjaxRequest in my Project .But with jQuery I lost ViewState Variable on every PostBack.How I can resolve it. tk
Were to go to find a good website on functions
Hi Everyone, Im in the process of learning Jquery and I have been taken classes on lynda.com which is a very helpful site, but I really don't understand how to make a function on my own yet. So is there any cool website out there that have a demo on functions and how to make a function work. For example If I wanted to do a basic roll over or a drop down menu can I just go to some website and it will give me the information I need?
Using jQuery to hide divs; this isn't working at all for me.
Well, this is my first post and my first impass with jQuery. So far I have been able to figure everything else out myself, but this has perplexed me. I have a website that I am trying to keep minimal and I am relying on jQuery to change the content in a div that represents the content of the site. so I have this that makes up the menu system. $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after
Jquery core affecting another javascript's layout
Hi there, Is it possible to not include the jquery core in asp.net forms and still make the jquery declaration in the form itself work? I'm having problems with the core of the jquery, in which it affects the layout of my webform, but when i comment it out, my jquery wont work, I'm using this as a slider for my footer.but basically it just hides and show a hidden content. Any kind souls can advise me what to do? Im using this core: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
Assigning classes to visible li elements only, and changing dynamically
I'm putting together an events calendar at http://609vibe.com/events-calendar/ Each event is a li item, and I use jQuery to assign the class "no-left-m" (no left margin) to li:nth-child(3n+1) for CSS layout purposes. I've also added the ability to show only events in certain categories. Unfortunately, the initial jQuery assigns the classes to li items from the DOM, and doesn't take into account the show/hide. This means that when I show only a single category, the margins are off. I've tried the
CheckBox event
Hi, i am using a simple alert to see if i can attach a click event to some dynamically created input controls. so far without success... can anyone see where i'm going wrong? The page renders fine and behaves correctly except without the click events. thanks. @model RM.Mobile.ViewModels.Attendance @{ ViewBag.Title = "Attendance List"; Layout = "~/Views/Shared/_Layout.cshtml"; } <h2> Your Class</h2> <script language="javascript" type="text/javascript"> $(document).ready(function () {
How to hide list item based on attribute
Hello All -- I'm pretty new with jQuery and have run into a road block on a project. I have created a product finder that filters an unordered list by 4 criteria. Criteria 1 is a buttonSet, Criteria's 2 - 5 are sliders. When the page initially loads the entire unordered list is shown in the results panel. The buttonSet is a click function to remove, then add the 'selected' class. When a button is clicked only the list items that match the shape attribute are shown. The problem that I am having is
Prevent autoselection on datepicker
Hello I use an inline datepicker. The thing I want to do is that when the user click selects a date, the page redirect to another page (Im using onSelect). I have the datepicker hidden (using .hide() in the jQuery(document).ready()) The problem is that the datepicker autoselects a date at the moment I show it and because of that redirects before the user selects a date by his own. So, is there a solution for that? Like an option "autoselect=false" or something? Thanks in advance and my apologies
jQuery.getJSON calback function problem
hi, I'm using jquery for making a jsonp call for obtaining cross-domain data. The response is coming and I have verified the same from the net panel of the firebug add-on of Mozilla browser. The problem that I am facing is I'm not able to access the response obtained in the callback function. Also, I'mnot being shown any error message for this. The following is the code snippet I have added in the head tag of the html page and I am invoking this makeCall() function on the onload event of the body
a very strange action after using getJson function of Jquery
Dear All, I found a very a very strange action after using getJson function of Jquery, pls see code as below: function checkCode(o) { var randomcode = ""; $.getJSON( "/Handler/GetCodeHandler.ashx", function (json) { $.each(json, function (i) { randomcode = json[i].code; }) }); //the result of below line is alway false even these two values are same, if use alert function before it, it will work well, hope anyone can help me:) if (o.val().toLowerCase()
Wobbly Windows
Hi all, I was just wondering if it's possible to code a script in jQuery which acts just like the wobbly plugin in Compiz? If so, can somebody please give me an algorithm example so I know how to program such a script. Thank in Advance - Michael
functions, nesting and calling
Hi, I'm a super newbie, having been working at jquery for about two days now. I have a question regarding the nesting and calling of functions. I'll attempt to paint it in a fairly simple way. I have a page that offers the user a few choices (its a game, so..) like attack or defend, what weapon to use. It then loads two html <select>'s, each with a "commit" button. The commit buttons are tied to (separate) functions that pass data to ajax. The problem I have is that I'm getting buried in nested
Why is an iframe required to post a file upload from jquery forms?
http://stackoverflow.com/questions/155371/xmlhttprequest-post-multipart-form-data/4240940#4240940 certainly gives the impression that at least some browsers allow multipart form data with XHR without an iframe. Is this person just wrong?
toggle display and parent height problem
I have a setFooter function that's called on load which pins my footer to the bottom of the window if the page content is too short. It does this by stretching #content's height if necessary. This works great. But I have some pages that include a link that, when clicked, toggle the display state of a div. This div is inside #content. Because setFooter writes a height style into the #content div tag, when the toggle div opens, although the window gets taller, #content doesn't stretch and footer remains
Cookie in show/hide toggle div
My script: function ShowHide(){ $("#news1").animate({"height": "toggle"}, { duration: 250 }); } Question: How can I insert a cookie to this, so that when I hide it, it will remain hidden after refreshing the page. Appreciate...
Building something somewhat unique
I am looking to build a jquery cycle-like interface that is essentially a jquery slideshow with a basic navigation. However, the navigation needs to be dynamic. It needs to only show the navigation items that are NOT being displayed in full view of the slideshow. For example. If i have slides A, B, and C; if B is being displayed then only thumbnails A and C would be displayed on the navigation. Another thing is animation. When a user selects a slide thumbnail then the thumbnail needs to animate off
Load cookie and remove disable attribute
I have a form with some select option like <select name="chart" id="chart"> <option>Google Chart</option> <option>Flash Chart</option> </select> <select name="typeo" id="typeo" disabled="disabled"> <option>Line Chart</option> <option>Pie Chart</option> <option>Bar Chart</option> </select> Actually typoe options are created by json. After selecting chart it varries for google chart and flash chart. I have disabled typeo and using jquery to enable it so every user select every necessary options. I
variable and .html
Hello, This is my code: var test = "<div id='d1'>text1</div><div id='d2'>text2</div>"; var value= $(test +" #d2").html(); alert(value); Please tell me now, why alert() return's me "text1"? How to make it return "text2"?
Using the dialog box
Hello, I have looked at all your examples on how to use the dialog box but I still have a problem. I am calling the dialog to open a from, this form needs to get parameters from the page that opens it and send them back to the page after submitting the form to the database. The problem I am having is that the dialog box is being called on document.ready and the fiels on the page are not filled in yet, so: document.getElementById is actually empty. To make things a bit more clear: I have a form with
Superfish and Oscommerce
Hi Guys I am trying to incorporate superfish into a oscommerce 2.2rc2 website am i am getting there BUT I am having problems with IE I have got it to work Chrome Firefox OK but IE is just a mess, any ideas? see http://188.121.46.152/catalogsgtest2/index.php Phil
problem with php pagination and jquery/javascript
I'm having a slight problem with php pagination and jquery/js. On the following page http://dev2.bluemuledesign.com/athletes.php you'll see an "athlete profile" area. Whenever an athlete photo is selected, javascript/php are used to switch out the athlete info. This works perfectly fine. The problem occurs if I use the left or right arrows to view more athletes (the left and right arrows are set with php pagination to switch to the next four records in the database). Whenever I do this, the athlete
bind or live with option
Hi, I don't understand how to make some option and use bind() ou live(). If I write : $('.text').droppable({ hoverClass: "ui-state-hover", accept: "#liste li", drop: function( event, ui ) { $(this).insertAtCaret(ui.draggable.text()); } });how to bind this droppable and conserve hoverclass or accept ?? I can only make : $('.text').bind('drop', function (..........loose my options ? or i miss something ? thank
JQuery Mobile pages with .php extension
Hi all, Just a quick question. Do JQuery Mobile pages have to have the .htm / .html extension or can I have them as .php ? Thanks
A smarter list filter
Hello, just wondering how difficult it would be to have the list filter behave like this : - when I search for : foo bar, it first filters out items not containing "foo", then items not containing "bar" - when I search for "foo bar", it filters out items not containing "foo bar" with a space between them. Currently, unless I missed something, the second case applies (well in fact not true cause quotes are searched in list items) Thanks.
Cycle question (in terms of interacting with Wordpress and jQuery)
Hello, Cycle is awesome! I'm having a technical problem with Cycle/jQuery. I think it is because there are existing jQuery related files within WordPress which are destructively interacting with the standard Cycle/jQuery files I am trying to us. The problem is this: If I try to do a Cycle slideshow on my Wordpress site, there is a blank time space between each slide transition. So it will be like this: show picture #1 five seconds of blank time where nothing is on the screen show picture #2 five
jquery.blockUI.js
Hi New to jQuery and i'm stuck on this problem, with the code below, when i click on the textbox the overlay appears on the screen for about 1 second, how can i stop that so it only appears when i click the submit button. <script type="text/javascript"> $(document).ready(function () { $('#frmWeather').submit(function () { $('#frmWeather').ajaxSubmit({ target: '#dvWLR' } ); return false; }); }); </script> <script type="text/javascript"> $(document).ajaxStop($.unblockUI); function fWeather() {
Custom Error messages and Ajax
I have a form with different products with a Qty textbox and submit which will then call ajax and add to the basket. I want to know how to do the following: Check the database for number instock create custom error message based on 1. How can i place the error message anywhere i like. Finally the tutorials on here arent very good. does anyone know of a really good website to teach me from scratch? Cheers
Customizing inline style script generated
Hello there, I embedded an external script to my website which output is generated on button click. This script creates inline styles which I would like to customize. I thought of doing so by adding ... ... $('#submit').click(function() { initialize(); $('#divID div table').css("background-color", "#000"); } ... ... after the call of the function but it seems not to have any effect to the script generated inline styles. How can I control that? Many thanks in advance!
Validate - Displaying default error messages
Hi, I have, what I believe is, a simple question. I have a pretty large form with lots of validation and I am using the basic error placement: errorContainer: "#errorContainer", errorLabelContainer: "#errorContainer ul", wrapper: "li", errorClass: "invalid"All of my validations work great, except I have one validation that uses remote and needs to do a few things on response: , remote: { url: "_ajax/CheckTriggerPoints.cfm", type: "post", data: { facility_id: 1234, element_id: 24 }, success: function(data)
animating on hover textshadow with csshooks
hi, i'm having an issue with this piece of code - can't get it to work right. i'm using brandon aaron css hook for textshadow - thanks ! $(document).ready(function() { (function($) { var props = "Color X Y Blur".split(' '), support = $.support, rWhitespace = /\s/, div = document.createElement('div'), divStyle = div.style; support.textShadow = (divStyle.textShadow === ''); div = null; if ($.cssHooks && support.textShadow) { $.each(props, function(i, suffix) { var hook = 'textShadow' + suffix; $.cssHooks[hook]
Modifying a Plugin
I have just modified one of the pulgins to paginate the tables even after quick search. I want to know if that is already available in a plugin and how can i add it in the open source plugin if its not present. Please answer !!
jqPlot plot plugin hook click event to axis ticks
Hallo everybody, i want to extend the jqplot plugins such that the axis ticks are tranformed into hyperlinks and/or are hook with click events and to be able to catch the click event when it is triggered.. i have know idea on how to go about it. it could also any other javascript based charting framework or library. thanks
Html file not loading
Can anyone please tell me why the ShowMe.html file below is not loading up? Its in the same directory. Android platform. <p><a href="ShowMe.html" data-role="button" data-theme="b">Create a Wall</a></p>
google code in new partial
I am new to jquery ajax and I have a Symfony site working with partials loaded into divs from a .post. The partials inherit scripts from the main page layout as well as using local and inline scripts. I am using google jsapi in the main page header to fetch jquery. Most of the other scripts ATM are from datatables and its plugins and they all work fine. I have Google visualization working fine on initial pages and I had it working well in new partials as they were reloaded. This has gradually stopped
Facebox messes up other jQuery calls once used
Currently I am using Facebox to load an external page in a lightbox. The issue is I have other jQuery on the page and it works fine if I do not click on the facebox links but once I click the Facebox link and then click the other items they no longer work. Example Page The facebox jquery is used with the right column boxes called 'FOLIAGE', 'TRUNK', 'BASE', etc.... If you click it calls an external page like so: <a href="javascript: jQuery.facebox({ajax:'01.aspx?PopID=1">xxx</a> My other jQuery
.trigger("change") not working for some reason
Hi there, I have a textbox attached to an alert which I want to fire when the textbox value is changed i .e. while the user is typing. I attempted to use the .change() event handler unsuccessfully. After some searching I found that the .trigger("change") handler should work better but that too is not working. My coded example is quite simple: http://test-psi-alpha.appspot.com/jquery3 and consists of the following: HTML <label for="textbox1"> this should flash an alert when changed.</label>
Next Page