text link from within 1 tab to another
Within a group of tabs how do I create a text link from 1 tab to another? I have tried the following: <div id="stallion" style=""> <!--Stallion Tabs --> <ul style="margin-left:10px;"> <li class="tabs"><a href="#stallionLanding">tab 1</a></li> <li class="tabs"><a href="#stallionVideo">tab 2</a></li> </ul> </div> <!--Begin Stallion Landing Info --> <div id="stallionLanding"> <a href=http://thedomain.com/horsepage.html#stallionVideo>test1</a>
Fade Loop Li's and Update the Content
Hey, I currently use this to go through a group of li's: $(document).ready( function(){ $('ul#random').innerfade({ speed: 'slow', timeout: 5800, type: 'sequence', containerheight: '200px' }); }); I also want to update that content though every couple of minutes so I use this: function updateTwitter() { $("#random").load("system.php"); } window.setInterval("updateTwitter()",180000); This updates it, but also freezes the fading
[jQuery] Cycle with Dynamic Thumbnail Paging
Hello, I am using the Cycle plugin to create a slideshow from images in a php file: $(function() { $("#spotlight").load("photos.php", function() { $(this).cycle({ fx: 'fade', timeout: 0, pager: '#cNav', pagerAnchorBuilder: function(idx, slide) { var src = $('img',slide).attr('src'); return '<li><a href="#"><img src="'+src+'" width="100" height="50" /></a></li>' } }); }); }); I would like to use image thumbnail anchors as the paging, but can't figure
.Show( ) / .Hide( ) moving div position !
Hey guys, new here and I am not sure if this is a CSS issue or a JQuery issue so apologies if this is in the wrong section or forum entirely. Ill get straight to it. I have a website coded in asp.net. This site is simple in terms of functionality. A admin user is able to login to an admin section and add thier own content. Content, is defined as a div with the class of .contentFrame and an id named after the DataBound items 'Title' property. Each content frame contains a <h6> For a title, a <p> for
[jQuery] Cycle plugin pager over image
Hello everyone! After using the Cycle plugin for quite some time now i was wondering if there is any way to get the "auto-generated pager" shown over my image. I can only see the .before and .after tags which put the pager above or below the image (content), but am unable to find a way to put the pager on top of my image (content). Thanks for reading, Martijn
[jQuery] Debugging jQuery in Firebug
I've seen a crapload of old posts but none really work well. Is everyone still just using the consol log thingy in Firebug or what? I've never used that with jQuery so I do not understand how to debug jQuery in Firebug still
Jquery global variable?
Hello everxbody i have a big problem.... i want to read a inputfiel (land) and send this to my autocomplete file ... but this is not working there is always undefine... so how can i make this variable global that this is working? thank you very much $("#land").change(function(){ $.myvariable = $("#land").val(); return $.myvariable; }); $("#plz").autocomplete("searchplz.php?land="+$.myvariable,{ minChars: 1, width: 200, autoFill: false, mustMatch: true, formatItem:
[jQuery] [validate]validate works for IE but Not for Firefox, Nor Opera Nor Safari Nor Chrome :S
Hey everybody, I have been working on a project and i'm using the validation plugin in one form, but something really strange is happening .. :S the validation works perfectly on IE, but on firefox it just ignores it and let you submit the fields empty even if they are required. can anyone of you help me please? Thanks in advance. the code : <script type="text/javascript" src="/js/jquery/validate/ jquery.ExtraValidation.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){
Dragged div change places with destination
Hi. Maybe a bit complex to explain. I have a grid with 9 images 100 x 100 px like this (each number symbolize a picture): 1 2 3 4 5 6 7 8 9 What I want is that the user can drag and drop e.g. 9 over 1 and they change places like this: 9 2 3 4 5 6 7 8 1 Sortables from jquery UI will not work since their solution is using floats. That will "push" all the boxes to the right or left e.g.: 9 1 2 3 4 5 6 7 8 thanks in advance.
[jQuery] [validate] Multiple field validation
I have a form that has a user fill in tons of fields with different number values. I need to validate that all 13 fields when added together are within a number range. Is there any way to do this with the validate plugin? I can do it with just javascript or php, but I'd rather be consistent with the rest of the form. Thanks, Matt
[jQuery] File Input field Help
Hello so I am trying to create an image that once clicked will trigger the file input field but I am getting an error Here is what I am doing: # Set the image in the div $("#form_container").css({"background-image": "url(input.png)", "width": "126px", "height": "150px", 'cursor': 'pointer' }); # set the field input out of viewable site. $('input[type=file]').css({'overflow':'none', 'position': 'relative', 'opacity': '0', 'top':'-1000px', // place element of the grid '-moz-opacity': '0' }); # When
[jQuery] [validate] Make at least one input field required
html looks like: <input type="text" id="email" name="email"> <input type="text" id="tel" name="tel"> <input type="text" id="gsm" name="gsm"> i want people to fill in at least one of these fields how can this be done using the jquery (validation plugin)?
[jQuery] Undo for particular Field
Hi All, I am newbie to jquery. How to set Undo for particular textbox using jquery. Thx in advance. Regards, Sarvan
[jQuery] Dragged image change places with destination image
Hi. Maybe a bit complex to explain. I have a grid with 9 images 100 x 100 px like this (each number symbolize a picture): 1 2 3 4 5 6 7 8 9 What I want is that the user can drag and drop e.g. 9 over 1 and they change places like this: 9 2 3 4 5 6 7 8 1 Sortables from jquery UI will not work since their solution is using floats. That will "push" all the boxes to the right or left e.g.: 9 1 2 3 4 5 6 7 8 thanks in advance.
jquery help
Hey Guys, Been a lurker on here for a good while but have now joined as i need your help! I'm a massive fan of jquery and im sure I have found something before to replicate what happens on the main image of this site http://www.airside.co.uk/ they have used flash but im sure it can be replicated or has been using jquery, the slide downwards and relevant text appears when rolled over, almost like jcarousel but I can't seem to find a working example that works the similer? Can anyone point me in the
[jQuery] [Autocomplete] One more question
There's a "focus grabbing" effect I'm interested in. I can demonstrate using the demo http://jquery.bassistance.de/autocomplete/demo/ : 1. I type "Ro" into Single Bird (remote), the suggestions appear. 2. But "Ro" is the value I want to enter into the field. So I want to move focus to another form field. The standard ways to do that are to click on the field I want to type in next or use (shift-)tab to get there. 3. If I click on the field I want to type in next. e.g. E-Mail (local), it gets the
Dragable
hey well i have made a div draggable like so within its container. http://weblayoutsrus.com/drag/ but now i want to stop it from being draggable and just do it so that it is stays in a default location like i have set. example 50 on y and 100 on x axis. is there anyway i can position the div tag within the container with javascript with just x and y rather than CSS ?
[jQuery] Fade Content In and Out
Hi everyone: I am looking for a way using jQuery to fade my content in and out when the user clicks a button. For example: The user loads the page, the content <div> fades in. The user clicks on a like to another page and the content fades out and then the new content fades in. And ideas?
jQuery fadeIn
Good morning all, Have a problem - I have 5 divs with the same class, I want each of the divs to fading in at regular intervals. I was thinking something like, $("div.project").next('div.project').fadeIn("slow"); yet this fades them in all together, instead of at intervals/one after the other. Thanks for your help
[jQuery] Form validation help
Can anyone tell me how to validate a form field with a Minimium(2) characters required? Here is what I have below, thank you in advance for your help! $().ready(function() { // validate signup form on keyup and submit $("#signupForm").validate({ rules: { firstname: "required", lastname: "required", url: { required: false, url: true }, businessname: "required", address: "required", city: "required", state: { required: true, digits: false }, zip: { required: true, minlength: 5, digits: true }, messages:
[jQuery] couldn't get pagination to work
Hi guys, I just couldn't get the tablesorter pagination to work. I'm using jquery-1.3.2.min.js. Below are my scripts: <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script> $("#contact_list_table").tablesorter({ // pass the headers argument and assing a object headers: { // assign the secound column (we start counting zero) 0: { //
My first little jquery project: problem with selectors
Hi. I am new to jquery and I need a little help for my first project. I want to hide a div tag and then slide it down when a link is clicked. When the link is clicked a second time the div should slide back up. Basically an accordion effect. Here's the html: <div class="container"> <h2 class="title">overskrift <span><a href="#" class="slidedown_on_click">more information</a></span></h2> <div class="slidedown_area">the content of the slider</div> </div> Here is my jquery code so
[jQuery] New jQuery plugin LoopedSlider. Looking for feedback
Yeah I know, another content slider, there are way too many. But I've wanted something that looped from first to last or last to first slide using next/previous buttons and that fades if you click on a slide number. So that's why I've created this plugin. Would love some code feedback if anyone has a moment to take a look. I appreciate any advice or criticism. loopedSlider, a jQuery plugin: loopedSlider is a plugin made for jQuery that solves a simple problem, the looping of slide content. It was
[jQuery] Creating a personal blog site. Upon clicking on an entry list item, it will open the correct text in the content area
I am creating code using Jquery that will take the text from a header tag in my content and populate a listitem box in the sidebar pane. Also, when clicking on the list item, it will unhide the content in the content pane and display it to the user. My issue right now is that I am not able to unhide the text upon clicking the listitem. Can anyone please help? Here is my Jquery code, // I hide all the content in the content pane $(".entry").hide(); // I populate the list items into the side pane named
[jQuery] submit() question
Hi, In my submit() callback function, I want to set two new values in some hidden input fields right before the post data is submitted, based on the values the user inputs in some input fields. However it seems already too late, the server will never have those values unfortunately. So I wonder if there is any way to achieve this. Thank you for any kind help. -- View this message in context: http://www.nabble.com/submit%28%29-question-tp22896425s27240p22896425.html Sent from the jQuery General Discussion
Getting Checked Elements Value
What is the best way to get all elements that are checked by selecting a classname? I have the following code, but is this the best/most efficient way of doing this? function get_checked_values(p_ClassName) { var checked = new Array(); p_className.is(":checked").each(function() { checked.push(this.val()); }); return checked; } Usage: get_checked_values($("checkboxes_class"));
show() making elements display:inline
I am working on some code where I am trying to make something appear depending on what is clicked. I was using slideDown() but was having issues with some jitteriness. When I switched it over to just using show, all of a sudden instead of making things display:block, it made the elements display:inline. Anyone know why? jQuery: $('#pt-wp').click(function() { $('#post-inputs *').hide(); $('#post_type').val(1); $("label[for='content']").show(); $("textarea[name='content']").show(); $('button').show();
Validate Problem
Hi! EDIT: I got it working! But now I'm stuck with another problem, the form action won't happen, I did set it to "?register=send", so it should rederict me to register.php?register=send (works if I remove javascript code and hits submit.) Why won't it submit? Code: <? include'includes/mysqlConnect.php'; ?> <? include'includes/head.php'; ?> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <script type="text/javascript"> jQuery.validator.setDefaults({
[jQuery] [autocomplete] How to manually trigger event for displaying results and suggestions in Autocomplete by Jörn??
Hi again, My cuestion is about this great autocomplete plugin by Jörn, i got it working using ajax and all... But theres no way to display the results manually??? (they just show when someone press one key in the keyboard). I tried to dig into the code with no luck =(. Please!! Some help!! I had been days stucked trying to get work this T_T Thanks very much!! Enrique
[SOLVED]Help with passing Special Characters using urlencode
Hi all, I have the following: $("input").click(function(){ var update = $(this).attr("value"); which is grabbing the value of my submit buttons. Then I have: var str = "update="+update+"&"+$(this).serialize(); which I am using as the data in my $.ajax POST. All is working great - except when I have special characters in the Submit button name. Like so - Apply & Save So - I came up with: $(".actionBar input").click(function(){ var update = $(this).attr('value').urlencode(); Which seems to
[jQuery] jQuery carousel3d
hi i'm a newbie in jQuery. i used carousel3d for my images. it works great. problem is..i need to replace the images used in the carousel when the user clicks a certain tab. how do i do this? rachel
[jQuery] Why does my website crash in IE when fading?
My site works fine in Firefox, but it crashes in IE. I am using alot of jQuery in order to fade in content. When the user clicks on one of the above links a few times, it will crash in IE. Here is my site: http://www.idea-palette.com/ http://www.idea-palette.com/ I have absolutely no idea why the site crashes in IE. I don't even know where to begin to debug my problem. I don't have Visual Studio on my computer, but on my friends computer Visual Studio reads a message of "An unhandled win32 exception
[jQuery] Difference between .bind() and .click()
I want to do something based on the click event. I was looking at examples and at the jQuery Docs. Read them but so then a .blind() is adding an event handler where .click() is obviously an event handler but you could I guess use either or to handle for example a click event: .bind('click', function(){... or .click(function(){.... right? either will work on whatever element you're working with right? just 2 different ways of doing the same thing in jQuery I assume.
[jQuery] Where to paste this extension
trying to figure out where I'd include this script. http://happygiraffe.net/blog/2007/09/26/jquery-logging/comment-page-1/#comment-981 if I include it in my page, how is it gonna know what the var jQuery.fn.log is? I don't see how to set this up.
[jQuery] How to add a new item after selected item?
How do I add a new LI to a UL. When the user clicks on the label I want to add a new LI as a sibling to the LI that has the class sel. I know I can easily add it as a child of parent UL but how do I make it appear in between the selected LI and the next LI ? <script> function AddLI() { $('.sel').parent.append($('<li>New One Added here</li>'); } </script> <label onclick"AddLI()">click to add a new item</label> <ul> <li>Here is an Item</li> <li>Here is an Item</li> <li> <ul> <li>Here is an Item 1</li>
[jQuery] Trying to understand how to use global variables...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Autocomplete plugin help: keyboard selection not working
I'm unable to make the keyboard selection of suggestions from the dropdown work in my project, otherwise it works fine and selection with the mouse is possible. I'm using safari 3 and ff3. Keyboard selection in the demos is working fine, so this seems not to be a browser issue. I've checked that I have the newest jquery.autocomplete.js plugin code. I've checked through the API docs and demo code and can't find anything that seems to enable or disable keyboard selection. I'm stuck and would be grateful
[jQuery] How to reference an img with specific ID
I'm trying to figure out how to gain a reference to a specific image on my page that has a specific ID and I can't figure out the syntax anywhere after looking. $('img...') -- View this message in context: http://www.nabble.com/How-to-reference-an-img-with-specific-ID-tp22910556s27240p22910556.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Which is faster?? Accesing by class or id?
Hey guys, I was just wondering if there is a speed difference in which way you access an element. For example: <div class="con"><p class="para" id="mine">Test</div> Is it faster to use $("#mine") -or- to access the same element using the class, such as $("div p.para") -or- does it not even matter??? Just looking for some insight, Thanks, Matt
[jQuery] BlockUI Plugin - No overlays in Linux (Fedora)
I was trying the BlockUI plugin - we're about to implement it with one of our products at work. The current way that we do things doesn't display right in Linux (Firefox). (Actually, it doesn't display very well at all, which is why we're moving to BlockUI anyway.) It turns out that BlockUI still does a better job, but the overlay (the grayed-out background) doesn't appear at all. The dialogs still work fine, but it's harder to notice without a grayed background. I'm testing this in Fedora 10, using
Next Page