[jQuery] how to make jquery.cycle slow down after one full cycle
I want to have the timeout on my jquery.cycle change from 500 to 2500 after one full cycle is complete. (or after a certain amount of seconds which ever is easier) Ive tried all manner of ideas on how to get it to work but cant seem to figure it out. Can anyone offer me some advice. Thanks, James
Why are parts of parent elements sliding with animate()? IE
I'm having a bit of an issue with IE. For some reason on this page: http://www.rooxilist.com/bbnlev/innovation.html When the right panel #content slides in, the background of the parent div #bgfield also slides in with it... Pardon my french, but WTF? I can't find anything linking the two. Is this some new weird "HasLayout" issue? Only a problem in flavors of IE. Halpplz! The line of code for the slide looks like this: $("#content").css({'margin-right' : '-651px' }).animate( { marginRight: "0px"
[jQuery] jQuery + Jeditable
Hi, I have a PHP page containing a table of what are basically database rows, several of the fields are editable using Jeditable. I really like the Jeditable user-friendliness but... The standard Jeditable behaviour is that once a field has been edited the result is returned from the server - the result is put into the Jeditable field. But what I want to happen is for the whole web page to reload. Is there a simple way to do this? At the moment I am working on sending the results of the edit to a
[SOLVED] Superfish, IE and tables - z-index problem
Hello, friends. I'm trying to use Superfish (http://users.tpg.com.au/j_birch/plugins/superfish/) in a project but something is going wrong in IE6 and IE7. The dropdown goes bellow the button in the next row. Check this link: http://www.cumplice.net/fabio/rudder/console/teste.html I'm sure it's something about z-index. I tried a lot of things: . Bgiframe . Position relative, position absolute . Other dropdowns, like Droppy and Filament Group's flyout menu There should be a simple solution with Jquery
[jQuery] GM_xmlhttpRequest sort data
Hello, I am trying to get a html page using GM_xmlhttpRequest, store the html page code, in a var, and sort some data from it. GM_xmlhttpRequest({ method: 'GET', url: 'http://www.myurl.com/test.html', onload: function(html) { html = html.responseText; $(html).("div[style*='font-size']").each(function(i){ alert(i); }); } }); html contains the correct code, but I can't sort the data like I could in $(document).("div[style*='font-size']").
Switch from testing site to live site breaks jQuery slide
Hello, I recently got my jQuery contact form up and running on my testing site. The main function of jQuery in this form is to slide in a hidden DIV with customized error reporting or an 'accepted' status when the user submits the form. Satisfied with the result, I decided to switch it over to the live development site. As you can see, when submitted, the user is redirected to a new page with the errors/acceptance instead of the jQuery slide effect. To the best of my knowledge I have updated all
[jQuery] check/uncheck all checkboxes with specific id
I want to check all of my checkboxes in my form that have an id that begins with 'chkEvent'. Thanks <script language="Javascript" type="text/javascript"> $(document).ready(function() { $("#toggleEvents").click(function(event){ $('input[@type=checkbox]').each( function() { // Begin this is where I am lost if($(this).id()=='chkEvent*') // End this where I am lost this.checked = !this.checked; }); }); }); </script> <a href="#" id="toggleEvents">Toggle Events</a> <form method="post" action=""> <input
[jQuery] jQuery CrossSilde in IE7
Please forgive my inexperience, I am a designer trying to take over the development! These 2 sites I created using cross-slide and it doesn't seem to work in IE7: <a href="http://nirmada.bigrigmedia.com/portfolio/">http://nirmada.bigrigmedia.com/portfolio/</a> and <a href="http://horizonrvresorts.bigrigmedia.com/">http://horizonrvresorts.bigrigmedia.com/</a> Please help, THANK YOU!
[jQuery] Looks like a bug in IE7 with replaceWith
Hi, I have a following Jquery code, as you can see all it does when user clicks an html link it shows a hidden div (I am using SlideToggle). The problem is in changing plus icon on minus icon after we clicked on a link, for example when div is hidden we should show plus, after we clicked a link and shown a hidden div we are showing minus icon. It perfectly works in Chrome and Firefox. But in IE7 I got a problem, it changes plus on a minus only once, and then shows minus only. I am not sure what modifications
[jQuery] Need jQuery/Ajax/jsonp HELP
Hi, I'm getting sick trying to solve this problem: I have a web page A that loads another page B using an iframe (or an object tag), the B page is an external page (it's not on my server) and contains a form. I want to be able to auto fill the form with pre-defined values. In jquery i think it's impossible due to security reasons, somebody can help me?!?! I hope I explained the problem correctly, if you need more info just tell me. Thanks,
[jQuery] Help with some jquery basics
Can someone help me to get opid to be populated. The selectors all work correctly, and the code cycles the correct elements (tested this with an alert). Problem is I need to get the values I cycle in the each statement out and into the wrapping click function. Anyhelp would be appreciated. At the moment I get an opid[i] undefined error.... Thanks for any help you can offer var opid = new Array(); $("a.btn.submit").click(function(){ // alert($(this).attr("id").substr(7)); var
[jQuery] need a hand with it, show/hide stuff
Hi, I have a small newsletter script on my page, where I check via Ajax if the user already exists, if the entered email is valid etcpp... Success and failure messages are printed on the page via JAlerts plug- in. So fine it works pretty cool. But there is still space for improvements :-) The newsletter form (email text field and submit button) is inside a div. While I proof in the backgound all the mentioned stuff, I wanted that the div is hiding and one of these loading circel gifs would appear.
cluetip doesn't work when I dynamicly append new code
I have clue pluguin from http://plugins.learningjquery.com/cluetip/ here si example: load js libraries.. $(document).ready(function() { $('#clue').cluetip({ splitTitle: '|', // use the invoking element's title attribute to populate the clueTip... // ...and split the contents into separate divs where there is a "|" showTitle: false // hide the clueTip's heading }); }); $(document).ready(function(){ $("#button").click(function (event) { var newRow='<li><span id="clue" title="title|description">here,
[jQuery] jquery menu plugin browser test
http://labs.makotokw.com/s/jquery/menu Are planning to use the above menu plugin but need to know how it works in different browsers, most important IE6/7. The plugin author says it works in: Google Chrome 3 (Windows) Firefox 3 (Windows/Mac) Safari 4 (Mac) I have tested it in these, where it works fine: IE8(Windows) Opera9.6(Windows) Opera9.64(Windows) Netscape9.0b3(Windows) It doesn't work as it should in: IE7(Windows) - in example 2 the submenus aren't show properly. So if anyone have the possibility
[jQuery] adding rule to selector syntax
Hello I have a simple jquery selector: $('[id^=total_item]') I would like to add a rule so that the upper code would match all elements that don't have 'locked' class (so that it wouldnt match those with class='locked'). How should I add this rule to the selector? Many thanks in advance!
[jQuery] [Validate] Radio buttons
Is it possible that, say i have two radio buttons, if radio one is chosen validate gives a message(error) and if radio two is chosen the form passes validation?
Adding Easing to this Script.
Hi, if you visit the following website: http://driz.co.uk/ You will see that I have a link in the top left corner that uses Jquery to make a grid appear. I have the following files: jquery, jquery.grid, and jquery.easing. What I'm wanting to do is add the Bounce effect that the easing plugin has to my grid instead of it just sliding down and up. I've had a play but just end up breaking it :/ Here is the code for jquery.grid hopefully some one can see an easy way to add in the easing that I desire
[jQuery] Border around fisheye images
Hello, I have a couple of images in a fisheye that I want to be displayed with some space between them. Currently, jQuery displays the images directly connected to each other: XXXYYYZZZ XXXYYYZZZ XXXYYYZZZ (XXX stands for the first picture, YYY for the second, and ZZZ for the third) What I want is this: XXX YYY ZZZ XXX YYY ZZZ XXX YYY ZZZ I tried "margin-left: 5px" in the style sheet but this cuts off 5 pixels from the right of each but the rightmost image, and the images seem to overlap when the
[jQuery] find out if an element is a drop down list
Hello there, i have a couple of elements on my web page, that i want to manipulate in one loop. jQuery.each($(".specificClass"), function(i) { // do something } Within that loop i have to check what type of element that very one is e.g. a <div> or a <span> or an <img> or a <input type="button"> or something else. I managed to isolate some of them, the easiest was the button where i checked the following: if ($("selector").is(":button")) { // do something } In the jQuery API 1.3.2 there are some more
[jQuery] reload an SWF object from jquery
I am using Open PHP chart. It uses a flash object to display charts. I would like to update this swf object via ajax. I have a problem accessing the object using jquery selectors: Here is the HTML code <object id="reportChart" ...> //access via pure javascript document.getElementById('reportChart').reload("charts/ genrate_chart.php"); // this works :-) //access via jquery $("reportChart").reload("charts/genrate_chart.php") // does not work Apparently $("reportChart") is not returning really an SWF
[jQuery] ul.nav a VS. .nav li > a
Hi, yesterday I read an article about jQuery performance. In one part the author talks about selectors and uses .nav li a as an example. He states that before jQuery 1.3., the selector ul.nav a would have been the best way to get all links in the list. In jQuery 1.3., due to the inclusion of Sizzle, .nav li > a "should" be the best way. He doesn't mention any speed tests though, and only briefly explains that the reason for this is Sizzle's way of walking through selectors from right to left. Can
[jQuery] Setting Rowspan Of Dynamic Table
I have a table which is dynamically created in html. I have pasted an example below: <table> <thead> <tr> <th>Team</th> <th>Designation</th> <th>Name</th> </tr> </thead> <tr id="ADM"> <td class="team">ADM</td> </tr> <tr class="ADM"> <td class="desig">Partner</td> <td class="name">Gus</td> </tr> <tr class="ADM"> <td class="desig">Solicitor</td> <td class="name">Mark</td> </tr> <tr id="VB"> <td class="team">VB</td> </tr> <tr class="VB"> <td class="desig">Partner</td> <td class="name">Vincent</td> </tr><tr
[jQuery] SuperFish for Joomla - SlideUp Animation
Dear developers, dear community, in order to complete my design I would like to kindly ask you what I have do, if i want to a set up a SlideUp effect for Superfish Menu, using it on a Joomla! installation? I tried to modify mod_superfishmenu.xml in order to be able, to select a new option from "Animation" dropdown-list, but didn't know where to set the correct params. Is there a chance, to achieve my goal by setting up a custom animation? Many thanks in advance, as well as for your great work, Chris
[jQuery] Howto detect DOM element from selected text
Hi there ! I'm stuck with a problem and hope someone can give me the right hint. I am trying to detect the DOM element on a unkown web page from the current selected text on that page. Which means: I select text on a web page and then I would like to get the dom element to which this text belongs. What I came up with was something like that: (imagin we selected the word John on that page....) var array = $("*:contains('John')"); ---> get all dom elements that contain the text 'John' But, instead
[jQuery] jCarousel - xHTML-Errors
Hi over there, i integrated the script jCarousel ( http://sorgalla.com/jcarousel/ ), so i there are 2 errors at sitevalidation. The site ( http://www.pulverlack-matzen.de/de/oberflaechenveredelung.php ) is using XHTML 1.0 Strict. The first one, where the carousel is loaded, can be easy transform: no Valid! <ul id="mycarousel" class="jcarousel-skin-ie7"> <!-- The content will be dynamically loaded in here --> </ul> Valid! < ul id="mycarousel" class="jcarousel-skin-ie7" > < li ><!-- The content will
[jQuery] UI Tabs: Select tab based on hash?
Hi, Is this a stupid question? How easy is it to select a tab based on the URI hash? A quick and dirty solution was for me to use an absolute URI to the tab (i.e. http://site.com/index.php#tab-hash), but due to HTTPs restrictions, I have to make all my links root relative... Just kinda looking for a kick in the right direction. :) Thanks! M
[jQuery] Need to find a query script to achieve this!!!
Please look at this script: http://demos.flesler.com/jquery/localScroll/ajax/ Is it possible to make the window resize vertically based on the div content? Really need help. Erik
[jQuery] When DOM elements are created and inserted into the document
Hello, I want to be able to run a function every time an element is removed on inserted into the document. How can I do this? Thanks! Khai
[jQuery] select random div
I am using the periodic updater plug-in to make an Ajax call to grab an HTML file that has many divs in it. I want to parse the returned HTML and display a random div in a placeholder div on the page. I am stuck on how to select out the random div from the returned HTML. Can someone please lend a hand on this? $(document).ready(function() { $.PeriodicalUpdater({ url : '/common/inc/contentPieces.htm', method: 'get', minTimeout: 12000, maxTimeout: 15000
[jQuery] thickbox and links that are in a select
Ok, A better question. Hopefully I won't figure out the answer before I finish asking this one. Is it possible to have a select box, and when the item is selected have it open in a thickbox? This is easy to do with traditional anchor tags and its also easy to open links when they're selected from a select box. Its the combination that has me stumped. Ideas? Thanks!
[jQuery] cross-slide in IE7
Please forgive my inexperience, I am a designer trying to take over the development! These 2 sites I created using cross-slide and it doesn't seem to work in IE7: http://nirmada.bigrigmedia.com/portfolio/ and http://horizonrvresorts.bigrigmedia.com/ Please help, THANK YOU!
Calculation from 3 form fields in Adobe AIR?
Hi guys, I am a PHP developer taking my first steps into Adobe AIR and I need to make a fairly simple calculation using the values from three form fields ( can do this easily in PHP but have minimal JS experience). Here is my body content (inc form): <body> <h1>POR Calculator</h1> <fieldset> <legend>Details:</legend> <form id="por_calc" name="por_calc" method="post" action=""> <label for="cost_price">Cost Price (£):</label> <input type="text" name="cost_price" id="cost_price" value="22"
[jQuery] SWF & animate() bug? Reloads swf. :(
Hi, Just wondering if anyone was/is able to find a solution to this bug: <http://dev.jquery.com/ticket/4628> I need to animate the container of a flash embed, but I can't have my flash re-loading every time the animation happens. On the other hand, I guess it is only happening in Firefox? I have only tested using FF 3.0.11 on a Mac. Anyone? :( Thanks! Cheers, Micky
Jquery coundown - how to stop auto update
hi, i didnt realize until now that jquery countdown updates itself whenever the time on client machine is changed or updated manually. is there any setting so that it will not update itself. if i say it should coundown for 15 min's with until:'15m' ,it must complete its coundown for 15min regardless how many times client changes his time in between. Thanks
[jQuery] Upload Image
Hi Friends, can we upload image from clientside using jquery. Please give suggestions.
[jQuery] A question about Z-index
I'm working with a 2-level Tab Menu (produced by Glimmer) where nested ULs are used to render a dropdown menu. When the page renders the nested ULs appear on hover as expected but they are underneath accordion elements (produced by jQuery UI accordion) that appear lower down on the page. here's a snippet that shows the problem. http://www.flickr.com/photos/16842963@N03/ I've tried setting the z-index on a div that encloses each accordion pane - and the parent div of all the accordion panes. Besides
[jQuery] Cluetip with textarea
Hello, Does anyone have a tutorial or testscript how to show a cluetip (previewwindow) when onkeyup in textarea?
[jQuery] Clear Formatting Jquery Corners
I will start by saying that I am a complete newb when it comes to jquery. I am trying to use the jquery corners http://www.malsup.com/jquery/corner/ product to create rounded corners in a drupal 6 theme. I have the corners rounded, but the issue that I am running into is that the corners style are being inherited all the way through the menu instead of staying on the top level. I have included my code below. Any help would be appriciated. Thank you in advance. --Brian <code> $(window).load(function(){
[jQuery] Superfish Question
How can I get rid of the slide effect on a basic horizontal menu? I love the way the "basic" example works but I can't mimic it without having the text all slide to right and re-sizing the box. I know this is a stupid question, but please no that any help is very appreciated. Thanks!
$.ajax not working in IE
I'm using the following code: $.ajax({ url: "ChartData.xml", async: false, success: function(Data) { $(Data).find("Point").each(function() { var x = $(this).attr("x"); var y = $(this).attr("y"); var pt = new JRB.Point(parseFloat(x), parseFloat(y)); points.push(pt); }); }, error: function(){alert("error")} }); In FF and Chrome the success function is called but in IE it the error is called. I can't
Next Page