Auto Installer for Internet Explorer
Hi, I developed a small framework based on the open source jQuery library (and on its child JQuery-ui) that can be used with FireFox using GreaseMonkey. Although the most handy option is using grasemonkey, but the procedure for installing and configuring it is not straightforward for every user. Hence I want to provide a .exe for windows (as windows is the most common OS) which would automate the process and set up the browser to use. But I really don't know the process? How to proceed?
First link highlighted on home page only.
Basically, I want to set it up for auto highlighting for the setlink nav, but I also want for the first link in the setlink nav to be highlighted when the page loads, or when a tab is clicked. What would be the best way to go about this? This is what I have: <div id="container"> <div id="tabs"> <ul> <li><a href="#aset"><span>Set A</span></a></li> <li><a href="#bset"><span>Set B</span></a></li> </ul> <div id="aset" class="tabs-container"> <div id="innercontainer"> <div class="smallcontainer">
Tab Navigation Rollover slide effect
Hi all, I'm an intermediate level web designer with very little experience using jQuery. I'm trying to reproduce an effect that I am seeing on John Mayer's website. The navigation is made up of sprite rollovers that have a simple slide effect when you rollover. I'm assuming this is jQuery, but I am not familiar enough with how jQuery works to reverse engineer it and figure it out. I don't see anything in the navigation code that would be trigger jQuery. How does this work? Sorry if this seems obvious,
Optimizing My Code?
I used a guide to get myself started when making this, but I've got way past that now and I think some of my code needs serious help. Mainly the "dots". Here's a zip of what I'm working on, if someone decides they got a minute to help or suggest something, and below that is a hosted copy, so anyone can go ahead and take a look for that source as well. Zip: http://kudolabs.net/newness/slider.zip URL: http://kudolabs.net/newness/slider.html By the way, anyone can use this code for whatever they'd
Which is faster?
Hello I was just wondering if anyone could let me know which is faster..... a) link to jquery folder e.g. src="jquery-1.4-min.js"></script> or b) use google cdn eg. src="http://;ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> of if there are significant advantages of one method over the other. Thanks in advance Vicky
Why toggle works on double-click?!
Anyone knows why this only works on double-click not one- click? $('.abc').css({"background-image": "url(/design/frontend/images/dropDownMenuS.png)" ,"background-repeat": "no-repeat"}); $('.abc').click(function() { $(this).toggle( function () { $(this).css({"background-image": "url(/design/frontend/images/dropDownMenuSdown.png)" ,"background-repeat": "no-repeat"}); }, function
jQuery Accordion with data binding?
Is it possable to bind a MS SQL database to a jQuery Accordion, I want to place data values where the bar (says section1) is, and in the fill space. I'm having an ASP.NET site done, and if that can be coded it would make a great Grid replacement for my orders and be consistent with the rest of the site. Thanks
Problem in handling events in jQuery
Recently i am trying event handling using jQuery and found a problem in implementing the following jQuery code. The problem is when i click the "Hide" button, the disclaimer text which i have in my html page, does not disappear as it is supposed to according to the code. I have attached the jQuery code and the html text below. Please guide me solving this problem as i am new to jQuery. Thanks in advance. $('#hideButton').click ( function() { $('#disclaimer').hide(); } ); All Rights
preventing onload() ?
Hello, There is a page which does something like (slightly modified): if (window.opera) { window.attachEvent("onload", function() { var sElement = "We are unable to write decent html so you cannot use your favourite browser and we will forever annoy you with it."; ziggo.components.lightbox.open(bb.html.createElementFromString(sElement)); And I have to click away that annoying box all the time. I am trying to get around this by using Opera's userscript functions but no luck yet.
Which jQuery plug-in can I use to implement a menu list like google translate.
Dear all, I like the way "google translate" show the list menu. When you chose a language, it appears a popup listening all the language in a table format and on the top "recently used" language (probably using coockies). Which jQuery plug-in can I use to implement a menu with the same functionality? Thanks in advance, Antonio
Using GET and POST
Hi. I´m trying to send parameters to a site and get an xml response. The problem is that I dont get anything into my response. Any ideas why? This is how it looks like: method: function(){ $.ajax({ type: "POST", url: 'target_page', data: "arg0=do&arg2=more", dataType: 'xml', complete: function(xml){ $(xml).find('existingTagName').each( function(){ alert("something found!"); })
Links only work once in slideshow, please help!
Hi all, Wow, can't belive this is my first post here, it's an amazing resource and has helped me a lot just by lurking (thank you!!) but now I need a bit more specific help: I've been playing with a slideshow script and have each image linking to a different page. Now this works fine the first time the slides play but once they start to loop the links don't work and I'm just not sure what I need to change to make the links work all the time. Here's the link to my test page: http://www.mjcproductions.co.uk/testing/test.html
Calendary / jquery / blur event?
OK, I'm really confused and could use some help here. I am working on a form where users enter a Start Date and an End Date via a pop up calendar using JavaScript. This works well. From the results of that data, I need to 1) calculate the number of days + 1; 2) multiply #1 by $25 to get the amount allocated for meals - and I need it done dynamically. Now, I can get this to work using onblur in the two input fields for the dates, but that means users would HAVE to put the focus within the INPUT fields
change function not working. Is there a problem with my setup ?
Hi, I'm having problem getting a response from some radio buttons. This is my code <!DOCTYPE html> <html lang="en"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("input[@name='rdio']").change(function() { alert('caca'); }); }); }); </script> </head> <body> <div id="testdiv" class="testdiv"> <form id='form'> <fieldset> <input type='radio' name='rdio' value='1'
no conflict problem/question
hi guys, im running joomla and there is a no conflict declaration as mootools is also used in joomla // no conflicts with other frameworks var $j = jQuery.noConflict(); all my jquery plugins work grand however i just installed a new joomla plugin and it messes everything up as it uses jquery plugins that call jquery like this : jQuery(function() { jQuery('#gallery-flickr-34098829').flickr( { }); }); BUT I get the error : Error: jQuery is not defined Source File: http://localhost:8888/hunaca/site/about-us.html
How to select TR inside another table
Hi I am trying to hide a TR that does not have id or class. Example: <table> <tr> <td> <table> <tr> <td> <table> <tr> <td>xxx</td><td class="SOMECLASS ">SOMETEXT</td> </tr> <tr> <td>yyy</td><td class="SOMECLASS "></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> The row contains a TD with class SOMECLASS and contains some text SOMETEXT I tried this: $("tr:has(:contains('SOMETEXT').SOMECLASS)").hide(); My problem is that the page has many nested tables and rows containing rows, so
Advanced Imageslider need help for optimization!
Hi Folks! I’m trying to make an image slider, I know there are dozens of theme out there but I couldn’t find the right one so I decided to make my own. My example is based on the tutorial of Jon Raasch. I have extended the script to meet my needs and I succeeded to get what I want but… I’m a newbie regarding to jQuery so my solution is very dirty and buggy that’s why I’m posting here to find anyone who could help me to optimize this script. First I will explain what I’ve trying to do: Fully customizable
setInterval() how does it work?
Hi, I am pretty new to jQuery and I know setInterval is just Javascript. I just want to make a sequence of functions (mainly fadeIn/fadeOut) endless without installing more plugins and more files than the basic jQuery. (I use var $j = jQuery.noConflict(); ): With this no errors, but nothing happens: $j(window).load( function() { setInterval("reanimeShow", 5000) } ) ; This apparently works once: $j(window).load( function() { setInterval(reanimeShow(), 5000) } ) ; but I receive an error in Firefox
jQuery Toggle question/issue
Hello there, For i am quite new to jQuery and more of a designer than a coder i ended up here :) I am trying to create a specific menu using jQuery where i want to toggle a clicked menu item. I used toggleClass to accomplish this. All fine and well, but what i want is that once i click a menu item, the previously clicked item should have the active state/class toggled off.. The menu is variable. Is anybody willing to help me with this? (I tried and tried and searched all over the internet, but i
Problem using variable in validation rules
I am a jquery newbie. I could get the validation rules working in my form. I am using a Java framework and for some reason, when it converts from .xhtml to .html, all the ui component's id/name were prefixed with the form that containing it. I would like to reuse these validation rules for two other forms but because of the prefix issue, I would need to use js variable and pass the formId to the function. For some reason, this gives me a problem: ============ NOT WORKING ============ var positionTitle
Unable to get the tabs working
I have a basic page which just has the tabs on it and i have included the js file and css file I thought would make it work but didn't seem to. I have attached the file I am using. Any ideas on why it wouldn't work?
Validation & Block UI working together
Hello again jquery folks! I have a new issue I'm trying to solve. I have a form I'm using a validation engine (position-absolute) to validate. I'm also wanting to use Block UI v2 to visually block the end user from submitting the form multiple times and allow my script time to process the form etc. What I'm trying to accomplish is ONLY firing the block once the form is correctly filled out and they hit submit. The way I have it now fires the block even though the form has errors which is no good
Having Trouble With JQuery and Ajax
Hi, I have been writing a simple test program to test out the functionality of AJAX. It is a simple application where you type in your name into a text field and hit submit and the <div> below it should say "Hello, [Person's Name]. When I fill out the text field and click the button I get absolutely nothing. I open FireBug and I can see that a request was made apparently it never hit the PHP. I am programming through eclipse php on Ubuntu 10.04 and here is my code for the main file, Main.php:
Events on "appended"-elements?
hi, Is it possible to add eventhandlers on appended elements. If not, how can i fix this Problem?
Cleaning up a chunky function
Hello all, I have created the following function to expand a container depending on which one is hovered over, but need some advice on how to tidy it up. There are four containers in all: three expand to the right and the final one expands to the left. There is a hidden element in the expandable area which appears when the container has fully expanded. For example: if I hover over .sub-main section.other, then the hidden div .other .right fades up. Mouseout and it fades down quickly as the .sub-main
ajax POST to MS Webservice
Hi, i have a problem. I have an ajax call to a webservice, and it works. Now I try to set parameters, and it donsn't work anymore. I try it with parameters in data and without. The Webservice will only be called, if the webservice has no parameters. I have testet the webservice in the visual studio (2005), and it works. Can anyone help me? $("input.ajaxbtnPlanAdminFreigabe").click(function(){ $.ajax({ type: "POST" ,contentType: "application/json;
Can you use two plugin's at the same time?
Hello! Ok! I have plugin A (rounded corners) and plugin B (gradient divs) they both work independently. Question is how do I get a rounded corner div that has a gradient background by utilizing both plugins? <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> JQuery
Image Fading with Thumbnails
I was viisiting www.speed.com and saw the images fade on the home page. It uses jquery and I was needing some assistance getting this working on my web site. Where would I locate any "how to" documentation? Thanks
How to set the value of an input file
I want to set a default path on an input file control. I have tried as follows: $('#inputFileId').val('path'); But it doesn't work. Can anyone help how can I set the value to the input file.
Ajax Post with Response in New Window
Hi Guys, I have a script that on.DocumentReady posts data to another page. That page responds with some HTML encapsulated in one div tag. My goal is to have this post response/data open in a new window. Any hints or clues?
onEVENT dosomething to parentElement(s) (or sister elements)
a simple but common issue: "When I click or mouseover an element, I want something to happen to its parent, how do I do that?" first a single short jQuery example: (on page load: add: onclick of any 'img' element, hide the entire parent) $().ready(function(){ $('img').click(function(){ $(this).parent().hide(); }); }); lets look at some other common issues, adding a bit more functionality and freedom to get what you want: example html: (showing different examples of manipulating parents and sister
menu which slides up on mouseover
hi everybody, this is what i like to do. a menu which moves out of the bottom, when the mouse is over the menubar. the whole div-tag(menu) should slide 200px up. when the mouse is moving out of the menu area, it should slide don to starting position. any tutorials, explanations or keywords for this? thanks a lot, n
Can GET function process HTML
I am using a GET function to process an external file, but I need only part of it. $.ajax({ type: 'GET', url: 'topstatistics_nieuwsbe.html', dataType: 'html', success: function(html, textStatus) { $('#summary').append(html); }, error: function(xhr, textStatus, errorThrown) { //alert('An error occurred! '
How to remove a repeated function outside where it is needed and call it
Hi, I am trying to build an accordion type structure that can be used by CMS users without need for them to do any coding. To link to and open the accordion section required by the user - they just count down to which accordion section that they want to link to and add #section1 etc to the end of the link location. I have an if else statement which does the rest for them, however, it repeats this code which makes the script really long: $(class).nextAll().each( function() { if ($(this).filter('h3').length)
How to reverse the click action of a function
Hi all! I am just learning jquery (and LOVING it). I am trying to display a hidden bookmarks list when the bookmarks category heading is clicked on. I have gotten as far as writing the script below so that once the heading is clicked, the list drops down and the list items fade in... very cool! My question is how to I make the list items fade out prior to the list collapsing again? Here is what i have conjured up so far: var $j = jQuery.noConflict(); //online bookmarks $j(document).ready(function()
Would this be a job for JQuery?
I'm learning Rails and I have a Rails 3 app where I'd like the user to submit a form. Let's call the form "jobs". There are five different types of jobs: find a person, find a car, find my money, find me a job, and find my phone. form "job" job type 1: find my missing family member job type 2: find my car job type 3: find my money job type 4: find me a job job type 5: find my phone I would like the user to be able to select a job type...and then...based on the job type selected (1,2,3,4 or 5), a
PAID support: Need code to make divs look like they roll down/up when mouse hovers over the Title Link in that div
Will send $5 via paypal to who ever can help. Hey jQuery gurus, I've decided to use jQ for my phorum mod. Take a look at this screenshot. - Basically, each rounded DIV you see has a class of ".threadpreview" - Inside of the rounded ".threadpreview" divs are the Purple Links you see with an id of "#titlelink" - below the Links are hidden divs that contain the preview of the post. These hidden divs have an ID of "#hiddenpreview" - When a user mouses over the link the preview should show. I don't need
Is forever? http://code.jquery.com/jquery-latest.min.js
Whether the link is forever? http://code.jquery.com/jquery-latest.min.js It's important for me, because i prepare plugins with my website data for other websites using with jQuery. Regards from Poland.
Problem with click event and children() in unordered list <ul>
Hello, i have in my code ul lists. my code is as follows: <ul id="nav1"> <li>Home</li> <li>News</li> <li>Announcements</li> </ul>Whenever sm clicks on a list item li, a div must moves. So i have to use children() combined with click() event. i did $("#nav1").clildren().click(function() { $("#content").animate({"left": "200px"},1500); }); It doesn't work, but why? What do i do wrong?? thanks in advance
default Radio button select ?
Hi, I would like to select by default first radio button from several radio buttons using jquery. Please correct my below code. <input type="radio" name="enteritemradio" id= "enteritemradio" value="EI">Enter Item Numbers <input type="radio" name="enteritemradio" id= "enteritemradio" value="UI">Upload Item Numbers How to select first radio button by default. I have tried $('input:radio[name=enteritemradio]').val('EI').attr('checked',true); : this is not working.
Next Page