Jquery Gallery and Navigation suggestions please
Hi there. I am trying to find a good solid layout for my website that used JQuery. Right now I have a basic horizonatally scrolling website with 6 divs that are 2000px wide. The issue with the horizontal website is that you can only have some many "pages" (divs) because certain browsers can only go so wide.. So on certain pages I would like to have a type of tabbed browsing, where you click and it changed the content inside of the smaller div, but it remains on the same "page" I can easily do this
[jQuery] Filter (attribute, value)
Hi! Is this right syntax in my filter (line #3) I can't seem to get what I want.. var path = location.href ; var relPath = path.replace('http://mydomain.localhost', '') || path.replace('http://mydomain.com', '') ; var here = $("#Navigation li a[href=''+relPath+'']") I want "#Navigation li a" with a href that matches current relative path. I've tried different combinations of quotes, but can't seem to get it right.. ..the or-statement in second line doesn't function either. Any short solutions?
[jQuery] Good Ajax Approach For Name List
I wish to implement a clean solution for a page with Ajax requirements. Given that the user provides a Sample List of Names and a Count reflecting how many actual names there really are for something... Here are some needs of a page: - Let user add a name and store name added immediately - Show sample list given so far - Hides the ability to Add Names if Sample List equals Count - All of this and more using Ajax Some options are available here to meet these requirements. - For showing the list and
[jQuery] Dealing with errors when .find() on .ajax()
$.ajax({ url: 'http://www.examplepage.com', success: function(responseHTML) { var someText = $(responseHTML).find('#myDiv').html(); // This part returns a script error and aborts anything else from here }, dataType: 'html' }); The problem is that examplepage.com has a script error (Syntax error, unrecognized expression: {"One":"1") that is messing up anything that searches responseHTML. How can I ignore this error because all I need is a section of html that is not affected by the errant script.
[jQuery] [attribute=value]
This is from http://docs.jquery.com/Selectors/attributeEquals#attributevalue:
[jQuery] horizontal image slideshow effect
hi i need a slieshow effec that i want to create for my personal website. following is what i need i want to display an image and below that will be text and this text should be clickable and open in a new window and this way i want to show few images and text with a certain duration for each. there should be no left arrow and right arrow, instead each picture along with the text should move from the right to left or from left to right and stay for few seconds and the next one should appear and the
jQuery Validate and AJAX submit...How to make them coexist?
How do you combine multiple jQuery plugins? I've found tutorials for doing this in ASP.NET but I need to know how to do it in PHP. I'm still pretty new to jQuery but it seems like it should be simple. Currently, I need to know how to combine an ajax posting script with the jQuery validation script found here. I've looked all over the internet for some tutorial (including this site) but cannot seem to find anything. Maybe I'm not looking hard enough but any help to point me in the right direction
[jQuery] jquery and radio buttons
hi, i have this form: <form action="action.php" name="form_name" method="post" /> <input type="text" name="text_line" /> <input type="radio" name="radio_name" value="value1" /> <input type="radio" name="radio_name" value="value2" /> <input type="submit" name="submit" value="submit" disabled="disabled"/> <input type="reset" /> and i'm trying to do something like this: when one of the two radio buttons is selected the submit button to become clickable(removing the disabled attribute). i tried this
[jQuery] imagefit plugin - rescaling images - help needed
Hey guys, <a href="http://code.google.com/p/jquery-imagefit-plugin/">http://code.google.com/p/jquery-imagefit-plugin/</a> This plugin is fantastic and it works well in all A-grade browsers but ideally I would like to get it to work in IE7. As you can see from this test case: <a href="http://82.3.177.222/testcase/forums2.php.htm">http://82.3.177.222/testcase/forums2.php.htm</a> Unfortunately my knowledge of Javascript is at the novice stage so I'm lost as to how I can fix it. Can anyone have an attempt
Implementing Page Transition in asp.net
Hi, Is it possible to achieve page transitions (ie: When clicking on the link the page fades out and fades in the next page). I want to implement this for Iphone Mobile web application and i am using asp.net language. Whether Jquery will support For Iphone? If so can anyone give me the steps of how to acheive the page transition? Thanks in Advance. Edwin
[jQuery] [treeview] Problem with reloading ajax tree
<div>Hi, </div><div>I've faced with the problem with reloading ajax tree. I'm reloading it calling treeview() method with all initializaating params, but after that all expandable nodes does not expand.</div><div> You can reproduce this case with firebug on async tree demo page <a href="http://jquery.bassistance.de/treeview/demo/async.html">http://jquery.bassistance.de/treeview/demo/async.html</a></div><div></div><div>run the following code in console:</div> <div></div><div>$("#black").empty().treeview({
[jQuery] Can't get my head around this chain
Hi all. Here is a section of a page I generate: <tr> <td><a name="5029">5029</a></td> <td>1100</td> <td>2</td> <td><a href="index.cfm? action=showsubtree&categoryid=5029">Products</a></td> <td><a href="index.cfm?action=deletenode&categoryid=5029">Delete</ a></td> <td><a href="index.cfm?action=newnode&categoryid=5029">New</a></ td> <td><a href="index.cfm? action=editnode&categoryid=5029&categoryName=Products&categoryURL=&categoryType=1&parentCategoryId=1100">Edit</
[jQuery] Click() Not Working
This doesn't work in IE or Firefox: $("td a.menu:contains('Main')").click(); This works in IE: $("td a.menu:contains('Main')")[0].click(); $("td a.menu:contains('Main')").length is 1 What am I doing wrong?
[jQuery] Code inside click() event not firing.
New to jQuery, I did many searches before posting. This is happening in both IE6 and Firefox 3.0.13. I've gotten the following script to work under strange circumstances (explained below first snippet). jQuery(document).ready(function(){ showHint(""); // ajax that fires onload, with no problem (but did try taking it out with same results) $("a").click(function () { alert("hi onclick"); // stuck this in there but doesn't fire either. var avid; avid = "#div" + $(this).attr("id"); alert(avid); // this
[jQuery] JQuery Tablesorter - Multiple Options
Just a quick question. I'm trying to combine mutliple tablesoter options but I'm not able to combine the functions. I'm new to the Jquery/Javascript arena and haven't been able to find any examples on the web. Part 1 Code: $(document).ready(function() { $("#draftlist").tablesorter({ headers: { 1: {sorter: false} } }); }); Part 2 Code: $(document).ready(function() { $("#draftlist").tablesorter(); $("#RankAndHeight").click(function() { var sorting = [[0,0],[2,0]]; $("#draftlist").trigger("sorton",[sorting]);
[jQuery] Superfish and cufon
Is it possible to assign cufon to just the top level of the menu i.e; toplevel cufon text replace sub menus standard fonts. I have tried several methods but the sub menus inherit cufon
[jQuery] close ColorBox link?
Hello, I'm wondering how I can close colorbox ( http://colorpowered.com/colorbox/ ) from a link within the iframe window? thanks in advance for your time!
[jQuery] Jquery works in FF but not IE
The following code works fine in FF chrome etc but not IE, anyone know why? Basically everything works accept the replacement of the image attribute $("#container #main_image img#largeId").attr({ src: largePath }); Even the rest of the function ie the swapping classes works, just not the image replacement. The full example can be seen here http://keith-ingham.com click on an image and try and swap between the thumbnails on the right in the modal window. jQuery(document).ready(function($) { $("a.group").fancybox({
[jQuery] Cycle Plugin - Changing the options of the cycle
I define a cycle in document.ready as per usual. In my cycle I have different sets of images that i want to cycle through and only want certain ones to cycle as selected using the slideExpr option. Is there a way to change this option from: slideExpr: 'a' to: slideExpr: 'b' another alternative i've considered is to make a cycle of cycles. Does anyone have an example of that?
how to trigger jquery from within flash??
Hi guys, I admit I'm not majorly up to speed with the exact ins and outs of jquery so appologise if this is straight forward, but I can't find a solution to my problem anywhere on the web. The script I have is as follows: $(document).ready(function(){ $(".iframe").colorbox({width:"600px", height:"400px", iframe:true}); }); The <a> which I use to launch the colorbox looks like: <a class='iframe' href="http://www.google.com">open google</a> This opens up google in a lightbox style window within the
Multiple show divs problem.
Here is the url that shows the problem http://mblairport.com.s33559.gridserver.com/index.htm when you click on the about button the menu drops down which is good. However if you click on directions you'll see that the next menu drops down from the bottom of the previous one. How can I fix that? I'm very new at this and would appreciated. Jake
[jQuery] Convert JavaScript object to JSON
In addition to fetching JSON you might want to POST it back to the server, but there is no postJSON method. You cannot use the generic ajax method, either. What is missing is the complement of "eval" to turn a JavaScript object in to JSON. The JSON.stringify function from www.json.org (see json2.js in JavaScript section) does the trick, but it would be nice if jQuery incorporated that out of the box, to save some hunting time. Using the jquery ajax method to set the "type" to "json" and the "content-type"
[jQuery] Change the contents of a div after it has been created
I'm trying (rather unsuccessfully) to fill a div that was created by jquery. I feel like the code should work: any hints or solutions? Here's my html: <div class="test_area"> <div class="foo"></div> <div class="fooAlt"></div> </div> Here's my javascript: $(document).ready(function(){ $('.foo').append('<a href="#"><img src="1.gif" class="1" alt="1st image" /></a>'); $('.foo a img').click(function(event){ event.preventDefault(); $('.foo').attr('alt'); }) });
Could I use jquery to affect a form action?
I have a form, and I have a drop down list of 4 people. When a user drops down the list, and selects "person2", person2's email address would be appended to the form action. IS this possible?
[jQuery] Add element after closing tag of another.
Hello everyone, I just started using jquery and I'm having some difficulty figuring out how to do two things. First, how do I get this: <b>Hello</b> To become this? <span><b>Hello</b></span> I know how to do $("b").before("span"), but $("/b").after("span") is not working. Second, how do I get this: <span>Hello</span> <span>Hello</span> To become this? <span id="1">Hello</span> <span id="2">Hello</span> I tried using a counter and replaceWith(), but this method returns a DOM not an jquery element
[jQuery] Merging two jQuery collections
Hello,<div> </div><div>I have two jQuery collections that I'd like to merge into one:</div><div> </div><div>var foo = $('#foo');</div><div>var foobars = foo.nextAll('.bar');<br clear="all"> </div> <div>I've tried using $.add() to combine the two, but it doesn't seem to be working:</div><div> </div><div>foo.add(foobars);</div><div>foo.css('border', '2px solid #f00'); // only #foo is affected</div> <div> </div><div>I've confirmed that foo and foobars both contain elements by checking the length property.
[jQuery] Need to scroll inside of a <div> by clicking a button
I'm trying to use jQuery and Flexigrid to display a table. Once the table is displayed, I want to be able to use the page up/page down keys to scroll down the table. I've tried using offsetTop and offsetParent but it's not working. The values are being set as expected, but the scrollbar isn't moving. Here is the JS code <code> var inum = 1; function scrollDown() { var bDiv = $('.bDiv'); //alert("Point: " + document.getElementById("point20").offsetTop + "\n" + // "ID: " + document.getElementById("point20").className
[jQuery] [jQMinMax] plugin problem with jQuery 1.3.2
Hi, I have still to support IE6 and developping applications means min-/ max-width is often required. Therefore I used actually the jQMinMax plugin to make this work in IE6. Unfortunately this plugin is not working anymore with jQuery > 1.2.6. There seems to be a selector problem. Does anyone know how to fix the current plugin to get it work with 1.3.2?
[jQuery] [validate] prevalidate event?
We are using JQuery for one of our software projects, and it's a very nice library. It's making things far easier. We are also using the Validation plugin, which is working wonders for form validation. However there's one wrinkle that we have not been able to figure out. Is there any way to run a function before the validation takes place? We have help text displayed in some of our text inputs and text areas, which are cleared onFocus (and restored onBlur if the user has not entered anything). We
[jQuery] Web Application GUI's
<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] called ajaxComplete only on specific div
Hi, This is my simplified html code: <div id="calendar"> <div id="#test"> </div> </div> and (simplified) JS: function getCalendar() { $('#calendar').bind('ajaxComplete', function() { getTest(); }); } and function getTest() uses ajax but insert data into div#test. I suppose the problem with duplicating ajaxComplete calls (with each another called getCalendar, getTest() is called one more time) is that "$('#calendar').bind('ajaxComplete') is called even when function getTest()
[jQuery] Can you put diffrent image son each of the tabs in suckerfish?
/thread title I have some custom tab images that I would like to put on the suckerfish menus, is this possible? I did have a search but this is a terrible setup for a forum Thanks
How do it in Datepicker ?
Hi, I´m use ui.datepicker and i wish select mutiple days and make the calendar can´t be edited. Somebody could help me? I am new using jquery. Sorry for the bad english
[jQuery] Citation for jQuery
Hello Devs: I'm preparing an academic paper in which I want to cite jQuery and jQuery UI. Is there a specific publication you would recommend? At present I've got "jQuery Reference Guide" by Caffer and Swedberg, but perhaps there's an article somewhere which is more appropriate? Just want to give credit where it's due. --Nathaniel Tagg
[jQuery] announce: jQuery.html and jQuery.createBogoMenu()
Hello, fellow scripters! Just uploaded: http://wanderinghorse.net/computing/javascript/jquery/html/ jQuery.html contains factory functions for generating DOM elements. Its intention is to help clean up script code by allowing us (well, me) to remove all inlined HTML from my script code (i HATE inlined HTML). And: http://wanderinghorse.net/computing/javascript/jquery/bogomenu/ jQuery.createBogoMenu() is a function which takes an "idealized menu representation" (a JS object structured like a menu)
Please, help to create the tooltip on a click
Hello everyone. I ask the help in creation of the simple tooltip on a click on the link (button). When we click on the button, nearby appears in advance prepared DIV (Before it had display:none, anything unusual). So, a problem: it is necessary, that at a click out of the tooltip, it disappeared, BUT if we click on the tooltip, it should remain. Here has made a demo-page with explanatories: http://them.do.am/jquery-tooltip/ Code now the such: <a href="" class="fortip">Button 1</a> <div class="totip">Tooltip
[jQuery] Tablesorter dates
Hi! I'm using this plugin http://tablesorter.com/docs/ but have some trouble with sorting my dates. I want to have them show like this: 12 januari 29 januari 12 april 29 april 12 maj 29 maj I've figured I probable need to write a new parser for this but I'm not quite sure how. Anyone good at this that can help? Thanks Niklas
[jQuery] Detect Capital Letters
Random, but probably easy, question: Is there a jQuery function that, given a string, can detect that it's in all capital letters? Lindsay
[jQuery] image slider effect using jquery
hi i need a slieshow effect that i want to create for my personal website. following is what i need i want to display an image and below that will be text and this text should be clickable and open in a new window and this way i want to show few images and text with a certain duration for each. there should be no left arrow and right arrow, instead each picture along with the text should move from the right to left or from left to right and stay for few seconds and the next one should appear and
[jQuery] Access denied when calling webservice method using jquery
Hi All... I want to call C# method from jquery. So, I placed those methods in webservice and trying to call from jquery. But, it is giving an error as shown below: Access to restricted URI denied" code: "1012 This is seen from the Firebug console. Could any one help me? -Thanks
Next Page