Back button "PING-PONG" effect (instead of going back like..when using browsers back button)
SITE EXAMPLE: A1-B-C, A2-B-C, A3-B-C B has "back button" C has "back button" From the site example you can see that you can come to B from multiple pages: A1, A2, A3 B's back button is implemented like this: $("#goback").click(function(event) { event.preventDefault(); window.location=document.referrer; }); And will navigate you back to the page from where you came to B (A1,A2,A3) -> that is correct. NOW THE PROBLEM: From B you can go to C C has the same back button
jquery in windows gadget
How can i used the jquery for my gadget development? I used the fade out and taggle function in my sliding image gadget but there no effect in gadget . It works good in ie. Pls provide the solution any special plugin for gadget is available.Isn't ?\ Thanks in advance...
Rounded Corners - Jquery or Image?
Hi, I need to start intergrating round corners into my site. I have seen jquery plugins to create rounded corners, but they seem to use a lot of code. So, is it better to use rounded images or use a jquery plugin? If jquery is a better option, which is regarded as the best plugin (most lightweight) for jquery to do this? Thanks!
Jquery newbie: How can I add up fields in a form?
I have a form with multiple fields. (http://lilbosheep.com/members/pickupB.php) When someone clicks an image field (with class .priceTableBtn) I want it to sum up all fields of class .eachItemTotal and then enter that value into field id #totalOrder I started out trying to do this with plain Javascript, figured it would be easier in Jquery but I'm new to it. This is what I have but it doesn't really work. It puts the value "0000000000" in #totalOrder $('.priceTableBtn').click(function(){ var tot
A litte bit of help needed with writing a pluging
Hi There, For a blog a like tool. i've written a small plugin which retrieves comments on this "blog" The comments are retrieved by json and formatted with some js and appended to the comments div. So far it al goes fine. However i also need pagination in this. Default selectors won't work ( $("#navbar a").click(function()) etc.. This ( in my honest opinion ) because the div with selector navbar is created with javascript. What is the correct way to implement this plugin? My best guess is something
appending page break to <select> element
Hi, I would like to dynamically insert a <br /> after each </select> (like createElement). I am told that this is simple with jquery but only have limited experience in this area. Can somebody please give me advice on this. code: <html> <head></head> <body> <form> <select> <option>1</option> <option>2</option> </select> <--- dynamically insert <br /> here <select> <option>3</option> <option>4</option> </select> <--- dynamically insert <br /> here </form>
Demo effects are not working.
Demo effects are not working for me. For example, http://docs.jquery.com/UI/Effects/Bounce does nothing. On the other hand, widgets do work, for example, Accordian http://docs.jquery.com/UI/Accordion In both ff and safari. What obvious thing am I missing? Thank you.
jQuery Ajax Form Submit Repeating Problem/Questions
First, a general question, as I think my understanding of this is incorrect. I have a page that shows a lot of different information . . . kind of a forum. I'm using jQuery/Ajax/PHP to update sections of the page. In one section users can respond to a comment. There might be ten comments and multiple responses under each comment so with each comment there is a small form to enter information. When a user enters their response that section "refreshes" using Ajax and an Ajax file (i.e. a different
slide panel; mouseOver help
Alright, this might be a easy fix, but I can't seem to get it to work. I have it so when you mouse over the "test1" tab, it drops the panel down like intended. The only way I can get it back up is if I mouseover the same tab (or I could make a click function or others), but what I'm interested in achieving is where the user moves their cursor out of the panel that just dropped. In doing so, the entire panel would close back up in its original state. I thought maybe it would be another mouseover command,
jquery cycle plugin
Hello, Not sure if this question should be posted here or in the plugin forum. I went and looked at the cycle plugin. I'm not sure what you do with it from a file management standpoint once you download it. For example, are you supposed to cut and paste it into the jquery.js file? Or are you merely supposed to place it in the same root directory on the server as the jquery.js file?
Tutorials:How jQuery Works - Special Effects
hi, I've been discovering jquery today and my question is pretty basic.. It concerns the introduction example on the effcts possible with jquery : url It doesn't work. Why ? my page: author.html.php <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $("a").click(function(event){ event.preventDefault(); $(this).hide("slow"); }); <a href=""><?php echo "[".$message['ts']."] From: " . $message['authorname'] . " - " . $message['title']; ?></a><br
question about re-using a function
I'm an OOP PHP guy who's pretty new to jQuery and JavaScript. Most of it makes sense but I am stuck on a script I am trying to use. It creates a dropdown list of states and countries, so that I don't have to rely on ugly form elements. It works in general but I have two questions about it: 1. when I create a second instance of the dropdown list, say "states" and then "countries" the selected value of the second list changes the value of the first, like they are not unique. How do I fix that? Do I
Confused about hover and fadeIn fadeOut
I'm trying to learn jquery. Below I include a fairly short html testing page. I stack up four preview divs. Each preview div contains an image and a text area. On load, I hide all of the previews except for the first one. At the bottom of the page, I have four links. When I hover over a link, i want the current preview to fade out and a new preview to fade in. This usually works. But if I start moving the mouse too fast, I soon get into a situation when the new preview fades in, but the old preview
Insert xml file into div - click event
I have here a gaggle of numbered XML documents. Made a loop to go through every number and append a link to the file to a list. Click event works. All within doesn't. $(document).ready(function () { var allFiles = new Array(); for (var i=0; i<=4000; i+=1000) (function() { var linkName = i + ".xml"; alert(linkName); $.get(linkName, function() { allFiles.push(linkName); }) })(i); $.each(allFiles, function() { $('#navlist').append('<a class="navlink">' + this + "</a>"); alert(this); $(".navlink").click(
when redirecting to php file the echo response is displayed 1st wich create header error
hello evryone, i have a small issue that i dont seem to get my head arround. logincheck.php <?php ....... $return = true; ... echo json_encode($return); ?> welcome.php <?php secured members content... ?> index.php <SCRIPT type="text/javascript" src="jquery-1.4.2.min.js"></SCRIPT> <SCRIPT type="text/javascript" src="checklogin.js"></SCRIPT> <?php loginform ?> checklogin.js $(document).ready(function(){ $('#submit').click(function() { $.ajax({ type : 'POST',
Help with Ajax
Hi all, I have a question regarding a JSON result (to be used in Autocomplete). The JSON is divided into four different categories like this: .. "Region":[], "County":[], "Parish":[{ "Suggestion":"Fuseta (Olhão)", "Filter":"Par_17385" }], "Zone":[{ "Suggestion":"Fuste (Rôge)", "Filter":"Zon_17388" },{ ... Could anybody pleae give me a hint how to loop through the categories and collect all the Suggestions into the response. In the code below, I obviously only get the Zone items back.
Elson: Disable F5&F11 in IE6 using JQuery
hi, my code does not work on F11&F5 but work fine on the Ctrl and Alt in IE6 (compulsary nid to use IE6) but the code works fine on Moziila if i included the <div></div>. here, is my code: <script type=text/javascript src="js/jquery-1.4.2.min.js"></script> <script type = "text/javascript"> $(document).ready(function(){ $(document).keyup(function (e) { if(e.keyCode == 122) alert('Keyboard shortcuts + KeyUp!'); return false; }).keydown(function (e) { if(e.keyCode == 122) { alert('Keyboard shortcuts
the event "onmouseup can't be activated when the mouse dragging an element to the div and then the button is released.
What results it? You can open the page : http://www.yanglihao.com/filesUploaded/dragdrop.htm In pure javascript: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <!-- saved from url=(0051)http://www.yanglihao.com/filesUploaded/dragdrop.htm --> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE></TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <SCRIPT type=text/javascript></SCRIPT> <META name=GENERATOR
Why F11 and F5 cannot work on IE6 using JQuery
hi, my code does not work on F11&F5 but work fine on the Ctrl and Alt in IE6. here, is my code: <script type=text/javascript src="js/jquery-1.4.2.min.js"></script> <script type = "text/javascript"> $(document).ready(function(){ $(document).keyup(function (e) { if(e.keyCode == 122) alert('Keyboard shortcuts + KeyUp!'); return false; }).keydown(function (e) { if(e.keyCode == 122) { alert('Keyboard
Jquery to add data to database and retrieve record from db for asp.net
Hi, I am new to jquery and i have no freaking idea about jquery. One of the requirement is to use Jquery to data store and data retrieval so on my aspx page, a user enters a comment and clicks on "Add" button.When user clicks on Add button, I wan to add comments to database. Once data is added to db, I also want to retrieve same data, user name and current datetime as a dataset and show it on the page. How can I achieve this? I am creating a webservice which accepts "comments" as parameter and
can you do this with jquery/javascript (question about brackets)
hello, Javascript is usually written like this: { code...code...code } { code...code...code } I was wondering if you can you do this instead: {code...code...code} {code...code...code} It drives me crazy to have those brackets like the way most people do. It would be a great relief to know that you can keep the brackets together like the way I showed rather than the broken apart version. Basically I'm hoping Javascript is semantically agnostic regarding line escapes as it relates to the brackets
jquery script is putting spaces in my tables...???
here is the script i am using: http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm here is my page that has spaces: http://www.battlesofelohim.com/battles-of-the-elohim.htm when i take script out, no spaces. any ideas?
Help with jQuery / Ajax / Highslide please
I am trying to implement pop-up images on a site, but the descriptions reside in a database. I figured that I could use Highslide to do the image pop-ups. It was recommended to me to use jQuery to pull the descriptions from the database for the captions. What I'm trying to figure out is how I would go about that with jQuery. My understanding is that I need to run a function in response to the onClick event for the images/hyperlinks (some pages don't have images but have only links), in that
What do i need?
Hello! My problem is that i really don't understand which files to use or where to write down the code. I have a div with contents that i want to make "draggable" and "resizeable". i found this plug-in Linky and when i downloaded the pack i got the following in 'the pack': overview.html js/ jquery.js jquery-ui.js jquery.iconize.js images/ a lot of images css/ jquery-ui.css jquery.iconize.csswhat out of these do i really need? where do i write my: ? $(document).ready(function()
text animation problems
I'm animating some link text to get larger when you hover over it, but there are two things about the animation that I'd like to change. First, the movement is jerky; the letters seem to rock back and forth a bit as they grow. The second is that the expansion is downward from the original position; the center of the word moves downward as it gets larger. I'd rather the movement was upward, or centered the same as the original. Any suggestions would be most welcome. Here's what I'm using: <style>
What controls the smoothness of an animation?
I have a div whose width increases from 0 to the screen width over 5 seconds but the animation is jerky. How can I control the "frame rate" of the animation? $(myLoader.loadBar).stop().animate( {width: myLoader.windowWidth}, 5000, "linear", function() { myLoader.doneLoad(); } ); Thanks
Clashing files (i guess)
Hi all Im just wondering if someone could point me in the correct direction to solve this problem, I have two pieces of jQuery functionality working ok "seperately": 1 Dialog - for which these files were already included - files prob a year old <script type="text/javascript" src="$siteRoot/Content/js/jquery.js"></script> <script type="text/javascript" src="$siteRoot/Content/js/jquery-ui-personalized.min.js"></script> <script type="text/javascript" src="$siteRoot/Content/js/timetracker.js"></script>
New to Jquery: two basic questions
Hello, This is a really nice website. It looks like jquery is great. I have a few questions: 1) I typically code everything by hand. I'm a bit concerned about loading a "black box" solution like jquery up to the server, without really knowing how it works. Any thoughts on this? 2) So far, I only know how to load *one* javascript file to the server, and name it something like: namethefilewhatever.js Can you actually have *more than one* .js file loaded on the server and have the html web page
Each last remove problems
i just can't seem to mind a way to make this work, been searching for hours now... i have a page with a lot of dynamic content wich because of some irritating buggery with the CMS system results in lists of descriptions like "janitor, cleaner, fisher," i need to remove the last comma, wich is in a span tag. the <td> all this is in has the ID funktionID. to clarify: i have a variable amount of tags from wich i want to remove the last tag heres my code, what am i messing up? $("#funktionID").each(function(){
html input type= text size="?"
can any one help me to find a way to add "size" to input field..? <input type="text" size="100"> ...?
How to create a widget (badge) using javascript
Hello, i want to display on the partener's website some informations contained on my serveur relative to him (i have multiple parteners) and i thought it would be great to display them like the facebook badge (it's the only example which comes to my mind) the thing : i really don't know what to do / how to begin : i cannot use jquery, because it would involve that the parteneer website has jQuery. I have multiple possibilites on the source of the information : I can cache a PHP file wich contains
Basic question about $.
Hi Can someone tell me that the $. means? For example i am using the Jquery UI widgets and for an object ui.draggable there is a way of addressing a namespace - $.ui.draggable. Sorry - as you can tell I really barely know what I'm asking. - But $. is used by Jquery itself as in $.ajax(). Is ajax() or ui.draggable a property or method of the Jquery object? Thanks Kropotkin
Does $variableName means global variable?
I saw someone use this kind of syntax in an open source plugin. #varableName = someMethod(); that someMethod return an object instance. Then I can access that object outside that plugin. Is this a standard javascript global variable or some jQuery feature?
Access querystring and give it value
How do i acces variable: id inside <a href.. and append my querystring variable to it? example <div id="email"> <a href="Emaillist_3212.html?id="><img alt="list" src="pics/email32.png"/> <span class="name">Emails (?)</span> <span class="arrow"></span> </a> </div> I want: id=contact_id; (i already have contact_id on document.ready) $('#email > a ...???......).append(contact_id);
loading/unloading jquery bindings etc dynamically
hi , i love jquery but i'm getting confused :) i had a concept of a tree on the left driving the content and behaviour of a corresponding editing region (a div) to the right of it - click an element in the tree and you see an appropriate editor/behaviour in the div. it's easy to set up wrt the html in the div - and there is a function that seems to be designed to load javascript on demand - but - when a new item in the tree is clicked - how does one know what to unload/ wrt use of jquery/javascript
separation of repeating jquery code from html
Hi i am using jquery and jqueryui and don't know where my question belongs. it looks like most relevant to jquery so posting here. the problem is that on one of web page table is generated from a database table and for each row i has to perform the fucntion whatever user click. i have send, delete, move and copy operation for each row of table. when there are few rows webpage loads as usual but when there are more than 50 rows i takes too much time to load. the only thing i can think of now is because
JQuery 1.2.6 was working version 1.4.2 not working
Hi, I was using JQuery 1.2.6 but after I downloaded the version 1.4.2 I get the following error on FireFox: uncaught exception: Syntax error, unrecognized expression: .
jquery selector for dropdown list
Dear Sir: if i choose "XHTML",the b will print "unDefined" ,and a will print "0" ? why b does not print the value "0"? is that selector index different from javascript? please for helping, thank function test(obj) { var a=document.getElementsByName('multipleselect')[0].selectedIndex; var b=$("#multipleselect").attr("selectedIndex"); alert(a+","+b); } <body> <select id="multipleselect" name="multipleselect" onChange="test()"> <option>XHTML</option> <option>CSS</option> <option>JAVASCRIPT</option>
Handling a success callback...
Ok, the json data is listed at the bottom of the page. Firebug shows the data, and the JSON object looks okay... So this never alerts me of anything, but I see the data coming back (diff domain, made sure I have &jsoncallback=? ) if I add the type: "GET", the thing just doesnt even do the callback $.ajaxSetup({ "error": function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); alert(errorThrown); alert(XMLHttpRequest.responseText);
Having trouble achieving this easing effect using jquery easing plugin
Ok so a client wants an easing nav similar the one found at the top of the page at http://www.wk.com I cant get my head around it, when you rollover the about link there is an div that eases in behind it (the actual link doesn't ease). I've made the initial easing work but cant get it to work quite like that, the easing plugin is going to be put on a navigation for a jquery slider (jflow) on the clients site. obviously i'm brand new to jquery, please help!!!
Next Page