[jQuery] Notre Dame Inspired Jquery -- Exists?
http://www.nd.edu/ Their homepage has a carousel-ish type of feature. Does anyone know if this exists already with a jQuery plugin? I don't know if our project has the allotted time for me to make one from scratch, so I was curious if it existed or could be easily adapted from somewhere else. If anyone has any insight, it would be very helpful. It doesn't need video or anything inside, just the three rotating images on click, coming in front of one another. Thanks, Kevin
How to pass parameters to Selectors/has?
My button when click call cal function, inside cal function I need to find parent so I can access other element, but I donot know how to pass parameter to Selectors/has, please help... (for some reason $("div :button").each(function()... no work here) Code as below: function cal(event) { if (!event) event = window.event; var v = (event.target) ? event.target : event.srcElement; alert($("div:has(???)").text(); // how can I pass v to Selectors/has? } <div> text for test1 <input type="button" value="click
Ajax Not Working A Second Time
I have some simple code: $(document).ready( function() { $('.A1').click( function() { $('#Info').load('Test_A1.htm'); } ); $('.A2').click( function() { $('#Info').load('Test_A2.htm'); } ); } ); followed in the body with: <body> <div class="A1">A1</div> <div class="A2">A2</div> <div id="Info" style="border:1px solid red;"></div> </body> Test_A1.htm is simply the following: <div>This is A1</div> <div class="A2">Click this text to display
Creating a rotation effect
I have written the following Jquery code to change an image and text on mouseover, what I want it for it to also rotate every 5 seconds automatically. Is there a way I can adapt this code to do that? Any help will be great. $("#main_nav li").mouseover( function() { $(".navigation_main, .main_info").each (function() { $(this).removeClass("on").addClass("off"); }); $("#"+$(this).attr("id")).removeClass("off").addClass("on"); $("#"+$(this).attr("id")+"_images").removeClass("off").addClass("on");
Angled Wrap Script - Some math - anyone up 4 a challenge?
Maybe this post belongs in projects, I'll let the moderators decide. I'm working on a custom layout, which has an element that is angled on the page. It's for a coffee shop, and I had an idea to make the top portion of their menu (coffee and tea) appear next to a scanned image of an award they just received, I placed the scanned image at an angle in the layout and made it a background element in the containing block of the list to its left. Here is an example of the page: http://solidmotive.com/clients/cafehey/
Attach an event to new HTML
Hi I have an list <li> of uploaded files. Next to each file is a remove button In my js file I have code like the following jQuery(document).ready(function(){ $("button[name=Remove]").click(function() { .... } } Each button has the name tag set to 'Remove' Now if the user uploads a new file via ajax, the <li> list adds a new rown with a remove button But this button doesnt bind to the click event oulined above. How can I enforce this without a page refresh. A page refresh binds the click event to
[jQuery] mouseOutClose: true, ?
Hello, When using the option: activation: 'click', mouseOutClose: true, the mouseOutClose does not work: ( Is this a bug?
Poor Performance -Building Cascading DropDown using JQuery
Hi, Problem - Filling Dropdownlist Cascadively. e.g. On Change of States, filling Cities in the other dropdown. For reference follow the below link. e.g. http://www.codedigest.com/Articles/jQuery/224_Building_Cascading_DropDownList_in_ASPNet_Using_jQuery_and_JSON.aspx I tried implementing it using $.getJSON approach. Things works fine till the records are less than 1000 (1k). It dies when the count reaches to 5k & becomes worst at 10k. Here is the implementation code. [color=darkblue]<script type="text/javascript">
[jQuery] Underline links of dynamic HTML introduced in the DOM
Hi all, Till now I din not found and an clean solution for my problem. I have a button in my web site "underline links" that changes all the links and affects its text decoration to 'underline'. From this point all the links of the website should be underline. The problem is that I can only make it work for the current DOM. If I introduce new links into the DOM I need to select them specifically to change its text decoration. Is there something similar to the "live" function in jquery? For instance
[jQuery] Superfish - navbar - FireFox issue - submenu overlap Issue
This issue observed in Mozilla FireFox 3.5.3 I am creating a simple navbar menu with 1 level deep submenus. The menu with "current" doesn't get hidden when another menu is displayed. In the following example when mouse over on "m2", along with m2's submenus rest of m1's submenus were also visible. seems that other submenus just stack over the current one and the current one is Not hiding. <ul class="sf-menu sf-navbar"> <li class='current'> <a>m1</a> <ul> <li><a>m1 sm1</a></li> <li><a>m1 sm2</a></li>
[jQuery] What's different from keyCode to which?
keyCode and which will get the same value, so anything different? <script> $(function() { $(window).keydown(function(e) { console.log(e.keyCode); console.log(e.which); }); }); </script>
[jQuery] CSS not loading when I $("#ID").load("file.php")?
Hi, I have a menu and a container. when the user clicks a menu item, new content from another file is loaded into the container. eg. [img]http://i36.tinypic.com/vjcsg.jpg[/img] main.php [code] <html><head> <link rel='stylesheet' type='text/css' href='main.css'/> <script src='/scripts/jQuery.js'></script> <script src='/scripts/jQuery.livequery.js'></script> <script> $(document).ready(function() { $("#menuitem1").click(function() { $("#Container").load("item1content.php?t=" + new Date().valueOf ());
[jQuery] textContent attribute problem with ie
HAllo all. This piece of code works fine in FIrefox but does not work in IE. http://pastie.org/642444 The problem is on textContent attribute that in IE is undefined. Any workaround? Kind regards Massimo UGues
Why jQuery/AJAX loaded content does not comply to css?
Hi, I have a menu and a container. when the user clicks a menu item, new content from another file is loaded into the container. eg. main.php <html><head> <link rel='stylesheet' type='text/css' href='main.css'/> <script src='/scripts/jQuery.js'></script> <script src='/scripts/jQuery.livequery.js'></script> <script> $(document).ready(function() { $("#menuitem1").click(function() { $("#Container").load("item1content.php?t=" + new Date().valueOf()); }); }); </script> </head> <body> <table>
[jQuery] Pb radio, checkbox with IE6
Hi, I have some forms with radio and/or checkbox. I'm using the jquery form pluggin to send my forms with ajax. All is correct with FF but with IE6 (IE7 ?), the modifications of the radio or checkbox are no sended. Only the initial state is send. Is somebody can help me ? Thanks Gerard
[jQuery] validate
I am having a problem getting the error container to clear out after I have fixed invalid inputs. I am using the invalidHandler option. When my form is invalid it shows a message of the number of errors (taken from the sample code) and shows the invalid messages. After I correct each error the corresponding message goes away but I am still left with the message of the number of errors. Here is my setup. Can you tell me what might be wrong? Thanks $("#aspnetForm").validate({ focusCleanup: true, onfocusout:
[jQuery] jQuery: noConflict
I'm trying to use jQuery inside a CMS which use mootools - therefore I use noConflict. I have this sample code: jQuery.noConflict(); (function($) { function doSomething() { //some jQuery Stuff here.. alert("something"); } })(jQuery) jQuery(document).ready(function() { doSomething(); }); I would like to call the function doSomething() when my DOM is ready. Why can't I? I also like to call the function as a JavaScript method in my
[jQuery] Question using .load event
Hey all, First post to the group! I am trying to display a spinner on images that are loading, which works. I wanted the loader to be degrade properly if javascript was disabled, which is why i replace the image with the loading div and then reinsert the image. The problem with that is that on fast connections, the image actually loads, then i delete it, and replace it with a loading div, and then reinsert the image after it reloads.. which doesnt look so nice. So.. I tried creating a hash table
Flot and PHP
Hello I am trying to populate a flot chart using PHP but things do not seem to be working. If I put in the numbers manually for the chart everything is working fine but if I pass them via ajax from a php script nothing displays. here is my php: $array = array(); $array[] = array(strtotime($result[0][1] ."UTC") * 1000,round($result[0][0],1)); $array[] = array(strtotime($result[1][1] ."UTC") * 1000,round($result[1][0],1)); $array[] = array(strtotime($result[2][1] ."UTC") *
Skip th rows and get :first from rows with td
I am using the CodeIgniter HTML Table class to render a table straight out of the database. The tables are rendered accordingly: <table> <tr><th>header<th></tr> <tr><td>row data<td></tr> <!--and more rows just like the one immediately above--> <table> What I am attempting to do is hide every table row except the first one with the th tags and the one immediately below it. I have tried: $(function(){ $("#measurements tr td").hide(); }); Which hides them but at the cell level. Still no way to show
[jQuery] How to Add A Callback Function to a plugin
How do I add a callback function to a plugin so that i can execute another function after the plugin completes its own processes. Thanks in advance.
[jQuery] (validate) how can I get informed that a div is valid?
Hi I wanted to implement a checkout process inside a single page. In that page, I show shipping information, payment information and a summary of the order at the end. I was hoping I could do a partial refresh of the order summary information when the user entered a valid shipping destination (I can compute the shipping cost at that time). How can I do this with jquery validate plugin? Thanks Phil
[jQuery] Problem while using 'Selector - dom traversal'
Hi, I am trying to select the <tr> "except the <tr> - with <th>". As per jquery book, I tried this. but it is not working. $('tr:not[th]:even').addClass('even'); can anybody tell me the solution ? Thanks, Bhavin.
[jQuery] LI.offset and LI.position() gives erratic results
I am getting erratic results when trying to get the position of a LI element. Every browser gives different results - only IE7 seems to get it right... I have a navbar UL element nested a few levels deep within DIVs that provide page structure. The UL is also nested within a SPAN (inline- block) so the UL element can be centered within DIV#Nav1. A stripped- down version of the HTML is shown at bottom. The LI elements trigger a custom drop-down menu onHover. I use simple math to calculate the positioning
[jQuery] Changing image src and css properties of new image
Hi. I have written a quick function to change the src attribute of an image. I also need to set some CSS properties on that image's parent to get it to stay centered in the containing div. Here is the code I've written. $("#list .item a").click(function() { var imgPath = $(this).attr("href"); $("#left p img").hide().attr({ src: imgPath }).fadeIn(600); var workImgHigh = $("#work #left p img").height(); $("#work #left p").css({"height":workImgHigh+"px","margin- top":"-"+workImgHigh/2+"px","top":"50%"});
[jQuery] Easy one, I think.
I am using http://sorgalla.com/projects/jcarousel/examples/dynamic_javascript.html, I've gotten everything to work how I want except I can't seem to add links to the images. Probably have to declare a varible for the a href then write out a function? Words of wisdom anyone? Thanks cMantilla
Using Validation and jGrowl together
Hi, I'm new to jQuery. I created a web page (in ASP.NET) that uses the jGrowl plugin (http://stanlemon.net/projects/jgrowl.html) to display data validation messages to the user. To perform validation on the client, I wrote some custom JavaScript. Now, I would like to get rid of my JavaScript and use the Validation plugin (http://docs.jquery.com/Plugins/Validation) instead. I'm trying to figure out how to get Validation plugin to work with the jGrowl plugin. Specifically, how do I get Validation to
[jQuery] tooltip - jquery UI and tooltip not playing well
I can't seem to see why. if you notice the first listing has no image and the 'inquire' link to the right works, the listings with images do not work tho. anyone run into any issues running jquery ui modal with tooltip? example: http://tinyurl.com/y9j9jvo thanks,
[jQuery] selectors with xml cdata, parse html string
I have an XML document that is returned which has an element named html. Inside of that element is a block of HTML wrapped with CDATA tags. I can alert the html variable that i create and see it has all of the data inside of it. So I want to parse through and grab certain things now. I'm just trying to get the element to return it's id to me, even though I know it ... because I kept getting the following error with other code. However I still continue to get this error with the current code below.
Animation not work when in delay
Hello All, I'm new to the forums here. I've got a very simple animation happening that when I try to wrap in a delay method that I found here, the last process does not work (animation opacity 1). Any ideas, pointers? $.fn.delay = function(time, callback) { // Empty function: jQuery.fx.step.delay = function(){}; // Return meaningless animation, (will be added to queue) return this.animate({delay:1}, time, callback); } $('#map').delay(500, function() { $('#mapper').attr('style',
[jQuery] Ajax Not Working A Second Time
I have some simple code: $(document).ready( function() { $('.A1').click( function() { $('#Info').load('Test_A1.htm'); } ); $('.A2').click( function() { $('#Info').load('Test_A2.htm'); } ); } ); followed in the body with: <body> <div class="A1">A1</div> <div class="A2">A2</div> <div id="Info" style="border:1px solid red;"></div> </body> Test_A1.htm is simply the following: <div>This is A1</div> <div class="A2">Click this text to display Test_A2.htm</div> Test_A2.htm is the same as Test_A1.htm, only
[jQuery] Modify Dom Element using JQuery
I have following code <div class="modan"> <h3 >Center</h3> <a href="#">Keep a Long-Term Focus</a> </div> My requirement is I have to remove the tag and insert <ul> <li> <div class="modan"> <h3 >Center</h3> <ul><li> <a href="#">Keep a Long-Term Focus</a> </li></ul> </div> How Can I do this using JQuery....Anchor link is getting generated dyncamically.... Tell me the way to make it wrkng in both FF and IE
[jQuery] Why doenst this animation work in ie8
Hi I have the following animation <a href="http://www.schwingsoft.com/Portfolio/tabid/62/Default.aspx">http://www.schwingsoft.com/Portfolio/tabid/62/Default.aspx</a> in firfox chrome etc you see a nice anmation with fading beams and a clip style animation However the animation doenst work as expected in ie8 and neither does the transparency. Is there somethign in ie8 that is causing this and how can i make it work in ie8 Armand
SOLVED: 'Accordion' style menu problems
Hello all, first time poster here! I've just started teaching myself some new web dev. tricks, and having seen JQuery referenced just about everywhere, I thought I'd have a look and see what it can do. Thus far I'm very impressed! I've built a little sandbox page to test some stuff out, and am trying to create a basic accordion style menu. It all seemed to be working fine, but then I noticed a couple of strange glitches. Any help/pointers would be greatly appreciated. Glitch 1: I have three headers
[jQuery] Ajax Not Working A Second Time
I have some simple code: [code] $(document).ready( function() { $('.A1').click( function() { $('#Info').load('Test_A1.htm'); } ); $('.A2').click( function() { $('#Info').load('Test_A2.htm'); } ); } ); [/code] followed in the body with: [code] <body> <div class="A1">A1</div> <div class="A2">A2</div> <div id="Info" style="border:1px solid red;"></div> </body> [/code] Test_A1.htm is simply the following: [code] <div>This is A1</div> <div class="A2">Click this text to display Test_A2.htm</div> [/code]
accordian
Hi all New to jquery and need some help: Below is my code for a horizontal accordian along with css. It is all working however I would like to have more than just text in each 'slide' however when I insert another image it mucks it all up. I assum because of the img tag in the css. Does anyone know a way I can split easc slide into divs ot any other workround. Thanks in advance<ul> <li> <a id="a1"> <img src="../images/nav1.png" /> <p> <strong>Freebies</strong><br/> Download free files to make your
[jQuery] Inter-window cross-domain frame communication plugin
Hello everyone, I am involved in development of an inter-window communication library called Pmrpc. Pmrpc is a HTML5 inter-window cross-domain JSON-RPC based remote procedure call JavaScript library. The library provides a simple API for exposing and calling procedures from windows or iFrames on different domains, without being subject to the same-origin policy. Pmrpc also provides several advanced features: callbacks similar to AJAX calls, ACL-based access control, asynchronous procedure support
[jQuery] image rollover
Hi I have implemented this jQuery for image rollover on href The only problem is, is there a way to call more than one class for this particular function? $(function(){ // Document is ready $("#nav td").enter();// call the function }); So i have more than one class i'd like to this function but i have no idea on how to add to it.... here is the jQuery function getLeaf(url) { var splited=url.split('?');// remove all the parameter from url url=splited[0]; return url.substring(url.lastIndexOf("/")+1);//
[jQuery] AJAX load: scrolling
I've created some jQuery which remove many tr rows from my table and inserts new via AJAX. This indicate that the page is scrolling because first the table increase after elements is removed and afterwards it grows when the new content is inserted. Is there a way to let jQuery update this table without doing so? Eg. by first refreshing the DOM after I finish my manipulation. Here is a bit of my code: $j(".bookingViewRow").each(function() { $j(this).remove(); }); $j.get('cajax.php',
[jQuery] Is it possible to sort columns by a row using jQuery
for example when row two is clicked I would like the table to reorder a, b, c, d <table> <tr> <td>col 1</td> <td>col 2</td> <td>col 3</td> <td>col 4</td> </tr> <tr> <td>b</td> <td>a</td> <td>d</td> <td>c</td> </tr> <tr> <td>z</td> <td>x</td> <td>y</td> <td>w</td> </tr> </table>
Next Page