.mouseover on various divs
I'm learning jquery and code below makes hovering a div in another div to appear, and when the mouse leave the div disappears. But as you can see, the div "visualizar" this in a loop and when I move the mouse in a div appears in all, I wonder how I can make a div to appear at a time, I could modify the code? script jquery: <script type="text/javascript"> window.onload = inicia; function inicia() { $("#visualizar").mouseover( function() { $("div.editarVis").show("slow");
Why firebug did not find the error of these codes?
hi guys Just wondering why firebug missed the error, $(function() { $('#submit').click(function() { $('#container').append('<img src="img/loading.gif" alt="Currently Loading" id="loading" />'); var select = $('#select').val()); var title = $('#title').val(); var description = $('#description').val(); $.ajax({ url: 'submit_to_db.php', type: 'POST', data: 'select=' + select + '&title=' + title + '&description=' + description, success: function(result) {
get last value from textbox?
When someone hits enter I want the last value of textbox with id keywords How can I do it? $(document).ready(function() { $('#keywords').keyup(function(e) { if(e.keyCode == 13) { alert($('#keywords').val()); } });
jquery conflice
my existing js is : jQuery JavaScript Library v1.4.2 and present my color picker js is :jQuery JavaScript Library v1.3.2 . So, I am getting conflict , plz try to help me how to solve this problem
add delay to inside zoom
I'm using the great cloud zoom jquery plugin to add inside zoom to an image in my site, but I want to add a delay on the hover before the zoom takes place. I created a jsfiddle so you can see the code in action http://jsfiddle.net/eTvKK/1/ hover over the image and the effect takes place immediately. I'm not sure how to make it wait say .5 seconds before it happens. So far there is no jquery involved from me, I just put the image inside a <a class='cloud-zoom' href='address of big image'><img src='address
toggleClass confusion
I'm probably just being really thick but i'm confused about this... click specifically: $('#foo').toggleClass(className, addOrRemove); I basically want it so that when my <div class="unselected"> is clicked, it becomes 'selected'. and vice versa what i have is: $(document).ready(function () { $('#mydiv').click(function () { $('#mydiv').toggleClass('selected'); }); }); That adds and removes 'selected' from the DIV but i want it to switch between 'unselected' and 'selected'... Thanks for any help,
Show text when clicking on button
Hi Folks, I have the following website: http://beta.visueel-adv.be/nl. As you can see, there are a couple of news items. In fact, there should be 3 items on the homepage, the rest should be hidden. When you click the button "oudere nieuwsberichten" what means "older news", the other newsitems should be shown underneath the 3 existing ones. Is there a jquery plug-in to do so? Thanks a lot for your answer(s)!
making the default value of radio buttons to NO
I have an input radio buttons like this <input type="radio" name="radio1" class="abc" checked>No <input type="radio" name="radio1" class="abc">Yes So i want to make it checked once i am done with procesing, currently it is just removing the attribute and keeping both empty i tried using.reset() event but it is not working! Can anyone guide
Change iFrame src then fadeIn once loaded
I have the code for changing the iframe src and i have it fading in, but sometimes it fades before the page has loaded. Can i make it wait until the page is loaded before fading it in?
A line was appeared in my android phone..I used only select menu !! Help me...
Hello, sir. I made a sample program, It used JQuery-mobile. It's only a menu. It seems to good in IPad, Crom...but phone screen has some problem. A line is exist on screen. It is located under the select menu. what's the problem? I thick i don't have a mistake. Look at this, It's my code. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="CABIweb.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
text() not working in IE8 -> undefined
I have difficulties with the text() function in IE8: <a href="#">Alex</a> <SCRIPT type=text/javascript> $(document).ready(function () { $('a').click(function () { alert('display text: ' + this.text); return false; }); }); </SCRIPT>Basically what I want to do is to output the link's display text in an alert box when I click on the link. This works in FF, Chrome and Opera - but not in IE8. In FF, Chrome and Opera,
flickering in serveral browsers (ie, ff, chrome, opera, safari) if use .animate(left: -position)
Hey, I've done something like this $(".image_roll").animate({ left: -new_position }, 800 ); If I run it the sliding image is flickering in IE, someone knows a fix? PS: This error is in ie6, 7 ,8 (in ie9 it works fine....) Kind Regards
Getting div content WITH control values
Hi. I have a div on a page: <div id="content"> <table> <tr> <td> <inputid="TextBoxStopRoadName01" type="text" /> </td> </tr> </table> </div> Now if I type something in that textbox, and then get all the div code: var wholeDiv= $('#content').html(); the text I just typed in the input field, is missing. Actually all changes to this div is ignored, only the initial div state is returned. How can i do this? Thanks alot! Kind regards, Lars
A script fail after adding the jquery ui tabs in the site
Hi, I had just use the jquery-ui tabs to change the interface of the site, but after i apply it, i found the ajax function which works before had became fail. I would like to know will there be any way to fix the problem. The script of ajax is below: $(document).ready(function() { $('#usernameLoading').hide(); $('#username').blur(function(){ $('#usernameLoading').show(); $.post("lib/check_username.php", { username: $('#username').val() }, function(response){
ie7 issue
hi there, i'm doing an animation on a navigation, works great in all browsers, only in ie7 when i click the second time on a link the all "#sx" div moves up of about 20/30 px! I really cant figure out what's happening, i've checked the code in jsfiddle and it's all ok!! if you like you can take a look to the code here: http://jsfiddle.net/mkkqm/2/ Thanks in advice Apprentice
custom the alert box
I have the , how can I let the alert box become wider, and the text message become big <script type="text/javascript"> $(document).ready(function() { alert('Please dosomethin before.'); }); </script> Thank you!
JQUERY - MODAL FORM - LOGIN AUTHENTICATION
Dear All Can some one please help , what i want to do is when some one enter Name , Email , Password and Hit Button " Create an Account " . It should go to mysql database and check if Name , Email , Password is present . If it is present then it should allow the person , if not then it should give a error invalid NAME OR Password http://jqueryui.com/demos/dialog/#modal-form Please help
Internet Explorer mega-menus issue
I coded a set of mega-menus for a WordPress site I am working on, and it works beautifully in Chrome and Firefox, but I am having the worst time in Internet Explorer. Granted, there may be some CSS issues I need to brush up on for IE that are contributing, but I was wondering if you pros could make glance at my script for Internet Explorer bugs. site url: http://upmi.org/site (The mega-menu is at the top (home/learn/etc) Here is my jQuery work if its useful. // JavaScript Document $j=jQuery.noConflict();
Hey there, I am starting to learn jQUERY and I have a problem with conflict
I want to build a page with 2 jQUERY, one for a dropdown menu and other for image gallery, but what happens my dropdown menu freezes... it only start working when I remove the image gallery... What should I do, I need to have 2 jQUERY on the same page, look at the mess I am doing: please don't laugh I am just starting to learn ok? http://pablobianc.dominiotemporario.com/aprimeirophptestes/demo/inicio.php
make parent li stays same bg color when cursor moves to its siblings
I am trying to achieve this via jQuery by adding a class as I don't think it's possible to do with CSS. Been struggling for two days still can't get the code calls the right class. http://jsbin.com/acori/13 The menu is generated by the CMS system so there is restriction to adding new class directly to a specific menu item. It's a 3 level menu but the flyout starts from second level (2nd level menu 3). By default, the 1st level menu has a "top-level" class for anchor tag while 2nd and 3rd level don't
Can I bind a function to the onscroll event of the parent window, from an <iframe>?
I have a page that does not load jQuery. An <iframe> included on that page does load jQuery. Using jQuery, is it possible to bind a function to an event of the window object of the parent page, even though it doesn't load jQuery? Accessing the parent window doesn't seem to be a problem; this works (at least in Firefox 4): console.log($(parent)); // displays "jQuery(Window index.html)" in the console To give some context, I'm developing the document to be loaded within the <iframe>, but I don't control
Where does jqXHR store decoded JSON?
I have a lot of code where I use $.post() to retrieve JSON data. I'm experimenting with Deferred objects, and can't figure out where done() gets the arguments that it passes to functions. If I do something like this: var jqxhr = $.post('return_json.php'); jqxhr.done( function(data){ echo data.return_val } ) ...it works. jQuery decodes the JSON and passes the object to the anonymous function. But when I look at jqxhr's properties, I don't see the object. All I see is the responseText value, which
buggy gallery in opera an safari
I have a gallery which loads in and animates content based on different navigation selections. there is also a background image which changes on click. I've just found that on opera and safari, the appropriate images aren't always loaded. When you click the navigation, it loads a set of subnavigation(via load() method), which then links to specific images. My issue, is that sometimes, the navigational items, when clicked, load in the appropriate content from the previous set of navigational
highlight table row and cell borders when hover
Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell? I have seen lots of background examples but haven't seen anything with borders. I tried delegate but that doesn't work. $(document).ready(function() { $("table tr").delegate('td','mouseover mouseleave', function(e) { if (e.type == 'mouseover') { $(this).toggleClass("topleftrightborder"); } else { $(this).removeClass("topleftrightborder");
Dialog Button submit .load() form
Hey, how can i manage it, that a Dialog Button submits a form, that is loaded via the .load() function? here is the code: I tested $("#bearbeiten").submit(); (bearbeiten = form id) function contentloaderBea(dataid) { $("#somedivs").load("Mieter.php?s=mbearbeiten&mieterid="+dataid+"").dialog({ modal:true, autoOpen: false, title: 'Mieter Bearbeiten', position: 'center', width:'350', height:'600', buttons: { "Speichern":
Ajax Import of SVG into XHTML works in Opera, FF, but not in Chrome or Safari -- WHY?
Hi, Everyone! The following works in Opera (v. 11.01) and FF, but not in Chrome or Safari: $.ajax({ url:"data/embed_si_006ped.xml", dataType:"text", success:function(data){ var nodes = new DOMParser().parseFromString(data,'text/xml').documentElement; //alert(nodes); // // Works in Opera (v. 11.01) and Firefox but not in Chrome or Safari: // svgContainer.append(nodes);
ie7 .load() question
When I use .load() to pull an image into a page by referencing the 'href' value, it works great in every browser but IE7. Let's say I have: <a href="01"><img src="some-image.jpg" /></a> If I run alert( $('a').attr('href') ), most browsers return "01", while IE7 returns "http://website.com/01", which causes problems when trying to load a specific string path. I've implemented the standard return false/event.preventDefault(), but it still returns the url with the href string in IE7. I've got around
JQuery load, renesis svg viewer and SVG
I have html page that has an object with reference to svg. I use jquery.load() to load that html in a div. The svg does not display. I use: jquery 1.4.2. I also upgraded jquery to 1.5.1 and still have the same problem. I use renesis svg viewer. Any help or direction is appreciated. Thanks, Rasoul
jquery form State
Hi Friends, This is my first post in forum,I am very exciting to see this forum.I have below question. I have List of check boxes,After selecting check boxes,I do submit and it goes to server .From server i am displaying the same page.Here how can i show the selected check boxes. Thanks in Advance. Regards, Raj
problem with validation
I have problem with validation plugins. I want to set up change passwod section where when you type the old password it sends the query to see if the password matches that one in datatbase. I used the remote to do that similar stuff with different project, but with the current one it returns the json object. Based on my reseach I can't use "remote" for json response and try to set up addMethod instead. i gotta validation part working but now every time I typed in password it tries to check with the
Is it possible to get scroll percent in a scrollable div?
I have a div with the overflow set to auto. This is a mobile web app and on iOS, scrollable divs do not show a scroll bar so I am attempting to build one. The scroll event fires when I scroll on the iPad, I just need to know the scroll percent now so I can change my custom scroll track handle position.
[jQuery] Mac OS X default system drag and drop is overriding Interface's drag and drop
Hi all, I'm developing a back end for a photographer's agent, and she wants the site to be mainly drag 'n' drop thumbnail images, so she can create "collections" of various images, by dragging from various bins. So I've started with a styled <ul> list of images, and each <li> contains an <img>. Each <img> aligns to the middle of it's <li> so the whole thing looks like a grid of slides. I'm using the Interface plugin and it's all working great; I can grab the <li>s and it's easy to re-arrange them.
Check value for checked checkboxes
My PHP-script generates checkboxes following this pattern: <input name="checkbox_group[]" id="checkbox_1" value="1" /> <input name="checkbox_group[]" id="checkbox_2" value="2" /> I have tried every solutions I could find, like these: var values = new Array(); $.each($("input[name='checkbox_group[]']:checked"), function() { values.push($(this).val()); // or you can do something to the actual checked checkboxes by working directly with 'this' // something like $(this).hide() (only something
Add events to synchronise checkboxes between parnet and popup windows
Hi, I have a pop-window that contains a checkbox for an item. I want to keep the checkbox synchronised with the checkbox on the parent window. The parent window contains a list of items and I need to bind an event to the parent window's checkbox and the pop-up window. I have managed to get 90% there but I have a couple of issues. The first problem is that I have had to put the code in-line. The code was originally in a source file and loaded when $.(ready) but I kept on getting errors that self.opener
Help passing CSS class attributes to tooltip function
Long time reader, first time poster. I am working on incorporating qtip tool tips into a site I am working on. The site uses per-user-login dynamic themes. I need to be able to dynamically retrieve the attributes list/object for a class from the CSS each time the qtip tooltip function is called (using it on multiple fields). $(element).qtip({ position: { corner: { target: 'tip_target', tooltip: 'text_target'
Update to 1.5.1 changed browser Back button behavior?
I recently updated from jQuery 1.4 (I think 1.4.4) to 1.5.1. Before the upgrade, when users pressed the browser's Back button, they would usually be taken back to a page with all their changes intact. If they had modified input values or clicked objects that caused other parts of the page to change, they would still see those changes. Back literally took them back to the exact thing they were looking at before. Under 1.5.1, Back takes them to the prior page as it was when it first loaded. What changed?
jquery colorpicker help
heres my html: <p class="colorp"> <label for="color1">color1</label> <input name="color1" id="color1" type="text" size="10" value="ff0000" /> <img src="images/icon-color.png" /> </p> <p class="colorp"> <label for="color2">color2</label> <input name="color2" id="color2" type="text" size="10" value="ff0000" /> <img src="images/icon-color.png" /> </p> heres my jquery: $('.colorp img').ColorPicker({ onBeforeShow: function () { $('.colorp img').ColorPickerSetColor($('.colorp input').val());
Changing classes of list items depending on the amount of them and current class name
Hi, I'm trying to create a list that contains items which are filters for a search. The list shows 10 items (max) on the page load. if there are more than 10 it changes the class of the elements > 10 so they are hidden, and a 'show more' link is appended. Now if the user has 'unhidden' the previously hidden items and then chooses one, I want the class for all those previously hidden items to change until the user has deselected that item. e.g. 13 items in list user 'shows more' user selects item
Wrapped Set: "Brother" Selector (with :first parameter) doesn't work
Hello Everybody, Since I'm new in this forum, I would like to introduce my self first. My name is Luciano Daher, I'm speaking from Brasil (with 's') and I would like to ask about an issue I'm facing here. I've read "jQuery in Action" as a tutorial, and, at the end of the chapter 4, the book presents a sample script called "bamboo.html" (is about a Chinese Restaurant). I've tried to reproduce the same sample myself, but, when I use the following wrapped set (bold text) within the anonymous event handler
Error using jQuery 1.5.X and Firefox 4
Hi! I updated to firefox 4 and ran in to a strange problem that some of you might better understand ... Problem I have a pretty complex page developed using jQuery 1.4.X --> 1.5.X and the page works withouth any errors in IE 8, IE 9 , and Chrome 10 but fails with error in FireFox 4 when using jQuery 1.5.X but is working when using jQuery 1.4.X The code failing is returning the following error : $(".spSelectList_item").css is not a function The Code below is failing when using jQuery 1.5.X and FF4
Next Page