multiple ui tabs on one page
i have been setting up 3 rows of tabs on one page. it works fine in terms of each panel closes when another is selected but on each row there always remains one tab as selected. Do you know of anyway to ensure for example that when i click a tab on row two and it becomes selected it will also remove the selected state from the tab on any other row? i have tried this but it does not do the trick // $("#tabs1 ul li a").click(function(){ $('#tabs2').tabs({ selected: -1}); $('#tabs3').tabs({ selected:
Get attribute of element selected by element name
Hi! I am just working on a project where i have to replace the href-attributes of all links by another string. The problem is, that i need the old href-attribute to generate the new one, and i have no idea how to get it i tried it with something like this, but it doesnt work: $(document).ready(function(){ $("a").attr({"href":"javascript:follow("+ $(this).attr("href") +")"; }); I know there is some way to do it but i forgot it and i looked up the whole internet for it and didnt find it, so i hope
[jQuery] jquery.dropShadow and IE8
Has any one noticed that the dropshadows dont fade in ie8 they are just black
[jQuery] slide effects not working.
Hello Guys, I've got a couple of div's one of which I'm trying to set a slide effect on when the other is toggled, both contain a single image. The code example can be found here http://pastebin.com/m6c3f43a8 Now, the 'expandable' div is hidden when the page loads as I would expect however clicking on the 'expander' div doesnt appear to trigger any change in the 'expandable' div, also no JS error is thrown. Any ideas on this? I'd appreciate it. Rob
run two functions
Hi, I have problam whit jquery. Whit IE work everything OK(work fine), but whit Mozila or Opera i have problam: Hirs function "sec" work, fine, but secont in file index2.php "sec3" don't. index.php <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var sec = setTimeout(function() { $('#sec').load('index2.php?id='+ Math.random()); }, 1000); }); </script> </head> <body> <div align="center" id="sec">Please wait...</div>
[jQuery] jquery autocomplete with dwr
Hi!<br /><br />first: someone know one great (simple and easy) plugin for jquery for autocomplete/suggestion ?<br />second: someone use this plugin with DWR ?<br /><br /><br />thanks!!!! :)
Querying xml
Hi, I'm trying to load xml using ajax call and later query the xml using a input field, the results of which should populate into a div. I would be searching by site id or title in the xml. Right now, after the ajax call nothing happens. Please help me. Thanks in advance for any help~~ Harish <!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> <meta http-equiv="Content-Type"
[jQuery] Image display using jquery
Hi, I have a problem in a div displaying number of images and it is implemented using jquery. This div contains a scrolling option also. With out any scrolling, when I click on any image at the bottom part that is not fully visible, then it's popup will display partially now. But I need an option for displaying this popup to the top(that means it will display fully). can you give me a solution for solve this problem. Thanks and regards
Tablesorter update/sort problem
Hi , I am trying to use the tablesorter plugin to append data to a table within Drupal. However, the table update doesn't seem to work first time. When I append data to the table the new data won't sort but the previously appended data will. My basic code is shown below. I seem to need to call table update again from another funstion before the new data can be sorted. function(data) { $("table tbody").append(data); }); $("table").trigger("update"); I am a Jquery newbie so it may be something obvious
[jQuery] jquery
when i am submitting the form with jquery, it's not checking for the entire form, it is checking only the first label, that too how many times i am pressing submit button that many times that error label is printing how to avoid this, and how to do entire form validationon submit.
AJAX file upload
hi, my question sounds like this: it is possible to make an file upload using jquery's ajax abilities? i don't want to use a plugin, i want to do it from scratch. if it's possible, what should i send to the php? thanks
[jQuery] Text manipulation : retrieve tag
Hello, I have an HTML text with text and tags I'd like to get only the text between the tags <title> Then I have this: <body> start text <title>Text to get</title> end text </body> i'd like to have this result ONLY: "Text to get" How can I do this ? Thanks,
[jQuery] How do a create a loop in my slideshow? (pelase help)
I have create a slide show that has next and previous buttons and an area of 'dots' that link to a specific slide, however I'm having difficulty in looping the sideshow so it runs automatically. Ive tried making a loop function but it seems to act strangely. I'm pretty new to jquery and would really appreciate some help. Code: $(document).ready(function(){ //global fade time var fadetime = 500; //global amout of slides var current = 0; var amountOfSlides = $("#slideshow > .slide").size(); //create
[jQuery] Getting link ID
Hi Guys i have a click event on my links. Each link has an ID. Is there any way I can get the link ID when the user clicks it ? See below for code: <a id="menu_home" href="#Home"></a> <a id="menu_contact" href="#Contact"></a> //JS $(document).ready(function() { // Add menu event listeners var menuItems = ["home", "contact"]; $.each(menuItems, function(intIndex, nm) { $("#menu_"+nm).click(function () { getPage(nm+".htm"); }); }); });
How do a create a loop in my slideshow? (pelase help)
I have create a slide show that has next and previous buttons and an area of 'dots' that link to a specific slide, however I'm having difficulty in looping the sideshow so it runs automatically. Ive tried making a loop function but it seems to act strangely. I'm pretty new to jquery and would really appreciate some help. $(document).ready(function(){ //global fade time var fadetime = 500; //global amout of slides var current = 0; var amountOfSlides = $("#slideshow
[jQuery] Hiding the cancel button in Ratings plugin, v.3.12
Hi Right to the point: I don't want to use the cancel button functionality of the ratings plugin (version 3.12) so I don't want it showing in front of the stars. I was expecting to find a configuration setting for this, but didn't (did I miss it)? I added a line [control.cancel.hide()] to the draw() function in the source code on line 256 which did the trick, but I was wondering if there is a better way to do this (preferably through configuration)? My source code now looks like this: 251 ....
[jQuery] jQuery validation custom method doesn't work
Hello all I have added a method on jQuery validator like this $.validator.addMethod('myEqual', function (value, element) { return value == element.value; // this one here didn't work :( }, 'Please enter a greater year!'); $.metadata.setType("attr", "validate"); $("#educationForm").validate({ showErrors: function(errorMap, errorList) { this.defaultShowErrors(); }, errorPlacement: function(error, element) { error.appendTo( element.parent("td").next ("td") ); }, /*success: function(label) { label.text("ok!").addClass("success");
[jQuery] jPrintArea
Hello, i have strange problem with this plugin ( jquery.jPrintArea ) in IE... With FF, Opera and Chrome is work pretty good! But in IE print container is not exactly what i defined... Can u help me? 10x
Resizing cells in the table
Hi, I have table like this: <table> <tr> <td><div class="drop">a</div></td> <td><div class="drop">a</div></td> <td><div class="res">aa</div></td> <td><div class="drop">a</div></td> <td<div class="drop">a</div></td> </tr> and jQuery code: $(".res").resizable({handles: 'e, w', helper: 'res-hover'}); And I would like to do this: If you resize the block res, it joins with selected block drop, so the it will be one cell in table. I try to use this: $(".res").resize(function(){
[jQuery] Superfish speed problem
Hi there, I'm trying to get my Superfish menu to display the instant that I hover over it. However there is a slight pause before the sub-menu is displayed. I am using supersubs as well, this is the set-up call I am using. $(document).ready(function(){ $('ul.sf-menu').supersubs({ minWidth: 12, maxWidth: 27, extraWidth: 1 }).superfish({ onInit: function(){}, onBeforeShow: function(){}, onShow: function(){}, onHide: function(){}, delay : 200, animation : {height:'show'}, speed : 1 }) }); I would like
[jQuery] jquery code works with firefox but not ie.
I have the following code that works in firefox and google chrome using jquery 1.2.6. function setUpClient() { $.post("http://localhost/gestivov2/include/ajax/getclients.php", {}, function(data){ $('#left_items').empty(); //alert(data); $("client",data).each(function(id) { client = $("client",data).get(id); $("#left_items").append("<li id='"+$("id",client).text()+"'><a href='#'>"+$("name",client).text()+"</a></li>"); }); }) } It doesn't
[jQuery] [Validate] Customize Error Labels
Hi, I need help with the Validation plugin. I want to disable the generated error labels and I need to find a way to add the class "error" to existing form labels instead. Currently I don't use it and simply want to add highlighting to the existing fields and labels. My forms already contain fields with corresponding labels (using the basic "for" - "id" relationship). And all i need to do now is to add the class "error" to these labels if the corresponding fields has errors. Sorry if this question
[jQuery] Catch Exception
Hello, In my code (ASP.NET MVC using Nhibernate) , I do this : $(document).ready(function() { $('.DOFFDelete').click(function() { var id = $(this).attr("id"); $.post("/Customer/DayOffDelete", { customerid: getCustomerId(), doffId: id }, function(data) { $("#myFormDOFF").html(data); }); }); }); Then I display the result in the DIV named "myFormDOFF" Of course, my .NET code can generate exception. I'd like when I receive an exception didn't change the content of "myFormDOFF" but display the message
[jQuery] Superfish Features highly desired/needed.
Superfish is awesome.. I sincerely appreciate the fact that the developer considered physically impaired users by allowing the use of keyboard navigation. There are two things that I think is really needed. 1. better keyboard navigation protocol. In this thread I outline the ideal solution (mimicing mac os x's keyboard menu navigation.) I would appreciate if the developer were to read my post there. 2. Easy support for mega menus.. Check out the front page of http://photobucket.com/ and hover over
[jQuery] (Validate) Validation is only occuring the first time "Submit" is clicked
I've got weird behavior on the contact form at this address: http://tinyurl.com/myy8gp' The initial validation works (i.e. leave all fields blank and click submit). If you then enter anything valid into any one of the required fields and click submit again, the jQuery validation doesn't seem to occur again (or, if it does, it passes everything even though other required fields are not valid) and it passes everything to the PHP file for processing. Here is the code for the form: <form id="contactForm"
[jQuery] jquery tooltip is merging with aspx dropdowncontrol in IE6
I am using jquery to display the tooltip when mouseovers on the image which is beside of the aspx dropdown or textbox controls. When mouseover on the image, if there are dropdown control, the tooltip text is merging with dropdown control.
Font size
Sorry for bombarding this topic with suggestions, I'm new to these forums and would love to stick around and help, but there are a few things that make helping more time consuming than it should be. So this suggestion is about font size. It seems in most places on the site, the font size chosen is the smallest it could possibly be before bolding is not possible for the chosen font (which usually means 10 or 11px). This is just TOO small, and I find myself squinting often. If you read into it, you'll
[jQuery] Jquery Validation How To
Hi, I have a form that includes four text fields for phone numbers: Business, Home, Cell and Fax A user must fill in at least one phone number. How would I set up the validation for this? Cheers
jQuery load() Issues
Here's the setup: A main page loading an external page (with javascript referencing variables from another .js file) into a div. If I don't use any javascript on the external page, it loads just fine. But if I do, it refuses to load in FF and just doesn't show the javascript in IE. Update: In FF, it only outputs the javascript, but doesn't load the rest of the page. In IE, it loads the rest of the page and not the javascript. Main Page: (not the whole page, but the parts that matter) <script type="text/javascript"
How do I implement this jQuery/AJAX effects on my page?
If you go here, http://demo2.analoganalytics.net/publishers/7/offers and click on Email and Txt for any coupon offer, I would like to duplicate that exactly on my page. By looking at their script, it looks like they're using Prototype. However, I'm new to jQuery and wondering can the almost exact same effect be apply to jQuery? Perhaps a combination of fadeIn, fadeOut, slideDown and slideUp? On that page, I'm wondering how after submitting the email, it clears the box to display the "Thank You! Your
search name with specific suffix in jQuery
Hi, I have few links with names and no ids as <a href="#" name="linkname_fn1"> <a href="#" name="linkothername_fn1"> <a href="#" name="linkthirdname_fn1"> <a href="#" name="linkname_fn2"> <a href="#" name="linkname_fn3"> and some divs as <div class="ss_fntext" id="txtNote_fn1" style="border:1px solid red;background-color:white;position:absolute;width:200px;height:80px;overflow:auto;display:none;">xyz</div> <div class="ss_fntext" id="txtNote_fn2" style="border:1px solid red;background-color:white;position:absolute;width:200px;height:80px;overflow:auto;display:none;">xyz</div>
Topics need a hover state
It would be really helpful if, when presented with the list of topics in a category, the topic 'rows' had a css hover state, just to change the background color slightly. As 'candy striping' has been denounced by several usability bigwigs, the best way to allow a user to easily see which data belongs together per row, is to change the background color on mouseover. This is especially important since the font is small, the rows are slim, and the layout is full page width. On my widescreen monitor,
Mark Solved Button
I wasn't seeing the option for this, but a Mark as Solved button would be good so we know when a topic has been resolved. Example: PHP Freaks Poking around the phpBB Mods database I didn't see anything, but maybe someone knows of a publicly available one. Admins/Moderators/Helpers could also be given the power to mark other threads as Solved to help keep things cleaned up.
[jQuery] Superfish via PixoPoint menu w/background images problem
Hello, I'm hoping someone can shed some light on this. I'm setting up a Wordpress site, using the Pixo Menu Plugin to auto generate the top menu. It integrated Superfish out of the box. I'd already designed the site, and successfully adapted the css to match, using background images for the back, but have run into one sticking point. Though this code in the css allows for the top menu to stay "selected" using a background color as the cursor drops into the menu and submenus below... #pixopoint_menu1
Add href link to jquery rollover
Hello. I have a test blog I am working on at: http://loriandersondesigns.com/totshotsworkshops/ I am trying to add some jquery image rollovers like the type featured on ThemeForest: http://blog.themeforest.net/screencasts ... ers-day-8/ I got the image rollovers to work, however I want to add links to them. Each time I add an href tag around the images, the script stops working. Any suggestions?
[jQuery] any plugin for twitter+flickr+fb+delicious+tagged
Hi there is there any one single plugin that can handle twitter, facebook, flickr, delicious, tagged etc? Something like http://amplifeeder.com/ i have seen plugins specifically for twitter or flicker etc, but is there one single plugin that can handle everything? Any response is highly appreciated Thanks Vru
[jQuery] jQuery pagination problem
I am using the pagination plug-in provided by jQuery.com however I had a problem putting the content inside probably because my input data is not static html page like the demo. In the demo the sample input is in static html page and it will get the page based on <div class="result"></div> I have an php output of 5x10 array eq: <div class = "result"> echo $php_poll->view_ten_poll_list(); </div> This does not giving me any correct output, just give me the correct page number but does not give any
Ideas for popup user agreement..(lightbox, maybe?)
Hello all, a client of mine is a photographer and offers specialty products through another company. Basically, the customers can upload their own images (or use his) and create and purchase mugs, large pics, etc. Well, he has had issues with customers uploading their own low res pics and ordering huge prints of them, only to get mad when they realize the quality of them. So, on that note, here is what I want to do. As for now, the first time the users can use this affiliate program, they have to
Formatting buttons - broken?
The formatting buttons do not seem to function as I would expect. When you click the italic button, for instance, it inserts only the opening tag. If I type a word then manually type the closing italic tag, everything seems fine. But when you submit your response, the parser slaps a closing italic tag at the very end of your post, and because this closing tag is no longer paired (since I already included one manually), it gets included in the post. I'm not sure how it's supposed to function, but
need to load a div then refresh
I have searched all over the net and the below example is the only I can find to do this, I need to have a DIV refresh an external file every X amount of seconds. This code works but the problem is on initial page load, it waits X amount of seconds to load the page, I would like to have the DIV load on page load, then refresh every X amount of seconds. I am a newbe when it comes to javascript so any help would be great <script> var auto_refresh = setInterval( function(){ $('#notificationcontainer').
Next Page