Datepicker ie8 and ie9 compatibility view problem
Hello everyone, I have a problem for my datepicker elements in ie8 and ie9(compatibility view mode on). I created a sample on jsfiddle. http://jsfiddle.net/nVWhu/ I am using jquery 1.7.2 min. In my original project I get Object doesn't support property or method 'getAttributeNode' error and the even calendar is not shown. Thanks for your help In my original project I included myscripts like the below; <link href="~/Content/Site.css" rel="stylesheet" type="text/css" /> <link href="~/Content/themes/SPK/DockMenuStyle.css"
Changing from one header to the other
We have two headers. One is a full header, which is 100px in height. The other is a condensed header, which is 50px in height. We are creating a parallax site where, once the second section hits the top of the browser, we want the condensed header to replace the full header. Currently, we have the full header coded out in a div called header-main. We created another div for the smaller header, called header-sub, which has display set to none, by default. Here's what I've started for my jQuery:
Unclear JavaScript in jQueryt-UI
Can someone explain the JavaScript below that came from the beginning of the jQuery-UI at http://code.google.com/p/jquery-ui/source/browse/trunk/ui/jquery.effects.core.js?r=3751 ? Thanks, Steve
jquery cycle -- fade out question
I am trying out the cycle plugin and it works well, except I would like it not to fade out the current slide, but to just fade in the new slide. As it is now, if I show an image, followed by the same image with a title added, there is a softening of color and contrast as the transition occur. I would like the image to look static, with just the title appearing. Can this be accomplished by just adjusting the cycle settings? Thanks...
Page Transitions Help Please
Hi, I am creating a website with all the pages on a single HTML file. To make the website change page from the navigation I have used this jQuery code: $(document).ready(function(){ $("body").css("display", "none"); $("body").fadeIn(2000); $("#navlist a").click(function(e){ var pageState = {}; e.preventDefault(); changePage(e.target.hash, 'fade'); $("#navlist").attr("className", e.target.hash.slice(1)); }); $(".menu a").click(function(e){ var pageState = {};
End date calculation from DatePicker and Term input
I am using a datepicker and have created 3 input fields. <label>Start Date:</label> <input type='text' name='StartDate' id='StartDate' /> <label>Term:</label> <input type='text' name='Term' id='Term' /> <label>End Date:</label> <input type='text' name='EndDate' id='EndDate' /> When a date is added into the StartDate and a number is added into term (Years), the end date should equal the StartDate plus the number of term years. Therefore if start date is 01/02/2013 and term is 2 years, the EndDate
How to change SVG fill color with jQuery on hover?
Hello good people, I need help with changing SVG fill color on hover with jQuery. Thing is that in one SVG i can have path, circle or polygon elements and wish to change color on fill attribute on them when that particular SVG is hovered. Color should reverse back when pointer is not hovering element. I think that adding CSS class to do that is not right way because its simple color change on hover and can be done with jQuery attr() function(i found that on web). Also i found here on forum that
click event to trigger drop down list
I'm using absolute positioning to place my form labels inside my form input and select fields and I'm able to show/hide the label based on focus() and onblur() events, however, I have some undesired effects with the drop down select boxes where if you click on the label portion, the label disappears appropriately but the options are not revealed until you click it again. Is there a way via jquery to force the "drop down" event on click of the label element? I've tried $('#selectID').attr("disabled",
How to retrive Images from database using Jquery
I'm kind stuck on this. My situation: I have a Oracle database with a table where I store images (the file name,albumid, the mimetype of every file and the binary data in a BLOB plus a unique ID). Now what I'd like to achieve is to load all image from the database using AJAX and the GET method. Viewing a specific image using the plugin, AJAX uses the returned data to fill an <ul> somewhere in the document, and that would be the freshly-loaded image. Alright here's some code: $(window).load(function()
validate: custom rules with messages
The example shown http://docs.jquery.com/Plugins/Validation/rules#.22add.22rules states that you can include custom messages for particular conditions. The set up code works in that it does store the message, however the validation processing fails as there is no "default" rule called "messages". As a temporary workaround, it is possible to avoid this error by adding an extra rule called "messages" which always returns true.
jQuery Lightbox/Colorbox/Fancybox breaks jQuery image cross-fade. HALP!
O, hallo. :| Sorry to bother... I hope I'm posting this in the right place. There were a few areas that looked like likely places to put this, but I figured this was the most relevant. I've tried all three of the above "boxes" and have the same issue with each. I currently have a page in which I'm using a jQuery image cross-fade slideshow. That works just fine on its own. On that page, I also have a menu along the top. I want the links to pop up in a box. I suppose you can call it inline
Adding Menu height to submenu height
Hello, here I am attempting at making the topmenu extend its own height as the submenus reveal. Can you please explain to me why it is not working? $('#topmenu a').hover(function() { $('#topmenu').stop(true, true).animate({ 'height': $("#topmenu").css('height') + $(".sub-menu").css('height') }, 'fast'); }); $('#topmenu').mouseout(function() { $('#topmenu').animate({ 'height': $("#topmenu").css('height') }, 'fast'); });
Dialog bug in version 1.10.0 ?
Hi i would like to know what is the expected result, as it as changed from 1.9.2 1. create dialog 2. inject html via ajax (don't think the source matters, put something in the dialog) 3. destroy the dialog: $(this).dialog("destroy"); 1.10.0 removes the dialog 1.9.2 removes the dialog and makes the containing element invisible/display:none; So basically it looks very odd that you now have whatever was put in the dialog appearing on the screen! appended to the bottom, creating a scroll-bar....
Pleaseee Help! Accordion Menu Remember State
I'm trying to get my menu to remember the state of the current page using a URL method and no cookies so that when the submenu item is clicked the acodian menu stays expanded while the user is viewing the subpages. Here is the code I'm trying to improve: <div id="primary-nav" data-selectname="Navigate to..."> <div class="menu-navigation-container"><ul id="main-nav" class="menu"><li id="menu-item-11784" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11784"><a title="Interactive"
Link that triggers ScrollTo event becomes unclickable
I realize that's a terrible post title! The site I'm developing uses the ScrollTo functionality (Ariel Flesler) to present a number of sections, all accessible by the main menu which gives that lovely scroll when the items are clicked. I've noticed an issue, however: If the user manually scrolls the page after clicking one of the main menu items, that particular menu item seems to become inactive. The other menu items continue to function, but the one that triggered the last scroll event remains
The most bizarre thing you'll see (or closest to it)
OK I'll try to explain this as simple as possible; I'm trying to parse XML that I get through web service, using jQuery. All is doing as it should, until I've noticed that for the love of God I can't parse a node that is named "image". long story short (and 2 hours later) I've noticed, that the problem is in the TAG NAME. Obviously, "image" is a reserved word or something like that??? Here's a demonstration; firstly, I simulated xml, that has "image" node and won't display any results. Secondly,
jQuery Isotope loading issue
I am actually trying to build a image gallery with jquery Isotope. I dont know why, but sometimes the gallery works perfectly and sometimes it has some kind of loading issue as you can see in my screenshot. Source: www.sarahraaber.com I already added a timer on pageload and the document ready function to the head of my .js file :-/ Any ideas how to workaround that?
Amount of elements can not be evaluated?
Hi all I have a serious problem and I need your help. I got from AJAX back the following Labels "Software Engineering", "Infomatics", "Software Architecture". Now, I put these elements into an "input" (called characteristic) and add after every "input" I put a checkbox (called characteristicsYesNo) . These is the code for that: function(data){ for(var i = 0, cnt = data.Characteristics.length; i < cnt; i+=1) {
save Design in Database
I like to create a Theme and save it in Database. My Idea is to save only the ThemeParams-String from http://jqueryui.com/themeroller/ Its possible to use ThemeParams-String to show my design (like on http://jqueryui.com/themeroller/)? Or, can I generate CSS from ThemeParams-String? Thanks Rdg Ronny (from Germay)
Testing Layout and launches as desktop browser.
http://precision-counters.com/m.index.html I just posted this on a site i am running to test it on my iPhone as i do not have an ios emulator and it launches as a desktop browser. Works fine in Dreamweaver and on my desk top browsers. Any help would be great. thanks p.s. i am a novice at all coding.
Link to simple map not linking in Nested Lists
Linking should not be difficult. I am starting in JQM have started to "flesh out" my site tried the first link to a working map page from a nested list - does not go to link, so I tried a button at the bottom of the page with same url and it loads. Sorry for the simple question but it is driving me crazy - they are both pointing to the same file! http://stonemeadow.ca/Mobile/mobile-1.htm I thank you for your help I included just the portion that shows the link to map.htm just for reference but can
Mobile App launches differently when "Saved on Screen" vs "on safari"
Hello All... I made some changes to index.html and Safari shows the most recent modifications with no problem, but when i save the app "add to home screen" and run it from the icon saved, the home page is corrupted... The problem only appears on iphone and not on ipad or web browsers. I tried to delete and re-save the icon or power off-on the iphone device but issue still exists. It looks like the app is reading another .css rules for the home page via the cashe? possible?
Updating haccordion.js to work with newer jquery
I've been using the plugin called haccordion (http://letmehaveblog.blogspot.com/) My original page with the working plugin (and jquery 1.2.3) http://www.brightsideresumes.com My test page: http://brightsideresumes.com/tmp.html Once I go above about jQuery 1.3 the plugin stops working like it should. I'm no hardcore programmer and having a hard time figuring out what the issue could be. I was hoping someone might be able to point me in the right direction right off - I'm guessing something was deprecated
serialize() does not registed the hidden value that were assigned using jquery.
Hi I have a form with in it i have 2 <input type="hidden" and the values are currently empty. However, thru my jquery code i assign value to it. now when i want to pass the values using ajax to php file those new input will have no values! here in my code. I think i need to use Live() function somewhere in my code for this to work but i can't seems to figure it out. Note: I am using the dialog UI to show a form $(function() { $( "#dialog-form" ).dialog({ autoOpen: false,
Autocomplete widget - not triggering onchange
Hi, First of all, I apologize if I've posted this in the wrong forum. If so, could a moderator please move it. Now to my dilemma. I am trying to develop a textbox and a dropdown, where the value of the textbox is dependent on the option selected from the dropdown. For the dropdown I wanted to use the autocomplete feature and found a widget that does it (from here: Link) For the textbox dependency I am using Javascript. The problem I face is that when using the autocomplete widget, on selecting an
Tracing jQuery Error
Hi! I'm having a hard time tracing and error that I'm seeing in Firefox's Error Console: Timestamp: 2/8/13 7:38:48 PM Error: Error: Syntax error, unrecognized expression: a[href^=/] Source File: http://ccchapel.dev/CMSTemplates/_CCC/_scripts/jQuery/jquery-1.9.1.js Line: 4421 I used the uncompressed version of jQuery 1.9.1 to try and trace the error and found this (line 2 is 4421): Sizzle.error = function( msg ) { throw new Error( "Syntax error, unrecognized expression: " + msg ); }; What's
jQuery that slides in off-canvas nav works in modern browsers, but does not in IE 8 and less.
Hello, I developed an off-canvas navigation that slides in from the left on click of the list icon in the upper-left. It is powered by CSS3 Transitions when supported, but falls back to some jQuery I wrote, with a similar effect, thanks to Modernizr. I tested the jQuery and CSS separately and they both work fine individually; in fact, they both work fine when combined too in most browsers whether they support CSS3 Transitions or not. However, in IE 8 and below it is obviously relying on the jQuery
Mutliple forms
Hi, i'm struggling with some real basics. I have several html forms in my script with a different id set for each. How do I access the elements when the form is submitted $(".submit-button").click(function(){ // Setup variable to catch the HTML form data var notes_text=$('#form1 textarea#some_text').val(); } What am I doing wrong? Thanks, Johnny.
Multiple Show Hide Menus that respond separately?
MENU 1 - Clicking this shows menu Items for only menu 1 menu item 1 menu item 2 menu item 3 MENU 2 - Clicking this should not hide menu1 or open it menu item 1 menu item 2 menu item 3 Both menus should be able to be open while the other is open but they should open separately from each other. I'll need 3-4 menus on some pages. What is the best way to do this? This menu is responsive so the MENU 1 and MENU 2 will be hidden until called. Just the menu items will show till the screen width is smaller.
Using Supersized plugin making images SEO friendly?
Hi Everyone, I'm still a newbie and currently using Supersized 3.2.7 plugins seen here Supersized 3.2.7 The option doesn't show or offer Alt tags for the images. I'm trying to make the images more SEO friendly. jQuery(function($){ $.supersized({ // Functionality slide_interval : 3500, // Length between transitions transition : 1,
On click function only working once
Hello, I'm new to jquery and have created this calendar using jquery/ajax/php: http://cybril.com/jquery/ When you click the forward (>>) and/or back (<<) buttons, they work, but only the once - not sure what I'm missing? Here is the code if you need to see that: $(document).ready(function(){ $("#next_month").click(function(){ //alert('hi next month!'); var month = $("#next_month_value").text(); if ($("#next_year_value").text()) var nextyear = $("#next_year_value").text(); var
$.ajax issue
Hi all I have a problem with the $.ajax function. I have searched all over but nothing seems to work. The problem is when i call a webservice I always get an error returned. Maybe my Soap request format is incorrect ? Can you help. Here is all my code .... Thanks alot for any help, its been driving me mad ! <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="Content/jquery.mobile-1.2.0.min.css" /> <script src="Scripts/jquery-1.6.4.min.js"></script>
Avoiding repitition
Hi everyone. I'm pretty new to javascript and I can get the following example to work but repeating it over and over seems senseless. What am I missing? <img src=/images/map/1.png class="rm1" /> <img src=/images/map/2.png class="rm2" /> <ul> <li class='rm1'><a href="">Room 1</a></li> <li class='rm2'><a href="">Room 2</a></li> </ul> <script> jQuery(document).ready(function(jQuery){ jQuery('.rm1').hover( function(){ jQuery('.rm1').addClass('show') },
Alternate for Toggle
Hi, With the dropping on toggle (Multiple functions) I'm trying to figure out how to rewrite this: var $j = jQuery.noConflict(); $j(function(){ $j('#nav a[href*="stacks"]').toggle (function() { $j('#extraContainer3').slideDown('1600')}, function() { $j('#extraContainer3').slideUp('1000')}); }); I tried this: var $j = jQuery.noConflict(); $j(function(){ $j('#nav a[href*="stacks"]').click (function() { $j('#extraContainer3').slideToggle('1600')}); }); What am I doing wrong? Thanks,
Onmouseover and onmouseout in jQuery
I am trying to use onmouseover and onmouseout in jQuery and it is not working. Can anoyone help me out and let me know what I am doing wrong? Thanks much $.fn.MenuLinksCountry = function(options) { return this.each(function() { var defaults = {images: [ '<a href=""><img src="weather.png" width="80" onmouseover ="this.src='weather-link.jpg'" onmouseout="this.src='weather.png'"></a>']}; var settings = $.extend(defaults, options
using .load to load an external page fragment
I am trying to load a fragment of one of my webpages. I am not sure if this would be the best way to do this, but thought I would try something new, and see where it gets me. I am using .load to get part of a page, like pages.php #register. It loads up properly, but then when you click on a button, for example, to submit the form, the whole page goes away. I know the answer to this is probably the iframe, but I am curious if there are any ways around this, or better ways to load fragments of
Is it possible to remove code and replace with another
Hi, I am new to jQuery. I'm trying to make my website look like it is not loading by putting the content in a div, hiding it then fade in. When a link is clicked I use the hide(); function to clear the content out and load the new page in using load(); The problem is when you go to the source code you can still see the previous code. I assumed this is still loading so technically I have two pages loading at once when I only need the one? Surely this is very inefficient maybe I have misunderstood.
using flexgrid - importing data from an sql table
I am using flexgrid, and am trying to apply it to a database of emails to list them out. To import the data into the tables currently, it uses xml, i believe. The demo file is named countryArray.inc.php. The format is as such: <?php $rows = array( array('iso'=>'AF', 'name'=>'Afghanistan', 'iso3'=>'AFG', 'numcode'=>'4', ), array('iso'=>'AL', 'name'=>'Albania', 'iso3'=>'ALB', 'numcode'=>'8', ), How do I go from a database, to an array? Would I have to export first to a text file? Or is there
jquery-ui stacking draggables reset z-index when dragged
I have some draggable, stacking divs (jsfiddle here): $( ".plugin" ).draggable({cursor: "move", opacity: 0.9, stack: ".plugin", scroll: true}); When I drag one of the divs, its z-index is reset to 1 (and incremented each time I send it to the top, because of the stack option). Instead, I want the z-index to start from 200 (the original z-indexvalue for the .plugin divs) and be incremented from that value. Jquery-ui 1.7 had a min parameter for the stack option. In Jquery-ui 1.9.2 to 1.10 (the versions
Getting my images to scroll horizontal
Hello, I am new here and very new to programing I am trying to bring in images from my database and dynamically give them a link when you click on them and also put them in a div so that I can create like a horizontal scrolling slider. If there is any other posts or if you can help me with this I would appreciate it. I have been trying to use some of what I know I have my images in a div and have a class for them and I tried to use the .animate() function but I am stuck with trying to get timing
Next Page