Show / Hide Divs using jQuery
Is there an easier way to write the code below? I have 3 divs on my page 'Hello1', 'Hello2' and 'Hello3'. 'Hello2' and 'Hello3' are hidden by default. I also have 3 links that each anchor to the above divs. Clicking on a link should show the associated div but hide the rest. Here is my code... <script> $(document).ready(function(){ jQuery.fx.off = true; $(".show1").click(function () { $("#hello1").show("slow"); $("#hello2, #hello3").hide("slow");
[jQuery] Autocomplete selection Issue
Hi Can any body suggest me how to do this by jquery..i have seen some autocomplete examples but i am not getting the correct application like this: first we type a letter,then it will show a list from that we scroll down the mouse(either mouse or keypad) the highlighted value should be placed in the textbox..which is similar to the link: http://www.hscripts.com/scripts/JavaScript/autocomplete-form.php?text=arrangement please give me idea Regards, Bhatath
[jQuery] Superfish and Mediabox
I would dearly like to get Superfish (http://users.tpg.com.au/j_birch/ plugins/superfish/#getting-started) and Mediabox (http://iaian7.com/ webcode/Mediabox) to work on the same page. Has anyone an idea of why mediabox stops working and how to fix it. I am a total newb so please help! Thanks in advance
[jQuery] jquery dialog, closeOnEscape problem with modal dialogs
Hi, whilst trying out new things for the web application I'm developing I ran into a bit of a problem. If I have two modal dialogs, one launched from inside the other (if it matters), both with the closeOnEscape: true setting, hitting esc while on the topmost dialog either closes them both or the one at the bottom. This seems to change between refreshes. In short, very confusing. Problem is, I'm too bogged down by the other dev work to properly test & recreate the situation, but has anyone here heard
Vertical jQuery Slider for Timeline - Help?
Hi There I need to implement a timeline whereby the user can scroll through teh different years i.e 1981 -> 2009. I need to use the jQuery slider but teh timeline must be vertical in slider not horizontal as per most of teh examples out there i.e http://www.switchonthecode.com/search/n ... l%20slider Has anyone got an example of a working vertical jQuery slider. The timeline is just going to be in a div and will be text mainly text. many thanks in advance
[jQuery] jQuery on IE
Hello people... I've been working with jQuery for some time now, but mostly on Firefox. But i was finishing an old project, and needed javascript, so I decided to use jQuery on it too. It worked perfectly on Firefox, but on IE it ain't working. The code is as it follows: <script> $(document).ready(function(){ var nome = ""; var pos = ""; var html = document.createElement("div"); $(html).attr("id",
cross site resuest _POST
Hi, I have a major problem with cross site posting. In fact i need to POST a form in an URL that begins with <<http://...>> with FF3 message: Access to restricted URI denied" code: "1012 is there any way to make it succeed? Thanks for help.
[jQuery] jquery widget like bbc.co.uk
dear friends, I'm trying to make menus like bbc.co.uk where users can add their customize menus and theme. I'm looking for script but I can't find it. Do you have any suggestions how to make that?? do I have to use widget library or something?? thanks b4
Fixed Vertical CSS Menus & Offset from top of page
Hi, I want to achieve a vertical list menu that travels with the page when scrolling down (which I've done with 'position: fixed; top: 80px;' in css). That 80px is the height of my header so they don't overlap. The next step for this menu is for it to sit at the very top of the page when scrolling past the 80px to not have that 80px of white space above the menu when scrolling down the page. Essentially I want the page to take the menu with it. Anyone got any ideas? I'm sure it can be done by finding
[jQuery] convert character in event code
Hi, I'm new to this list. I have a question: is there any way to convert characters in event code (the output of e.which) and vice versa? For example: character § => code 32 code 732 => character ~ Thanks Greg
[jQuery] Sony Drop down menu in jquery
Hi, Is the horizontal drop down menu in Sony (http://www.sony.com/ index.php) can be done in Jquery?. I like the 2 columns like "shop" or "electronics" and the sub menu just expand when it is being click. Is there already done solution like this on the web? Thanks!
jQuery 1.3 Cheat Sheet
http://acodingfool.typepad.com/blog/jquery-13-cheat-sheet.html
Manipulating a Dynamic Menu
Hey everyone, I'm new to JQuery and would usually do more research before posting, but I have a demanding client that wants results, so hopefully someone can help me out. I have a dynamic CSS/JQuery menu that is part of a WordPress theme, and I would like to be able to set the menu to automatically size itself to the longest menu item or sub-menu item. The menu in question is at: www.adcuda.com under Solutions. Here is the simple script(browser hacks removed): function kriesi_mainmenu(){ jQuery("
[jQuery] input fields and change
Is there some better way than change() to check if an input field's content has changed? As you all probably know, change() only fires when you remove the focus from the input field, but I want to trigger an event every time the content of an input field changes either by typing something, using crtl-v, pasting from the selection buffer (middle click on *nix), or rightclicking and selecting 'paste'. Is there an existing solution for that, or will I need to write something that just checks the field
how to get the length of (b.html>body>div) into a.html
can anyone help write a jquery snippet to carry out the function blow? thank you very much the code of a.html: <body> <div id="get-b-length">get (b.html>body>div).length here</div> <button onclick="getlength()">get it now!</button> </body> the code of b.html <body> <div>1111</div> <div>2222</div> <div>3333</div> </body> [/code]
[jQuery] Jquery and fckeditor with ie8 inside a div using ui blind not working but works in other browsers help.
Hello, im fairly new to Jquery and I am learning alot. I right now am trying to get FCKEditor via javascript inside my jquery div. Basically what i have going on is the tabs ui, and inside one of the tabs is the accordian ui and at the bottom of the accordian ui i have a Link that you click to show the div that is holding the fckeditor text area. When i click this link, ONLY in IE at least 8, it does the blind effect i have, then you see it then it goes white. I have tried to alter my css for that
[jQuery] $.getScript callback doesn't work as expected
The docs say: Callback A function to be executed whenever the data is loaded successfully. function (data, textStatus) { // data should be javascript this; // the options for this ajax request } however if I do $.getScript(url, function(data){console.log(data);}) it prints null. The script is loaded fine. I'm trying to load the script and assign the source to an object, should I avoid this function altogether and use eval() and a GET?
[jQuery] Superfish nav bar drops down BEHIND Javascript slideshow in Internet Explorer
I need some help. I'm using Superfish navigation with Ultimate Fade-In Slideshow. The two scripts work in harmony in every modern browser and lots of ancient ones... Except for Internet Explorer. In IE, the drop-down nav bar gets hidden underneath the fading images. See what I mean at http://www.cabatproperties.com/newsite/tallahassee/index.html. I thought (and I still think) that the z-index settings might be the culprit. Using "inspect element" in Firefox, I can see that the Javascript image fader
can't change image
I can't change an image with jquery. <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script language="javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> <!-- // Andy Langton's show/hide/mini-accordion - updated 18/03/2009 // Latest version @ http://andylangton.co.uk/jquery-show-hide // this tells jquery to run the function below once the DOM is ready $(document).ready(function()
which is faster
Here's a simplified example, but which option would be faster for setting variable $a? HTML: <div id="SomeDiv"> <a href...>text</a> </div> Option A: var $div = $('#SomeDiv'); var $a = $div.find('a'); or Option B: var $div = $('#SomeDiv') var $a = $('a', $div);
[jQuery] Remove margin in last <li> in Unordered List
If I have the following: <div class="jcarousel-clip jcarousel-clip-horizontal" style="width: 459px; height: 220px;"> <ul id="mycarousel" class="jcarousel-list jcarousel-list- horizontal" style="height: 220px; width: 918px; left: 0px;"> <li class="jcarousel-item jcarousel-item-horizontal jcarousel- item-1 jcarousel-item-1-horizontal" jcarouselindex="1"> </li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel- item-2 jcarousel-item-2-horizontal" jcarouselindex="2"> </li> <li class="jcarousel-item
[jQuery] Cannot disable div
<div class="jcarousel-skin-ie7"> <div class="jcarousel-container jcarousel-container-horizontal" style="display: block; height: 220px; width: 592px;"> <div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;" disabled="false"/> <div class="jcarousel-next jcarousel-next-horizontal" style="display: block;" disabled="false"/> <div class="jcarousel-clip jcarousel-clip-horizontal" style="width: 600px; height: 220px;"> <ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal"
Thickbox Download Button
I'm trying to set up a simple inline thickbox window for agreeing to the terms of use for a download file. I found styling the box to hold the TOS content statement rather easy, but don't know how to set up a second button that closes the thickbox AND points the user at a zip file to begin download. The coding snippit for the "Cancel" button that they click when they don't agree is below. I want to add a second button that begins the download process, and also closes the thickbox popup. > <div id="hiddenModalContent"
[jQuery] Jquery UI Blind + javascript fckeditor not working in ie8 but works in other browsers...help
Hello, im fairly new to Jquery and I am learning alot. I right now am trying to get FCKEditor via javascript inside my jquery div. Basically what i have going on is the tabs ui, and inside one of the tabs is the accordian ui and at the bottom of the accordian ui i have a Link that you click to show the div that is holding the fckeditor text area. When i click this link, ONLY in IE at least 8, it does the blind effect i have, then you see it then it goes white. I have tried to alter my css for that
Show:Hide a textfield after changing in dropdown list
I can't figure out why it dosen't work. I'd like to show/hide a <p> block depending on the value selected in the dropdown list: $(document).ready(function(){ $('#report_rep_type').change(function(){ $('#report_rep_type').change(function(){ if($(this).text()!= 'Contigency Liabilities/Others') $('#someElement').hide(); else $('#someElement').show(); }); }); }); HTML code: <form action="my action> <fieldset> <legend>Report details</legend>
[jQuery] Jquery Ajax load function
Hi all I want to load some url without refreshing the page in my project. I am using jquery for it. It is working but just once. When I cliked it twice its not working. code is like that <script> function test(){ $("#main").load("compare.do"); } </script> <div id="main"> Test </div> in jquery ajax example http://docs.jquery.com/Ajax/load#urldatacallback there is some note; Note: Keep in mind that Internet Explorer caches the loaded file, so you should pass some extra random GET parameter to prevent
[jQuery] jQuery("ul.lavaLamp").hoverIntent is not a function
Hello I have a problem with hoverIntent function. For some reason i get error mentioned in subject. I know jquery conflicts with prototype in this case so i used jquery noconflict. For some reason hoverIntent function still does not work. I changed hoverintent.js to have jQuery instead of $ in it - still no luck. My file has such scripts: <script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/ js/jquery-1.3.2.js"></script> {literal} <script type="text/javascript"> jQuery.noConflict();
[jQuery] Decrement on click?
I'm sure this is going to be an easy one. I'm just not seeing a solution in any of the usual places. I'm getting the number of elements in a table like so: var count = $("#dataset-b tr").length; Then appending that number to a span, like so: $(".count").html("(" + count + ")"); What I want to do is subtract one from that number every time a user clicks a row in the table I'm generating, like so: $("#dataset-b tr").click(function(){ $(this).fadeOut(300); var int = 1; var prod
[jQuery] [ANNOUNCE] New plugin: Loading
http://plugins.jquery.com/project/loading If you need to let the user know something is happening in the background, this is the easiest way. It handles creation, positioning, masking/blocking stuff behind, and even "pulsing" the loading message with a few simple options. Of course, there's more than a few options. Everything is configurable and extensible. It's even easy to create your own pulsing/spinning/throbbing effects, and it can display text (default), images or any element you like with
[jQuery] webkit width issue
I'm having an issue with getting and setting widths on table cells in webkit browsers. It appears that webkit is assigning the wrong offsetWidth such that borders are not included in the width. The result is that width() returns the innerWidth and outerWidth returns the correct non-outer width. Setting the width seems to have a similar issue. If you set the width of a cell and then ask for it back, it will be the width you set, minus your borders. I set up a demo of this behavior: http://www.avencia.com/pickup/widthtest.html
Expected ':'
I am getting this error for a simple Jquery code I have written. Here is the code: - <script type="text/javascript"> $(document).ready({ $(".pageThumnails a").attr("rel","lightbox[thumnail]"); }); </script> Why am I getting the error please?
[jQuery] Check if jQuery is disabled on a browser
Hi, I'm using JQuery in site I'm building and I can see that it works on my browser and a majority of other peoples browsers. However, there are a couple of users for whom the features that make use of jQuery don't work. Unfortunately, these users are remote so it makes troubleshooting difficult. Is there a quick way to check if the browser (Internet Explorer) disables jQuery? Thanks, Shehan
Toggle function needs more than one click
Hi, I've made some JQuery code to learn how it works and I saw a strange behaviour with toggle function, here are the code that I wrote: html: <div id="apDiv1"> <input type="button" name="gauche" id="gauche" class="bouton" value="Gauche" /> <input type="button" name="milieu" id="milieu" class="bouton" value="Milieu" /> <input type="button" name="droite" id="droite" class="bouton" value="Droite" /> </div> CSS: .highlight { font-weight: 200; font-style: italics; background-color: #2C652F
[jQuery] [validation] how to return for jquery.Format
Hi, im adding a method. i want to display a message like: THECONTENTOFMYINPUT is already user. this is what im doing. jQuery.validator.addMethod("checkname", function(value, element) { var name = $('#PromotionName').val(); var promotion_id = $('#PromotionId').val(); text = $.ajax({ url: "/promotions/checkName/"+name+'/'+promotion_id, type:'post', async:false }).responseText; return eval(text); }, jQuery.format("{0} is already used", $('#PromotionName').val()
[jQuery] why is this href firing???
hi there! this plugin extends an input text with 2 links that increase or decrease it's value by 1. unfortunately, due to my dumbness it is not working as I would expect. When one clicks at one of the links, the link works normally as a link would (making the request to ""). Anybody could tell me what I am doing wrong - I am definitely suffering from jquery blindness here... <font style="font-family: courier new,monospace;" size="1">(function($) { jQuery.fn.spinner = function() { var
Jquery Inline Editing Not responding at all... wonder why
basically what I want is simple, when people onclick, the field become editable. After they change the value, press Esc at keyboard/ or click outside , to save the record. I'm not sure why it's not working. Documentation seems not complete... Anyone got idea on how this work? The documentation page: http://www.appelsiini.net/projects/jeditable Here I post my existing code here for guys to review. testing.html <head> <title></title> <script src="jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
[jQuery] Scroll Event on iframe in IE
My code for adding an event listener for scrolling on an iframe works fine for FF and Safari but not IE7. I haven't tested IE6 or 8. $($('#MyIFrameId').contents()).scroll(onFrameScroll); Does anyone have any experience getting the scroll event to fire on an iframe in IE?
[jQuery] Live on load
Does anyone know if a plugin exists, which could detect any new node in the DOM? Something like live, but where the trigger would be the creation of the element. If it was possible with live, I guess that would be something like that: live("load",".myClass",function(){ alert("A new element with the class myClass has been loaded in the DOM"); });
[jQuery] autocomplete plugin error callback?
Hi, i'm currently using the autocomplete plugin in my project and it works great. However I would like to be able to specify an error callback (probably just forwarding the error callback from the ajaxrequest would suffice).. Is it possible to get this implemented in the official version? If i'm not mistaken adding ", error : options.errorCallback" inside the $.ajax(...) somewhere in the middle of jquery.autocomplete.js would suffice to achieve this behavior... Plz consider, thx, regards, Jan
[jQuery] noob question, computability issues with a different date picker
Hello everyone, I tried posting a message before, but it didn't get posted, so here's another go. I'm completely new to jquery development and I wanted to use this date picker, since it also uses time as well http://razum.si/jQuery-calendar/TimeCalendar.html However, it did not say what to do, how, or where to change or add the code of his particular date picker with the standard one given in the UI code provided (his code is given through page source, then at top, the jquery.js and jquery-calendar.js
Next Page