Problem with parseInt()
Hi, I wrote this code: parseInt($("#totalSum").text("5Y") , 10); the result should be: 5.. but the result is 5Y. Why? I can't figure it out.. thanks...
slideToggle step callback
What's the easiest way to get step-callback-function for slideToggle?
How to detect of an element is over a div?
Hi, I need to know that when using Jquery Ui how can you detect if a element is on top of a div even if it was dragged onto the div. I want to display a button that if the element is above a div and when you press this button. It will add it to the div. Once this element is added to a div. If you right clicked on this element you will get another button that if clicked will take the element out of the div and be ontop of the div in the same location. How can one do this? Yes, I have asked something
append statement
in the below code , why the append statement didnt executed and it will be executed only if you remove the load statement <script type="text/javascript"> $(document).ready(function(e) { $("button").click(function(e) { $("div").append(" this is an appended content to the div"); $("div").load('test1.txt'); }); }); </script> <div></div> <button>Load the text</button>
Overlay not displaying linked page
I am trying to get an overlay working on my site, currently just running locally. I've copied the source and style sheets from, http://www.jquerytools.org/demos/overlay/external.htm and changed the links in all three files (as far as i can see) so they all find the appropriate files. Everything seems to be working except that the pop-up window is empty, no content is displayed. if i remove rel="#overlay" from the href tag the link works as normal... any ideas? thanks :)
easy question i think
hello, i am just starting with jquery the hide button is not working, what am i doing wrong? already thanks <!DOCTYPE html> <html><head> <title>jQuery</title> <style> </style> <script src="scripts/jquery.js"></script> </head> <body> <button id="hide">hide</button> <p> test test test</p>
Need Help with jquery lightbox and my html site.
ive used a template and customised it how i want it. but i want it to have a lightbox plugin on it so when people click on the thumnails of my photos it pops up bigger. can someone please help me with this, i am new here. my site is here . Best regards Alex Michael
what technologies are used????
hi any body can help me out to find what technologies used to build the following website http://www.zennioptical.com/ thanks in advance............
Cannot display the JSON data returned in the grid
Hi all, sorry if this is completely not a jquery issue but any guidence is very welcome: I have one jqGrid which initially passes some empty parameters for the web service and returns an empty row. After that, end user inputs those parameters where there is another AJAX call which calls this same web service every minute. I see the parameters being passed and the values being returned (via fiddler2) but they are not being displayed at the grid. Here is the stripped out code: var UpdateDatabaseSetupGridTimeout
Problem with dropdown menu
Hi, I'm new here and only have limited experience with jquery (I've used a couple of banner sliders and modal popups). Anyway, I'm designing a site for a new client who wants a dropdown menu. I have been using the Timothy Framework and the menu I used is included in one of his templates. I copied all the .js and the accompanying .css file and then tweaked settings to be what my client wants, but when I preview in Firefox and IE, everything goes haywire. In Chrome and Safari it appears fine works,
am I misunderstanding what a selector does, here?
Ok, the following bit of code worked for the effect I was going for: $("contents").click(function(evt) { $(contents).animate( { fontSize: '+=50%' }, 60); }); However, I was unhappy with the result of that as I can click anywhere in the horizontal space (although maybe there's a workaround?) whereas I just want it to respond to when I click on the actual text. So I tried to base it off of any of the li elements being clicked instead: $("contents li").click(function(evt) {
code breaks as soon as I link jquery
If I insert [code]<script src="http://code.jquery.com/jquery-1.7.2.min.js"/>[/code] Above of [code] <script type="text/javascript" > function processxml(xmldoc) { var i, root, el, els, str, esc; i = 0; root = xmldoc.getElementsByTagName("featurelist")[0]; el = root.getElementsByTagName("chapter")[0]; /* Initiate contents */ str = '<ul id="contents">'; while(el && el != root) { if(c=el.getAttributeNode("htmlclass")) str += '<div id="' + c.value + '">'; str += "<li>" + el.getAttribute("title")
Animate div and child paragraph
Hi, I'm new to the forum and to jQuery. I couldn't find the solution to this problem on my own, I think the solution has something to do with selectors. I animated successfully a div's border on the hover event, but would also like the child paragraph to perform an animation but with the following code I cannot isolate only the paragraph belonging to the div that's being hovered, and all paragraphs child to a div also animate. I cannot use the this keyword here, so I'm stuck. var jq=jQuery.noConflict();
I need help with my betting system
I'm trying to make a basic slot machine and i ran into some problems with my code. Here's my code... $(document) .ready( function() { /*$("#machine").hide(); $("#title").fadeOut(3000); $("#machine").fadeIn(5000);*/ $("#money").attr("disabled", "disabled"); $("#stop").attr("disabled", "disabled"); $("#spin").attr("disabled", "disabled"); $("#reel1a").css("visibility", "visible"); $("#reel2a").css("visibility", "visible");
JQuery Newbie and Autocomplete
Hello Everyone and thanks for your help in advance. I am new to JQuery and am trying to implement autocomplete with an ASP.Net webpage. The search page is located athttp://www.1naples.com/search2.aspx. The data is delivered through server side code that can be seen athttp://www.1naples.com/recordsearch2.aspx. I have not implemented styles for simplification purposes. When I type in the letter "f" in the autocomplete box, three listitem dots appear(which is correct) however, the text is missing. I
2 problems with async tree (href and expand)
Hi, i'm new in jquery and my english is not the best :o( Ich hope you understand what i mean. I used jquery and treeview to make a sample file to test this. When i click on a node, it should open a new url, so i append the href parameter, but when i click on a node it opens the subfolder, but not the new url. My second problem is, that when i add the expand parameter jquery opens the node, but only shows "placeholder", when i close the node and open it manualy, everything looks fine. To you have
How do I hide only half of a div and then reveal it on hover?
Hi guys, I'm rather new to jQuery, so please just humor me. If I'm in the wrong section, could someone point me in the right direction? Anyhow, as per my new site design, I need to have a DIV on the page, containing an image, some other divs, and some text within it, but have HALF of it concealed (see attached spotslideprev1.jpg) until the user hovers over the div, revealing the complete DIV (see attached spotslideprev2.jpg). I think it's pretty self explanatory. If anyone has any ideas or tips,
How to select all descendants of a div
I'm very new at jQuery and I am trying to write a selector that returns a div with a particular id and all its descendants. What I have is $('.boxBody > div:eq(' + $('#tabMenu > li').index(this) + ')').contents().andSelf().slideDown('1500'); The problem is that the slideDown sets style="display:block" for the div, but not for any divs that may be nested below it. What should I change to get the right behavior? Thanks!!
setTimeout?
The effect I'm after is to have an div go blank for, say, 800ms and then be filled with content. I already have a js function which makes any content in the div "display none"; I'm looking for the way to combine this with a jQuery 'get' call. Can I do: myfunction() { displayNone(); setTimeout('jQueryfunction', 800); } ?
Loupe Plugin toggle
Hello, I am sure this seems simple for most of you, but I can't seems to make this (http://jdbartlett.github.com/loupe/ ) Loupe Plugin toggle on and off. I have tried adding and removing the class the plugin uses to identify which element to zoom. I have also tried directly .hide the class used to style the loop itself. I've spend hours looking around the net, no help. Ideas? All help is great. Thanks everyone. I tried this: jQuery('.theloup').loupe({ width: 200, // width of magnifier
Jquery effects with Codeigniter
Hai guys, I'm completely new to JQ, and only have a little bit of experience with CI. What I want to accomplish is just to be able to add effects that are available via JQ and maybe later scriptaculous animations in my CI app. So here is an example what I try to accomplish: It's fairly simple, via CI an app is made, which consists out of a simple navigational menu. What I want to do is make make the content of a certain menu item to slide down when the menu <a href> is clicked. TOP.php <!DOCTYPE
Post data not showing at the process script.
I've been having great difficulty with this simple script. From every thing I've read this should work. $(document).ready(function(){ $(".add_to_profile").css("background-color", "yellow"); $('a.bookmark').click(function (){ var addedbookmark = function (data) { var divreturn = 'div.return-'+ data.nid; var divbookmark = 'div.bookmark-'+ data.nid; $(divreturn).html("bookmark added"); $(divbookmark).html('<a href="remove_bookmark/'+
button lauching a file dialog
Hi, I try to open a file chooser dialog when pressing a button. Here is what i have up to now. <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="scripts/jquery.min.js"></script> </head> <script type="text/javascript"> $('#button').file().choose(function(e, input)
Can’t figure out how to capture PHP Generated Row Data to $.post()
Greetings to all, I’m a complete newbie to jquery. I started out of GREAT necessity as I’m writing a meal plan function where I want to post a particular food to “my favorites” and found that while PHP is truly powerful, it has one limitation – I have to send things to the server to process them (yes, that was my attempt at humor). I wrote my first jquery driven $.post that calls a PHP page, that actually does the store for me. This works great. However, the “ignorance” I’m hoping someone will
Urgent: Autocomplete css
I am using jquery autocomplete. Its working fine. Only issues I have is with its display. Now I have a textbox where users type in the text. Below the texbox are some other controls such as texbox, dropdownlist etc. Now when the user start typing in my autocomplte textbox it shows all the suggestions below but it still displays my controls below, i mean my result should be over the controls below and my results box should overlap my controls. Right now it seems my results box is transparent. Any
jQuery plugin for eclipse
Hi, Any one know Is there any specific plugin we can use in eclipse for jQuery content assistance. I tried with jQueryWTP, but this is not working in Eclipse3.4.0. Thanks Kasu.Praveen
Calling ASP.Net server side event from jquery dialog button
My javascript code <script type="text/javascript"> $(document).ready(function() { $('#dialog').dialog({ modal: true, buttons: { "ok": function() { document.getElementById("<%=btnID.ClientID%>").click(); $(this).dialog("close"); } } }); }); </script> My body part <body> <form id="form1" runat="server"> <div>
Problem with click event
I have this function (posted below), and when executes for the first time it works just fine. But when i select, another div of the same class, to do the same with it, it executes for that div, and for the previous one too!.. And the canvas stays active, so, when i click it, it refreshes the input again!..And makes another circle.. I dont want this to happen. How could i do?... $(".point_wrapper").click(function(event){ $(this).css({background : '#000'}); var id = $(this).attr("id"); var nombre=$(this);
.load() by class
Hi. I want to use something similar to this: $('#remote').load('http://www.url.com/page.asp?p=1 #myID');If I understand correctly, this would take the content of the element with ID "myID" and place it in the element on my page with the ID "remote". What I want to achieve is a bit different - there is a table cell (<td>) on a remote page that I want to put on my page, only this cell has no name nor ID, just a class: myClass. How can I get the same result with only a class? Also, if it makes a difference,
Reverse string (email address) on copy?
Hey all! I'm trying to do this email obfuscation thing where I reverse the email direction with php and then on the page flip it right way with css. Looks great and works great, expect when I copy the email, it's of course backwards. Would you have any ideas how to use jQuery (or just plain js) to flip it right way when it is copied? Or would it make the whole obfuscation thing useless? Thanks advance! All help is appreciated :)
Converting the text of a datetime field to another format
I am trying to convert the text of a datetime field from UTC to a more American friendly format. I am having trouble getting the text to change to the converted version. I have each input of type=datetime-local assigned to a class dateTime and I am using the function below. The code runs without error, but the text of the control is not updated. Any ideas? Thanks for the help. $('.dateTime').click(function() { var mainParts = $(this).attr('value').split('T'); if (mainParts.length
Using the demo page (modal-form.html) and IE7...I cannot get my 'create new account' window to open
It works locally, but not on the app server where I am running it. I have reduced the security to low and only changed the references to the Java scripts, but still no luck. Any thoughts would be appreciated... Thanks, Bill
Docs on website: Copying example code that is in scrolling box
On www.jqueryui.com/demos/dialog/ if you click the "options" tab and then expand the first "buttons" option, the example code appears in a box with a horizontal scroll bar. I am trying to copy all the code in the box but I cannot figure out how to select all the code. CTL-A or dragging across the text does not work. Any tips appreciated. Peter
Trouble getting commas in numbers.
I am very new to jQuery and I was wondering if anyone can help me out with an issue I have adding commas to an outputted field. I checked the web and used many examples but for the life of me I can not get it to work. My script is a calculator that calculates footage. The calculations work perfectly and the outputted number shows up and is corrected, but has no commas for large numbers. The script that I made has three parts to it, the jquery code that does the calculations, the input fields and
click event is not fired on a checkbox.
I have many checkboxes in my page and there is a script to select multiple checkbox s with shift key. when i select multiple checkboxes using shift key and submit the form i am getting only two checkboxes data (normal click and the shiftclick checkboxes), It seems the click event is not getting fired for the other checkboxes which are selected automatically through the script. Can any body suggest me how to fire click event on them. please find the below sample script that iam using. <html> <head>
help with $ and noConflict()
Hello, unfortunately, javascript development has left me far behind, and i don't understand a lot of this stuff. specifically, the $ variable, and the noConflict() method/directive. can someone point me to a doc or something that explains these in a lot of detail. i read the basic explanation which unfortunately did nothing for me. specific reason for this question is: we are using a derivative of jQuery: the fancybox, along with other jQuery functionality - on some pages with multiple instances
child selector issue in ie8
I have a series of DIV's of class ".photo" that contain a (p) text element with class ".tntext" When the user hovers the mouse over any single DIV, I'd like to animate it's child p.tntext element into view - I'm using the following code: $(".photo").hover(function(){ $(this).children("p.tntext").stop(true, false).animate({opacity:1},400); }, function(){ $(this).children("p.tntext").stop(true, false).animate({opacity:0},400); }); This seems to work in Firefox, Chrome, ie9, and Safari - but not
fadeto on hover problem?
Hi, I have a unordered list containing some images and i want to set opacity to 1 when the mouse is over a list item <li> and to 0.67 when leaving it. i did the following but the problem i got is the opacity is doing a blink like effect... turning opacity from 1 to 0.67 to 1 to 0.67... and so on each time i move the mouse when im over the <li> element... $(document).ready(function () { $(".li-thumb").hover( function() { $(this).fadeTo('fast', 1.0); }, function() {
Question on .live() and ajax calls
Hi everybody! Developing my site i ran up against this problem: I generate a <table> (with 20 rows) element with a server side php script, i load it into a jquery-ui tab element, then i generate a list of link (to page the table if the sql query returned more than 20 elements) and add it after the table, then i try to hijax the link row using live() in this way: $("#alphaDiv > div > a").live("click", function(){ var url = $(this).attr("href"); $("alphaDiv > div').fadeOut().slideUp("slow",function(){
detect if event is launched in children of certain parent
I have something like that <li>My menu item <ul> <li>my submenu item</i> <li>my submenu item</i> <li>my submenu item</i> </ul> </li> The problem is that when the mouse goes from the main <li> to the children <li> a mouseout event is generated from the main li. My idea is that if I can detect that the the mouseout is happening at a child of my main <li> then I should be able to stop the handler with an "if" or something. So how would I do that? TIA
Next Page