[jQuery] jquery tabs
I have created a tabbed item. There are 2 tabs on called first the other second. Now when tab1 is clicked it should show the tab1 item and the same for tab2. This is working however I have run into a little problem. Once the page loads it should show what is on the tabs which is also working fine. Now this page gets data from another source. When tab2 is clicked again it reloads the data that was already there, which I do not want to happen. Say for example if you were on tab1 reading a page and
[jQuery] When choosen a checked then other checked disable and else
Hello, all I have a code: <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <script src='http://code.jquery.com/jquery-latest.js'></script> <script> $(document).ready(function(){ $('input [name="check1"] :checked').click(function(){ $('input [name="check12"]').attr('disable','disable'); }); }); </script> <style> body { cursor:pointer; } div { width:50px; height:30px; margin:5px; float:left; background:green; } span {
[jQuery] How to pass a Jquery variable to php?
Hi! How can i pass a jquery variable to a php variable? Or pass a jquery variable in GET or POST. Thanks!!
[jQuery] Jquery tabs load external file that uses a jquery plugin
I have a set of jqueryui tabs that, when clicked, load in their content dynamically. It works great, except that one of the pages uses a jquery plugin itself. This results in two issues: - The main page that holds the tabs throws an error when loaded because there is js that refers to elements that haven't loaded yet (those elements are in the external file that contains the code that relies on the plugin). - If I embed the js that triggers the plugin functionality into the external file, it is outside
[SOLVED] An issue with jquery ajax load
Hi, So i have this code that loads a section of another page and shows it on the current page. Say i want to get contents from a div with id=section2 and load it in the current page. The 'bug' i am seeing is that the whole page gets called in the current page using jquery's 'load' function. This happens in probably 30-35% of the cases. And so far this has happened with FF only and not IE Anyone else ever had this kind of problem? I am using the following code snippet: renderSecondPage: function(options)
[jQuery Cycle/ScrollTo] How to recreate this interface?
I would like to create an interface that is similar to this website: http://www.spin.co.uk However, I would like it to scroll to the next image vertically instead of horizontally. Would it make more sense to use the JQuery Cycle plugin (see the "scrollRight" demo at http://www.malsup.com/jquery/cycle/, it's sort of close to what I need) Alternatively I've been looking at the ScrollTo plugin (http://demos.flesler.com/jquery/scrollTo/). The main thing is that the following and previous image in the
[jQuery] serial scroll 'not working'
Sorry for the dumb title, but f I knew what it was, I'd probably not write this message.... At http://limpens.com I want to show my portfolios from flick photosets. I would want to use serialscroll to navigate within large sets. I think, I did it all as in the plugin's demo site, but out of some reason, it won't scroll. All the code is in http://limpens.com/js/main.js . If someone could tell me, what I am doing wrong, I'd be much obliged :) -- Jan
[jQuery] effect over images loaded via ajax (load method)
i have some images loaded viad load method, something like this: <ul> <li><img src="1" alt="" /></li> <li><img src="2" alt="" /></li> </ul> on mouseover i want to append a div inside that <li> with a greater z- index than the img so that div comes "in front" of the image(like a bar with links for image editing).On mouseout i want it to disappear. anyway...the problem is that those images are constantly changed (loaded via load method) and i tried something like this: $('img').live('mouseover',function(){
[jQuery] AJAX & Javascript content
Hi there, I'm developing a site which uses the jQuery AJAX module. I want to load external content into a div box inside the website. So far, there are no problems, but when I try to load external content, in this case HTML and Javascript, only the external Javascript is loaded. To solve this problem, I tried to eval the Javascript, but with no success, this time the Javascript was not loaded into the div box. Who has a solution for this problem? For the information, the eval script: -----------------------------
[jQuery] Please say the meaning of $("#username") or $("#newUser").bind("click",{},function(){}) and..........
i am using Jquery and javascript from long back but i don't know what this really means and what they return etc can any explain these....or can u just any wesite containing tutorials about these codings. $("#username") $("#newUser").bind("click",{},function(){}) $("#spamimage").attr({src:""}) I know what functions they do but i am unable to write my own programing using these , the third command i know it is returning src for a image but what is syntax and how to call value in a div or p tag and
[jQuery] Please explain $("#username") $("#newUser").bind("click",{},function(){}) and..........
i am using Jquery and javascript from long back but i don't know what this really means and what they return etc can any explain these....or can u just any wesite containing tutorials about these codings.
[jQuery] Why doesn't the following code work?
$(document).ready(function() { $("#form1").validate({ rules: { name: "required",// simple rule, converted to {required:true} title,content, evaluation: { required: true } }, messages: { comment: "Please enter a comment." } }); });
[jQuery] jQuery Accordian menu help - Find lowest number in array and make it visible
A user can select multiple options (through checkboxes). Upon submit, the jQuery loads the accordian menu out of the selected options (9). I am trying to show the first one as visible and the rest as collapsed. Now the problem is .. div:lt(1).show makes the first option show (but it is not the first out of what has been selected) .. it is the first from the previous page. So if I select 1, 2 and 3 (from landing page) .. upon hitting submit, 1 will be visible. however, if I select 5,6,7 from the landing
[jQuery] Plugin not working with latest JQuery Plugin
Hello, I have been using on my projects the following Email Defuscator: http://www.ia-stud.hiof.no/~joakims/projects/defuscator/ Strangely when using it with the latest JQuery version I get the error: this.each is not a function [Break on this error] jQuery.fn.defuscate=function(settings){s...ace (regex,'$1@$2'));var is_link=true;}\r\n The Plugin code is really short: http://plugins.jquery.com/files/jquery.defuscate.js_1.txt Could someone, please, tell me what is wrong? If you can suggest me a better
Option can't hide in IE6
Dear all I have a select element as below <select id="sel"> <option id="a">A</option> <option id="b">B</option> <option id="c">C</option> </select> I want to hide option A in some case and then show option A in the other case, so the code snippet as below // in some case $("option#a").hide(); The hide function works right in Firefox , but it can't work in IE6. Are there any other solution that I can hide option and show it in later for IE6 browser? Tks!
Accordion overlap & not slide
Hello. Does anyone know if it is possible to have an accordion menu not slide items down, but instead have that list item expand over the elements below it? Any help would be greatly appreciated. Thanks - B
[jQuery] How to write this using jquery?
Hi, What would be the jQuery version of this: ================= function getFlashMovie(movieName) { var isIE = navigator.appName.indexOf("Microsoft") != -1; return (isIE) ? window[movieName] : document[movieName]; } ... ... $obj = getFlashMovie(name); ================= The above function works good (so far, only tested in Firefox/Mac), but I can't seem to get a working "jQuery" version. Any tips? Sorry if silly question... Have a great day! Cheers, M
Help with Jquery and Regex
Hi, I have just started with jquery and love it. But now been having some problems with how to create a macro that would let me create a text box, tell the maximum size of the text box and what kind of regrex to put in. I want to just be able to have variables to pass so I the user can have more choices. I found this example: $("Textbox").rules("add", { regex: "^[a-zA-Z'.\s]{1,40}$" }) $.validator.addMethod( "regex", function(value, element, regexp) { var check = false; var re = new RegExp(regexp);
[jQuery] Remove content of div if on /login.php?action=logout page
Can it be done? If user comes to this page: mypage.com/login.php?action=logout To remove this div conent: <div id="LoginContainer" style=""> Please help...
[jQuery] XMLHttpRequest in jQuery
I have the following piece of code for XMLHttpRequest. I want to write the jQuery equivalent for the same. Since I am new to jQuery, any help would be great!! <body> <script type="text/javascript"> function ajaxFunction() { var xmlhttp; xmlhttp=new XMLHttpRequest(); } xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState==4) { document.form1.time.value=xmlhttp.responseText; } } xmlhttp.open("GET"," https://ondemand.abc.com/xyz/sessionServlet ",true); xmlhttp.send(null); } </script> <form
[jQuery] Hide/Show if logged in
Hi everyone, I can't get this out, i searched everywhere and didn't find solution... <div id="LoggedOut"> <fieldset id="signin_menu"> <form action="%%GLOBAL_ShopPath%%/login.php?action=check_login" method="post" id="signin" onsubmit="return check_login_form()"> <p style="display: %%GLOBAL_HideLoginMessage%%" class="% %GLOBAL_MessageClass%%"> %%GLOBAL_LoginMessage% % <label for="login_email">Email</label> <input type="text" class="Textbox Field150 InitialFocus" name="login_email" id="login_email"
[jQuery] Using jQuery Ajax commands with Chrome Extension's local files.
I'm using jQuery 1.3.2 and Google Chrome 4.0.221.6 - The issue I'm having is trying to load an xml file, that is nested inside the Chrome Extension. I realize that the xml file is local and typically you cannot access local files through javascript. However, when using files through Chrome Extensions, the file is not accessed with "file:///", but rather "chrome-extension://<app key>/ filename.fileext". Javascript seems to recognize this as a url and happily sends it to the browser, where chrome fetches
[jQuery] retrieve tr id
Hi. I have a table set up with multiple rows. Once a row is selected, the class of the row changes to "clicked". The id of the row is the "sequence number", and each td within that row has an id of the "sequence number" plus a title, such as "account". So, the id of the first td in the first row is "1account". I have an "Edit Selected" button which I would like to create a function for that would retrieve all of the information from the clicked row and place it in the edit row text fields and select
[jQuery] problem with multi-upload
I have the following lines on my main HTML page: <script src="jquery-latest.js" type="text/javascript" language="javascript"></script> <script src="jquery.MultiFile.js" type="text/javascript" language="javascript"></script> <script src="jquery.form.js" type="text/javascript" language="javascript"></script> <script src="jquery.js" type="text/javascript" language="javascript"></ script> <script src="jquery.blockUI.js" type="text/javascript" language="javascript"></script> <script src="jquery.MetaData.js"
[jQuery] Efficiently Detect When Sibling Elements Overlap
Example: <div id="big"> </div> <div class="small"> </div> <div class="small"> </div> <div class="small"> </div> <div class="small"> </div> <div class="small"> </div> <!-- ...and so on --> "#big" is positioned absolutely behind a portion of the ".small"s, but is not a parent element. I have been doing this: var smallArray = []; var $big = $('#big'); var $bigPos = $big.offset(); $('div.small').each(function() { var $this = $(this); var $thisPos
[jQuery] Dynamic images - how can I tell when they are ready to be viewed by the browser?
I'm building a slide show using jQuery and I am having sporadic issues displaying an image before it's fully loaded. e.g. Images are stored in a database (binary not the image path) and I use an image handler to retrieve the images. Because the amount of images for each slide show is not predetermined, I load the first image and next image initially, then each time a slide (next) is selected I fetch that slide and the next slide. I don't want to pre-load each image as there could be well over 50-60
[jQuery] Adding Multi-Tier to Drop Menu?
I thought I could get this working with my first UL, doesn't seem to be cooperating very much though. Anyone mind helping me find out how to add the ability to traverse up to four tiers? Much MUCH appreciated! [code] $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav $("ul.topnav li span").hover(function() { //When trigger is onHover... //Following events are applied
Drag and drop move row from first tabel to second table
Hello, i nee help with drag and drop in jquery. My problem is: I have two tables and i need move some rows from first table to move second table. I found on web how move rows in one table but i don´t know how moving in between two tables. Do you know where i found some information or example?. Thanks excuse my english:-(
[jQuery] [autocomplete] Pressing Enter On Non-Matched Substring When firstResult:false does not hide the Autocompletion List.
Hi all. My autocompletion code is: $("#suggest").autocomplete(tags, {selectFirst: false, multiple: true, multipleSeparator: ",",}); When I start typing in my text field, for instance Nou, the autocompletion gives me Nouvelle, Nouveau... But what I want actually is to search for "Nou". So I press enter, my search engine returns some results, but the autocompletion list is still there, unless I press "Esc". Isn't there any other option to disable/hide the autocompletion list when Enter is pressed (out
IE8 Error
I have a stupid IE problem now. When running my site in IE8 it throws this error: Line: 4166 Error: Could not get the position property. Invalid argument. Here is the code in question: var nextPage = function(){ currentPage++; var row = 0; var col = 0; var newStart = currentPage*perPage; var newEnd = (currentPage*perPage)+perPage-1; $('ul.gallery li').slice((currentPage*perPage),((currentPage*perPage)+perPage)) .each(function(i){
Attribute Selectors
I have the following code. var newsCookie = readCookie('newsTabCk'); var tabId = $("#tabPanel2 ul li a[onclick*=newsCookie]").attr('id'); In the second statement above, newsCookie is being considered as text rather than a variable. What should be done to consider newsCookie as a variable rather than as text/string ? Thanks
[jQuery] Multi File dinamically added problem...
Hi, have tried to use the multi file plugin (http://www.fyneworks.com/ jquery/multiple-file-upload) on a fields dinamically generated by jquery...but don't work...have a solution? var new_files_input = $('#files' + num).clone().attr('id', 'files' + newNum).attr('name', 'files' + newNum); new_files_input.MultiFile(); PS:the code is on my own function outside the onload of jquery, first have tried to attach to jquery onclick event but have the same result...
compatibility error from 1.2 to 1.3
hello to everyone i'm in trouble running my slider panel script i developed in jquery 1.2...it dosen't work under jquery 1.3.2 can someone help me find the error and fix it? this is the javascript (document).ready(function() { $(".topMenuAction").click( function() { if ($("#openCloseIdentifier").is(":hidden")) { $("#slider").animate({ marginTop: "-121px" }, 500 ); $("#topMenuImage").html('Panel <img src="images/propagator_slider_panel_open.png"
[jQuery] How to parse a json object?
Hi everybody, Supposed that I have a json object but I don't know anything about its keys and values. Is there anyway to print out all the key and value pairs in that object? Thanks.
JQuery Dialog
Hi All, I am new to using Jquery. I want to open a dialog using jquery and when the dialog shows , it should make a call to some aspx page to update its own contents. I know an updatepanel can be contained in a <div> and can be opened as dialog using Jquery and after opening up of dialog can issue any command like pressing a button to update dialog's contents from server. But i want to make a call to aspx page as soon as it shows up , without issuing any command from dialog itself. Is there any event
[jQuery] png fix with jquery ui?
Is there such a thing as a jquery ui plugin for png? Jess
[jQuery] How to union plugins in 1 file
Hello all. How to union all plugins in 1 file ? Simple copy-paste do not work.
[jQuery] Cycle Plugin not working in IE - who can help?
Hi, I am currently developing a site for a client which uses the JQuery cycle plugin to move through a number of divs which contain pictures and info about wedding dresses. All works fine in Firefox, but when I test in IE6 + IE7 the divs are all stacked on top of each other vertically and they soan right down the screen for 1000's of pixels. To me it seems like this is a problem with absolute/relative positioning or the z-index, I have also used a few floats in the child divs. I am also using SIFR
[jQuery] My code is not working for rollover
Hi I had it all working and now its not :( My problem now lies with the hovering over my 2 classes ie. .LPButton,.CatMoreBtn > its just not hovering! and i'd like to make this work for me so i can have not only png's rollover but, gifs and jpgs but i have no clue where to put the additional code. Any help would be much much appreciated. This is what i have for jquery so far. jQuery(function($) { function getLeaf(url) { var splited=url.split('?');// remove all the parameter from url url=splited[0];
[jQuery] Validate: regex that returns true elsewhere returns false inside validator method
Either I'm having a really dim Friday, or something strange is going on. I'm trying to add a method to the Validator plugin, using the following regex: /^[a-z0-9-.,()'%$£&"*\s]+$/ So I've added this into the "additional methods" JS file: jQuery.validator.addMethod("lettersnumberandadvancedpunc", function (value, element) { console.log(value + " = " + /^[a-z0-9-.,()'%$£&"*\s]+$/i.test (value)); return this.optional(element) || /^[a-z0-9-.,()'%$£&"*\s]+$/i.test (value); }, "Letters and punctuation
Next Page