Not working for IE 9?
This code block works fine on firefox and chrome but not on IE 9. I have this code on jsFiddle at this url http://jsfiddle.net/ELUGc/125/. Can anyone help in finding out what could be the issue.
Plugin like Internet Explorer Information Bar
Sometimes Internet Explorer displays an yellow information bar on the top right? Does JQuery has any plugins to display a similar information tooltip for the users?
Issue transfering Javascript to Jquery
I would like to use my javascript below to make it cross-plattform compatible. But I don't know how to get started. My script is connected with css, on hover the number will be displayed as drop down. <script type="text/javascript"> "user-strict"; (function() { function main() { var nav = document.getElementById( 'navSalon' ); for( var i = 0; i < nav.children[0].children.length; i++ ) { var x = nav.children[0].children[i];
jQuery on function with click after loading a page
So: /* handle links */ $(".link").on("click", function() { $("#content").load($(this).attr("href")); $(window).scrollTop(0); return false; }); This works fine for the main page but when I load content into #content and click a next link that was loaded into the #content it does not seem to be catching it. <div id="prev_next"> <a class="button button-blue link" href="content/howto.html">Prev</a> <a class="button button-blue link" href="content/basic.html">Next</a>
JQuery Form Question
Hello I am a total beginner to jQuery and java, but I am currently working on a website for a company that will be taking orders via the website. There will be a "place an order page" where there will be a series of forms to be filled out by the client. Based upon the response to the first form input, the second form will need to change, and this will have to occur several times. Here is a scenario: Client is presented with dropdown style list form with choice of "Channel Letters" or "Sign Cabinets".
Angled split menu at one page site
m searching for the answer more than a half a year, bud did not get any solution. So if anyone could help me, i will really appreciate it. I am making a one page portfolio. The content of the site will be horizontal scrollable, only the menu is fixed. The first 2 pages are black and last one is white. But the 3rd page is half black and half white, it's kind a seperator of the two backgrounds. So my problem is, that i need a color changer on the horizontal line, which will change the color of the
Creating query strings
Hi all, I am trying to create a query string for one of my web part (sharepoint) project. For example, when a user enters a value in text box and click on search button that will take the text box value to the query string. If the user enters "Oregon" click on search button , the value should be in URL like this http://sharepoint.com/sites/pages/default.aspx?state=Oregon What would be the code for this ? Thank you.
Opacity in IE/jQuery // solved ugly
Inelegant solution, ok in FF, Chrome and IE: put the opacity css inline, directly on the div. Original post: I have a problem with IE8 rendering opacity: it's an overlay set to 50% opacity, code below. The css renders correctly when it's simply set to appear when loaded. However, if the overlay is set to 'display:none' and then faded-in, it renders correctly, then immediately jumps to full opacity. This behavior is consistent, local testing in IE8, across compatibility mode on/off, and compat. mode
Classic ASP "unfriendly" error messages, via jquery ajax
Building a small internal website for am employer. Getting quite a bit of use out of the Jquery Ajax tools, but all the ajax error handling methods seem to want to hide my old-stand-by, ugly-but-descriptive unfriendly error messages from me. Keep in mind, I'm using Classic ASP as the server side scripting language (yeah...I know). Whenever an Ajax error occurs I get a generic "Internal Server Error" message returned via both/either the .ajaxError() method and the .fail method. What (id anything)
Help setting up a very basic jquery
Hi all, I'm very new and my web design knowledge is very basic. I've had a brief look through the forum but didn't see such a basic post. Now I have a basic structure to my site I want to add a sliding image. I do have a rotating one but the jquery seems to be the best option. Truth is, I haven't got a clue what I'm doing. I've followed a few online tutorials but I don't understand. This is my front page - I want to add the slider where the rotating images are: www.midlandsreptiles.com Here is the
Get height/width numbers & console logs not showing
Can't figure out what to do - with jquery1.8 a few things are now broken: $(function() { if ("Yes" == "Yes") { $('.contentbutton_searcher_stack-its_showbutton').css({"display": "block"}); var butht = parseFloat($('div.butwrap_searcher_stack-its_showbutton').css('height')); console.log('Button Ht: ' + butht); if ("center" == "center") { $('.butwrap_searcher_stack-its_showbutton').each(function() { var fullinitwd = $(this).closest('div[class^="searchercustomcontent"]').width();
Datetimepicker
Hi! I'm using the Datepicker plugin with the [url=http://trentrichardson.com/examples/timepicker/]Timepicker[/url] add-on and got a problem with customizing it the way I want to have it. This is what I want to do: You should only be able to pick the time and date, that is at least 12 hours ahead from the current time. The time scrollbar should only display hours and it should only be adjustable on full hour steps. I use the 24-hour clock. Here are some examples of what the earliest selectable time
fade In a div when hover on an imagemap
hello, I have an imagemap, I want to when mouse over on a hot spot a div with some information about that place fade in and with mouse leave it fade out. my html page is below: <div id="content"> <img src="382525_CMQTqaMx.gif" alt="" /> <map id="map"> <area shape="circle" coords="100,200,20" alt="" class="hotspot" /> <div class="projects"> <a>project 1</a> <a>project 2</a> </div> <area shape="circle" coords="200,300,20" alt="" class="hotspot"
adding date picker and combo to inline edit fields
Hi, I am new at this. So far i have figured out how to incorporate an inline edit feature to my application. What I need now is when you click on the field to edit it will have a datepicker or combo. Also a way that it knows its a date field or a combo field. URL of application: See live here Here is the code I have for the inline edit <script type="text/javascript"> $(document).ready(function(){ $('td.edit').click(function(){ $('.ajax').html($('.ajax input').val()); $('.ajax').removeClass('ajax');
complete and utter noob, needing pointing in the right direction.
Hi, This is my first post, so please be gentle. My only experience that even comes close to what im trying to achieve is with vba in excel. I dont even know if jquery is what i need or to be honest, precisely what jquery is used for. Omissions to one side though, i am a tenacious son of a gun and hopefully with just a little help being pointed in the right direction, i hopefully will be able to get my head around it and plug away. My aim is to create an application/s that will allow users to use
a tag redirect problem
Hi, I have a jquery image gallery. I put some images on it . the images are at <a> tags. when I cllick on each image it should redirect to a specific page. but I don't know why all images redirect to a page that the last image <a> tag href indictes that. all images at the running of the program have the last images href. I attach the jqury. thanks alot if any body can help me. the html code: <div id="gallery"> <div id="container"> <!-------------------------------------
Leaving Forum
I need to unsubscribe from the forum because I receive to many emails I don't need. Thank you
I want to know how can i validate the email automatically if it is on my database or not.
I want to know how can i validate the email automatically if it is on my database or not.
jquery accordian
If you use Jquery Accordian with forms in each section how do you stop anyone from opening the next section until the current form has been sent with valid contents Thanks
Why my icons are gray and not white?
Hi Forum, I just am testing the glyphish-icons and I am asking me why my icons become not the same as the official jquery mobile example: http://jquerymobile.com/test/docs/toolbars/docs-navbar.html My icons becomes dark gray and not white like the example. Here my result: Here what I want: Do you know why? Script: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
Jquery Tabs Question
I am extremely happy, after a few trials, with our current jquery tabs. Now, however, I am needing to link to a specific tab and have it open/viewable when the user clicks the link. How can I do this with my current set up? http://academicdepartments.musc.edu/nursing/about/college-of-nursing-tradition.htm#tab3 (does not currently work but this is what I want to do)
Not able to handle dynamic <button> elements using :button selector
In the code given below, the buttons part of the original html code are being easily handled by the $(":button") selector. But when I create new buttons using jquery based on value selected from the dropdown menu, the new buttons are not being selected by the :button selector. <script> $(document).ready(function () { $(":button").click(function () { alert("here"); }) }); </script> <select id="thing" name="garden" > <option id="u" selected="selected" ></option> <option id="1" > Flowers </option>
bind() and on()
Hello! This is my first post. I'm new to jQuery and I'm learning from thenewboston tutorials made by Alex. I'm little bit confused with bind() event What is it used for? To "bind" two (or more) different events and create same operation or something else? I check documentation about it but don't really get it however I found that we should use on() instead of bind() because it connect different events together like bind and live. Also can you guys give me a good tutorials about jQuery and maybe a
focus and focusin
What is a difference between those two (focus() and focusin()) Please give me a easy example Thank you
Auto Complete
I need a plugin that load from a xml file some info like: <title></title> <image></image> <link></link> And use in a auto complete search box. When the user select one we will be redirect to www.exemple.com\link and if not exits the page will go to other page. Can anyone help me with this?
image z-index at hover on a link
Hi, I have the below code, I want to have some images that each image is on the other image whan hover on a link it's specific image zoom in and it's z-index becom the higher one. and the opacity of other images becom lower. I don't know how should i set z-index at js. my code is below: <script type="text/javascript"> $(function () { $('#left a').hover(function () { var indeX = $('#left a').index(this); $('#right img').eq(indeX).stop(true, false)
can't set a radio button with a variable that changes
I have a Dialog box were a user can make choices. With each change in choice, I fire a function to initialize several variables. Most work, but I can't set the radio button via the initialize function. What do I need to change? Edit - I also tried .prop('checked', true); with no result. Simplified, the code is: var countrySelected = "US"; // a global variable that changes function initialize() { $('input[type=radio][name=country][id=countrySelected]').attr('checked', true); //did not work
Have you seen this? Trying to figure out how to replicate..
I'm not an expert on jquery, so I'm hoping someone far more experienced and knowledgeable can help. Check out this site: http://www.impressapenguin.com/ Can someone explain how to replicate that scrolling/clicking effect? Thanks in advance for any help! -Ben
i want to get value of these component and want to save in database in every new button click.
Hi friends, I am new with jquery. i have a work in which i have to generate new component like text etc in a button click. Than i have to save that value in the database. i succeed to get new component in every click but neither i able to get there value nor know how to store in the database. in this the component like textbox etc are dynamically generated in click. here below is my code. <!DOCTYPE html> <html> <head> <script class="jsbin" src="js/jquery.min.js"></script> <meta charset=utf-8 />
Porting from prototype to Jquery using the $H();
Hi i am finally porting from prototype to jquery and i would like to know how to convert the code snippet below ? var PageImage = $H(); thanks in advance
How to get the exact row value on every button click of that row?
hi friends, I have made a dynamic table in which new index is created by default but while i am going to fetch the value of particular index of object value then it always taking the first index value of that objects. Here is the code <script language="javascript" src="js/jquery.min.js"></script> <SCRIPT> RowCount=1; stat=false; function AddRow() { jQtable=$('#SaleTable'); jQtable.each(function() { var LastRow="<TR><TD align=center><INPUT TYPE='text'
Jquery Conflict
THIS IS THE CODE : When slider is working, The Jquery validator is not working. I tried noconflict but results are same..Please help me to resolve the problem. Thank you... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="js/jquery-latest.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script> window.onload
Jquery Sortable Grid Customise ?
Hi, Looking at this example : http://jqueryui.com/demos/sortable/display-grid.html I'd like to keep this sort of feel but change the 'tile' colour and add an icon to each tile. The icon will be different depending on the value retrieved from my DB. Could some one point me in the right direction :) Thanks
Please Help with .hover() to hide,reveal multiple items on page at same time.
Completely stumped as to how to get this to work. I need to have 4 things all happen when a img in my slideshow( originally gotten from a earlier post by Rminde. thanks for sharing !) is hovered over. my problem is that when I try and add to the .hover event, it breaks the code. Any help is greatly appreciated My jquery. $(function(){ var over = false; var fadeInterval; var delay = 3000; function fadeMovies() { if(over){return false;} var current_img = $('#movies a').eq(0); var next_img
Need help on my code to fade in and out 3 images before redirect
I basically want to have 3 images fade in and out. Once the third image fades out the website then redirects. The code below does exactly what I want for 1 image, but I need it to do it for 3 images and not sure where to go from here. <img src="images/slide1.jpg" alt="Example" id="slideshow" /> <script> $(function() { $('#slideshow').fadeIn(3000, function() { $(this).delay(1000).fadeOut(2000, function() { window.location = 'http://google.com/'; }); }); }); </script>
Parent of next element
Hi All, I'm trying to assign a margin-left to the next element's parent (line #10), but for some reason, it's not working. Here's the relevant code: var $chars = $el.children('span').addClass('sl-w1'), $chars.each(function(i) { var $char = $(this); $char.wrap( $('<span/>').addClass('sl-wrapper') ) // wrap each of the words chars and set width of each wrapper = chars width .parent().css({'width' : '$char.width()' + 'px'}); var initwd = $char.width(); var newmar = 120 - initwd;
next() prev() together
Hello everyone, I have a very simple question. $(this).next() .stop(true,true) .fadeOut(910, 'easeOutSine') .next() .stop(true,true) .fadeOut(270, 'easeOutSine') .next() .stop(true,true) .fadeOut(50, 'easeOutSine'); $(this).prev() .stop(true,true) .fadeOut(910, 'easeOutSine') .prev() .stop(true,true) .fadeOut(270, 'easeOutSine') .prev() .stop(true,true) .fadeOut(50, 'easeOutSine'); This is what I have and it seems to me somehow silly to write so (even if ti works perfect) I am looking for
Variable comparison on SHA256 validation [SOLVED]
Hi everybody, I'm new on jQuery (in fact programming I'm novice) and need some guide to solve something I have to... I'm building a form that have two fields which converts values into hashed strings using Alex Weber's sha256 jQuery plugin. In addition I need to compare it with the ones stored in a xml, and permit form submit only if user input and xml values are equal. The plugin works and I can get data from the xml, but i'm getting problems when I try to compare the data. That's the code I wrote:
How to send private message?
Hey Everyone, This seems like the most ridiculous question ever, but I can't find the option to send a private message! I went to My Account -> Private Messages, and all I get are two tabs: Inbox and Sent with no option to send a PM Gah!
How could I get the second last elment?
Hi, how could I select a html-element before :last-child? I have an script like: var lastelm = $('div.lof-main-item:last-child'), buttonnext = $('a.next'), buttonprev = $('a.previous'); $(buttonnext).click(function() { if (lastelm.css('opacity') === '1') { $(buttonprev).show(); }; });But I don´t need the lst-child but the one before last. Best regards
Next Page