Minifier, documentor
Hello, I have written some jQuery plugins but i can't find any good minifier. What do you use? Another part is how to create easy HTML as documentation? Thanks, Cheers Niels
Always Clicking Twice with .toggle()
Hello! I'm very new to jquery and have been trying countless examples to get this work but I've worked on it for over a week with no success, so I thought I'd try the forums. I have a page with the code below (you can see the page here http://thegamingmall.com/realsite/testing.html). I'm using the .toggle() function to show/hide a div tag. However you ALWAYS need to click it twice! It's driving me and the users insane. Does anyone have an idea of what I've done wrong here? THANK SO MUCH FOR YOUR
Help with hiding/showing divs.
Hello all, I am kind of a noob when it comes to "developing" jQuery but I am trying to do something that is seemingly something simple but I can't for the life of me, figure out the best way to do it. http://www.heatsurge.com/index-test.cfm Here, you'll see the area below the navigation that has five buttons which are supposed to help scroll between the five associated divs. All I want to do is hide the currently shown div and then slide in the div associated with the button clicked. http://www.heatsurgedirect.com/
window.setInterval timer doesent work... on an iphone!
Hi. I´ve created a simple page, and a jquery script with a timer function that adds some text to a div: window.setInterval(testfunction, 5000); function testfunction() { $('#DynamicDiv').append(" apended some text!); } This works fine in IE, Firefox and safari. But on my iphone, the function is not being executed. Other Jquery stuff works fine, but this timer doesent. Any idea why, and is there a fix? Thanks alot for your help :) kind regards Lars
RegEx in a jQuery selector?
Is that possible? It would be cool if I could do this $(/\.class-?(\d)*/)Or anything similar
jQuery, prototype, MLS IDX issue - will pay for fix
I am looking for someone who is familiar with MLS IDX an jQuery in a Wordpress environment. There is a conflict because the MLS IDX uses prototype js. The no conflict is in the jQuery js but conflict still exists. Look here: http://coloradohomeandranchrealestate.com Then click on any MLS search or contact and see the issue. I am happy to pay someone to resolve this issue but you must already be familiar with the systems. I don't want to pay for you to learn. Sorry. Please contact me if you can do
how to display an image as response to an jquery ajax request.?
Hi guys, I want to display an image as response to an jquery ajax request. I have been searching for this for the past three days.. Please help me out. Thanks in advance. Ron!
Using attribute selector with .load() or variable
Hi everybody, I try to load specific text from a page into a string. When I'm on the specific page I can do this as follows: var wantedText = $("td > span[style='color: #00AA00; font-weight: bold;']").text(); But I want to get this text from another webpage using AJAX, I tried using .load() as follows: $('#somediv').load(Url+" td > span"); //this loads 3 spans into #somediv (including the one I need) $('#somediv').load(Url+" td > span[style='color: #00AA00; font-weight: bold;']"); //this does nothing
JQuery closes my open tags
When I add html to my page as an open tag, jquery is closing the tag for me, how to i stop this? The reason im doing this is I have a series of divs and I need li tags around every 2 divs. So I have this; div1 div2 div3 div4 And I need this; <li> div1 div2 </li> <li> div3 div4 </li> I can see the code is being applied in the correct place with this; window.onload = function(){ $(".mydiv:even").before( "open li "); $(".mydiv:odd").after("close li"); } However, If i change the text to the actual
load only working once
I need to reload a select list, everytime the user clicks on a save button. I got it to work, but it only works once. When you click on the save button again (without refreshing the page), the list is not reloaded. This is the js I'm using to reload the list $(function(){ $('#save').click(function(){ $('#loadForm').fadeOut('fast').load('reload.php').fadeIn('fast'); $('#loadForm').css('display', 'none'); }); });EDIT: ok seems like it's working fine the 1st time, but then it
Problem with return in $.post
Hi everybody ! I have some problem using the $.post function ! I wrote a function that test if a username is already used in my database. That function must return true if the username is free and false in the other case :) My problem is that I use the $.post function and i put the return true; and return false; in the callback function. So it's the callback function that returns true/false instead of my function ! I d'ont know what to do :/ Here is my code : function validateName() { $.post("ajax_is_name_used.php",
"If statement" not working
Hi, I'm trying to make a very simple image slider. For this I'm using a div which contains all the images next to each other, which is wrapped into a container div with an overflow:hidden. With a "previous" and "next" button I want to animate the margin-left property of the div which contains the images. This is all working ok, but I want the div to reset back to it's original position when the last image has been reached and the user clicks on "next" again. The width of one image is 500px, therefor
what part of a jQuery event object points to where the mouse is over?
Fill in the missing part: (function($) { $(document).mousemove(function(e) { //Code here to find out which element the mouse is over }); })(jQuery) What do I use to get the element the mouse is current on top of?
How to use setTimeout to delay iterations with .each() method...
I'm sort of lost on this one. I've looked at many different examples and tried many combinations but I still can't get this to work. Here's the code without the setTimeout: $(seq).each(function(index, value){ var divID = "#div-" + value; $(divID).animate({ borderWidth: ['10px', 'swing'] }, 200, 'linear') .animate({ borderWidth: ['1px', 'swing'] }, 200, 'linear'); }); This works except that
animate multiple div containers
How do i animate 10-15 divs without using 10-15 animate methods?
JQuery, Show and Hide columns or divs using a timer
[English] Hi I have a question. I'm new using JQuery, and, I want to do this... I have a table with 5 columns, I want to show column by column, first show the 1st column, after 5 seconds hide this column and show the 2nd column, and when I show the 5 column hide this and return to the 1st. All this automatically, without a button click If is more easy with divs I can change this columns for divs Could you help me please! [Español] Hola Tengo una duda. Soy nueva usando JQuery, y quiero hacer lo
How do I replace only PART of an image source?
I am trying to make a generic function called whenever the window size changes. I want this function to apply to several different images. The idea is that when the window is resized the function will only change the end of the source code by replacing "_small", "_medium", "_large" with the appropriate size depending on the window. The problem is that when I use the code below it makes ALL of the images the same. the variable imageRightIdStr genereates a list of ids of all of the images that I would
Delegate not working!
I have a form that is in a hidden div that appears when the user clicks a link on the page. My first problems is that some jquery code I have written to set 'keyup' event on all items in the form with a name that contains 'tbQuantity' and has an input, should get the event. Here is my javascript. It is located at the top of the page. This page has a master page (it's an ASP.NET site) $(document).ready(function() { $("td[id*='tdQuantity']").delegate('input', 'keyup', function() { calculateTotal();
dropdown menu question...superfish?
Hello, I really like the toggle feature using jquery. However, I now need to create a basic dropdown menu that uses the mouseover-mouseout behavior. Like the ones that go across the top of the screen about two inches below the very top of the screen at www.staples.com (customer service, etc...). I don't even need the fancy styling... just stuff to drop down. Also, it's one simple column that will drop down. Not all sorts of diagonal menu-within-menu things. I saw this at w3schools: http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_menu10
ajax check name
Hello, I have the following code to check if a username existes. In my IDE it crashes and in the Browsers, It shows the returned html for a second and the goes away, and the page goes back to the top. Since it does come back correctly , I know it is working on one level. $("#addNew").submit(function (){ $("#UserExists").hide(); var text = $('#username').val(); var textlength = text.length; if(textlength>2) { var name = $('#username').val(); var data = 'username='+name;
Location map hover blues
Hi everyone, I'm trying to get these hovers to work properly. I was asked to come up with a map of the world that highlights when a user mouses over a particular area. Those ares are mapped with <map> and <area> tags, and I'm using jQuery to load <div>s that go on top of each of those areas. The problem is that the cursor loses focus when the obtrusive <div>'s display property is set to block by .show() or .fadeIn or whatever. If I use inline it disappears, also for inline-block. So it has to be
Ajax function some browsers do not support!
Hi! I have this ajax function that executes till some output is done, but it doesn't work in some browsers like ie 6 or 7, please let me know if it is bad constructed: <script type="text/javascript"> var opt = { type: "POST", url: "ajaxfunct.php", data: "param=343", success: function(data) { $("#p309_mailsender").html(data); if (data != 'FINISHED') { $.doTimeout(
Using JQuery to create an XML file.
I have a project where we are using JqueryUI to display an droppable element on the page and harvest the selection of the element once a user hits submit. We want to use JQuery update an XML file once the selection has been submitted. I would like to find an example or reference point online, but couldn't find any. Can someone steer me in the right direction.
[newbie] How do I run JQuery test suite?
Hi folks, I'm starting to use JQuery and would like to run the test suite. Simply doing make, putting the source tree in some Web server's path, then surfing to jquery/jquery/index.html is not enough to get the Ajax tests to work. Where may I find a recipe to follow for getting the tests going? Thanks so much, Ihab
Jquery script doesn't work in IE... help!
I have adjusted a script I found in a magazine, but it doesn't work in internet explorer (the page isn't being drawn properly at all) Any help would be appreciated. Code in question is: // page swapping mumbo jumbo $(document).ready(function(){ // allow clicking on the icons on the home screen $('#issue>ul>a').click(function(){ // when clicked fade current out and chosen article in $('#issue>div').fadeOut(250).filter(this.hash).fadeIn(250);
How to call jquery function from server code with no clicks/links
Hi, I am new to Jquery. I have a small jquery popup function which I am using for displaying help file. It works fine when I call it from getfocus of a control. I would like to call the same or similar function from ASP server code to display a message after a successful update. I would like to display the popup without hitting a button or link. How do I accomplish call that function from asp server side using c#. function showPopup() { ShowPopup(); setTimeout(HidePopup,
Highlighting an element as it is hovered over (like inspect element in FireBug)
I'm trying to get the same functionality that firebug has in it's inspect element in where as you mouseover things it hightlights it and when you click an element it unbinds both mouseover and click .one('click', function(){unbind...})Then I want to display the absolute path to that element like: html > body > ul > ul > li > ul > li > a > font Anyway heres my basic code so far (function($) { $('<style type="text/css">.qwertymk{border: 1px black solid}</style>') .appendTo('head');
Efficiency Question
I'm just a few weeks into js/jQuery and have run into a nagging question about DOM manipulation efficiency that I've been unable to answer for myself without relying on assumptions. Here's a simple manipulation example: HTML from: <div id="top"> </div> <div id="bottom"> <a href="#" id="one"></a> <a href="#" id="two"></a> <a href="#" id="three"></a> </div> HTML to: <div id="top"> <div id="top-inner"> <a href="#" id="one"><div></div></a> <a href="#" id="two"><div></div></a>
JQUERY Fading Navigation Bar?
Hello, I have been trying to add to JQUERY fading navigation bar to my iWeb designed site. I have gotten pretty far but I need some more help. Here is what I have so far. The fading navigation bar is on top and my iWeb bar is on the bottom. There are three things that I would like to do. 1) How do I adjust the placement of each word so that the negative space is even between each word? The iWeb navigation bar (below) shows this more even spacing. 2) How do I insert those thin vertical bars in between
IE/Safari issues
Hey, everyone... I'm working on a slider and it works fine in Firefox, but not IE/Safari. Here's the link: http://ihrtn.com/Gallery/paintings.html And here's the original jquery slideshow that I was basing it all on: http://www.leigeber.com/2008/12/javascript-slideshow/ Can anyone help me out with this? Thank you so much!
Manipulate elements added by jQuery
Hi, I have a markup like this: <ul id="list"> <li class="item">some string</li> <li class="item">some string</li> </ul>I then declared some manipulation on those li's i.e. made fadeOut on click. But then I had a button that entirely removes that list and an ajax function to return an updated list. For some reason the fadeOut doesn't seem to take effect on the new list now :( Anything to consider? Thanks!
Table Drag & Drop
Hey there, i`ve a problem and no solution. :-( I want to drag a row (<tr>) from table-1 to drop it into table-2. Has someone a solution for me? THX snuwie
"Too Much Recursion" with jquery-1.3.2.min.js
I'm getting tons and tons of "too much recursion" errors in jquery-1.3.2.min.js on this site http://www.mechanictoolsonline.com and I can't figure out why. It brings my browser to its knees... Not doing anything special. It doesn't happen every time I visit the site, either. Any ideas???
custom error issue
I created an error when the user doesn't enter a value to a text box. $('#errorMessage').fadeIn("slow").delay(1000).fadeOut(2000).append("<h2>Podaj nazwe konfiguracji!</h2>"); it all works fine, but when you make the mistake twice, the "Podaj nazwe konfiguracji!" is displayed twice in the error message box. Is it possible to remove the text just after the box fades out?
resizing text input
Hi, I've searched and searched, but can't find anything related to my problem. There's plenty of information on resizing text areas using a plugin, but my problem is the opposite: I have a single line text input that "grows" when you enter text that exceeds the size of the control. I would like to constrain the size of this input to it's original dim (presently set at about 90% width of a table column). I'm not sure what plugins we're using, they're all packed into one file that's hard to read
callback success/error not working
For some reason the success and error callbacks are not working at all. I'm using jquery.ajax to submit a form w/o page refresh through a php file. I have set the success & error callbacks but even when I changed the mysql password (to a incorrect one) I got the success message :S here's the php & js script <?php /*$fp = fopen('data.txt', 'a+'); fwrite($fp, 'ok'); fclose($fp);*/ $sections = $_REQUEST['sections']; $fontColor = $_REQUEST['fontColor']; $bgcolor = $_REQUEST['bgcolor']; $font = $_REQUEST['font'];
Asp.net and Jquery with customErrors mode="On"
Hi folks, I have a question about error handling exception with jquery ajax. The question is, how can I get the "real" exception when the customErrors mode is set to On on asp.net web.config file(<customErrors mode="On" />), cause when it's set to OFF, it works great. I didn't find anything regarding this over the web, I would appreciate if someone gives me some directions Thanks a lot Rafael
using paul bakaus comicstrip navigation with 1.4.2
Hi All The comicstrip strip navigation works with version 1.3.2 but i find an upgrade is necessary. The demo from paul bakaus is at http://paulbakaus.com/lab/navigation/comicstrip/ You can find my adaptation at http://www.bartlensink.nl can somebody explain why version 1.4.2 of jquery does not work here? help is much appreciated cheers geert baven -
Stop Function?
Is there a function to tell jquery to only do something on the first instance that matches then to stop. For example I add a class to a LI to an UL with the below but it adds the LI to all ULs under it. $("div#container ul").prepend("<li>Home</li>"); Original code: <ul> <li> <ul> <li>item</li> </ul> </li> </ul> Code needed: <ul> <li>Home</li> <li> <ul> <li>item</li> </ul> </li> </ul> Currently Output code: <ul> <li>Home</li> <li> <ul> <li>Home</li>
Using show(), hide() or toggle() - stack overflow in IE8 and IE7
Hi, I tried to use show() and hide() or toggle() and on every time IE runs into overflow. but how can i fix this problem? Please look at this site. Perhaps you could find an answer for me? http://www.webstreet49.de/_neu/ Thanks.
Next Page