Using SlideDown, link does not show as Visited.
Hi, I've been given some great help on this forum to get slideup and slidedown working, to show and hide divs, using <a href> links as the trigger. I can't get the links I use to slidedown and reveal the div to show as visited though. Can anyone help with that? Here is the current script in <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // Only run the jQuery code once the DOM is available and complete $(document).ready(function(){ $("a.open").click(function(e){
jQuery question
I'm new to jQuery. I found 3 different jQuery items that I wanted to try on one page (menu, colorbox and a slider). They each use different jquery files: jquery.js, jquery-1.3.2.min.js, and jquery.min.js. Is there a way to combine those? When I try to use just one of them the other jquery items break. When I try to combine them using Google's tool, all jquery on the page breaks. How can I have just one jquery.js for all 3 items? Or is that possible?
Problems regarding tabs()
Why does this code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> <meta name="generator" content="PSPad editor, www.pspad.com" /> <title>Sicherungsbereich</title> <link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css" /> <link type="text/css" href="css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <!--jqueryui --> <script type="text/javascript"
Jquery Image Rotator Question
Jacques View profile More options Feb 3, 2:03 pm From: Jacques <j...@whistlerwebandprint.com> Date: Wed, 3 Feb 2010 14:03:35 -0800 (PST) Local: Wed, Feb 3 2010 2:03 pm Subject: Jquery Image Rotator Question Reply | Reply to author | Forward | Print | Individual message | Show original | Remove | Report this message | Find messages by this author My company has suggested that we replace all our flash based image rotators with jquery versions. I have used Jquery cycle before http://www.malsup.com/jquery/cycle/download.html
Find the position in a list
I can't find the key word or way to get the position in the set of list items. Here is the example code: $('.mainMenu a').click(function(){ var $target = $(this).attr('id'); /* var $number = $(this).offset(); */ $("#response").text("Menu choice '" + $target + "' was chosen, OK! " + "it was the '" + $number + "' item on the list"); }); Also how do you generate a line break or CR Thanks!
.load a php(mysql backend) in a DIV
I have an image map of a property plot, each lot is clickable to change the DIV content to backend.php. Now my index.php file had the dBase connect script at the top as per usual, however the backend.php in the DIV will not connect to the dBase with the connection script JUST in the index, backend.php will not pull data without the connect script in it specificly. <HTML> <!-- index.php --> <?php SESSION_START(); INCLUDE "db_connect.inc"; ?> <HEAD>index.php loads the lot.php by variables in the
Passing php var to jquery file
I am using a color picker plugin which defaults to a specific color in an external js file: var selcolor = 'b0e0e6'; $('#bcolor').crayonbox({ colors: new Array('#ffffff', '#b0e0e6', '#cccccc', '#000000'), selected: '#'+selcolor }); In the php file I get the default color from a mysql database. My question is how can I pass this php var with the default color to the external jquery file so it can use that instead of 'b0e0e6'? Thanks.
jQuery + Adobe AIR
First of all, this is my very first time here at jQuery forums, I'm here because I'm trying to make a very simple twitter client with Adobe AIR, just for learning purposes... my problem is because I'm doing something like: $(document).ready(function() { var user = "twitter_user"; $.getJSON("http://twitter.com/statuses/user_timeline/"+ user +".json?count=1&callback=?", function(json){ var lastTweet = json[0].text; var tweetTime = json[0].created_at; var tweetTime = relative_time(json[0].created_at);
14 days of jQuery - Day 12 Paul Irish video
I'm not sure if this is the right place to report this but I can't seem to view the video by Paul Irish? I don't think its been fully uploaded? http://jquery14.com/day-12
I am not able to use the opacity property in Firefox, opera , safari, or chrome
when I run the example below the opacity only changes in IE. I have javaScript enabled in all my other browsers is the something else I could be doing wrong? <!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"> <head> <title>Click the Button to Animate different properties</title> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-1.3.2-vsdoc2.js"
mouse gestures + arrays
Hi. I am using jquery super gestures, http://www.evanbot.com/article/super-gestures-jquery-plugin/22, for an interface on a site. I want each gesture I use to have a series of function assigned to it e.g: When one movement (say moving the mouse to the left) is performed by the user it fades in a div with a nice graphic prompting the user to do something else When the same movement is performed again it performs a different function forgetting about the last function it performed for that movement.
Traversing through code?
I am trying to toggle content based on toggling links. Here is the link and content code: <<a href="#" class="portLink Used" id="description" style="float: left;">DESCRIPTION</a> <a href="#" class="portLink" id="specifications" style="float: right;">SPECIFICATIONS</a> <<div class="textDescription" style="clear: both;"><p>Test 1</p></div> <div class="textSpecification"><p>Test 2</p></div> Now when I click the link for Specifications, I want it to show the next specifications text and hide the description
Tabs effects doesn't work
Hi, I'm trying to use JQuery in my site and it doesn't work. I've downloaded 1.8rc1 and here's my call: <link type="text/css" href="http://www.tudosobreplantas.com.br/css/custom-theme/jquery-ui-1.8rc1.custom.css" rel="stylesheet" /> <script type="text/javascript" src="http://www.tudosobreplantas.com.br/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="http://www.tudosobreplantas.com.br/js/jquery-ui-1.8rc1.custom.min.js"></script> Then I call: <script type="text/javascript"> $(document).ready(function()
Email collection popup
I am trying to achieve an email signup and verifier to access a page. As in, the reader sees the page, it darkens and a popup comes up that asks for the reader's email to continue. Once entered and verified it is real, the page is accessible from there on out. Like so: http://www.health.harvard.edu/newsletters/Harvard_Health_Letter.htm Can anyone point me in the right direction? I know xhtml, css and some php -- pretty raw on js Thanks.
Adding click event to on the fly generated input
Hello I'm trying to add an event to a 'on the fly' generated input radio buttons. I've tried several ways (commented) but none works. What i m doing wrong? as i m not a coder at all, is my code can be improved? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>--> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript">
Adding class to first child
I'm struggling to work out where in this code do I add something to give my first child of the div#slideshow a class of active. function heroSliders() { var $active = $('#slideshow img.active'); if ( $active.length == 0 ) $active = $('#slideshow img:last'); // use this to pul the divs in the order they appear in markup var $next = $active.next().length ? $active.next() : $('#slideshow img:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0},
multiple instances of scrolling function
I am so new to jQuery it hurts. But I'm super excited at the possibilities and the syntax is slowly gelling in my brain. I'm trying to combine two tutorials that were posted by Queness and Valums, and am having mixed success. Can anyone help me figure out how to get the scrolling triggered by the mouse position to work in more than one tabbed menu? The first tab works as it should, but the I can't figure out how to reset the scrolling function for each tab that follows. I left all of the CSS and
Basic ajax - what am I doing wrong?
I'm trying to process a basic form with ajax and although it's being processed I always get "data undefined" when I try to update a paragraph with what's been submitted. What am I missing? process.php : <p> <?php echo $_POST['name']; echo $_POST['lastname']; ?> </p>form: <form action="" method="post" id="former"> <label for="name">Name</label><input type="text" name="name" value="" id="name"> <label for="lastname">Last Name</label><input type="text" name="lastname" value="" id="lastname">
Firing an overriden click event
I need to put a confirmation message for all delete buttons on my website. Upon clicking a delete button, I want a modal popup to appear asking for confirmation like this: $(".delete-button").click(function(){ ShowModalConfirmation("Are you sure you want to delete this item?", deleteButtonOriginalClickFunction); return false; }); The ShowModalConfirmation will show a modal popup and if the user clicks "Ok", then it will execute the whatever function I pass in the second parameter.
Call child li in jquery
Hi everyone, I am new to jquery. I want to know how can i call a child 'li' of a 'li' in jquery. Please help me with this. Many many thanks in advance. regards, Thivya
Slidedown not working on display:none DIVs with FF but fine with IE
Hello, I'm very new to Javascript. I have some DIVs which I managed to hide using style="display:none;" then display with JQuery's SlideToggle. It is working fine in IE. When I open the page, all the DIV's are hidden and I can toggle them visible or hidden using a link like this one: <a href="javascript:doSlide(wgwo_div)">view</a> where the div is called 'wgwo_div'. In FF, it looks the same when the page is loaded, but the links to called doSlide do not work. The references in the <head> section
Attaching current slide captions
I wish to kindly ask how may I be able to attached html text acting as a text caption for the current slide? I would like to implement Malsup's JQuery plugin using Pager with automatic fade-in. But how would I be able to assign unique text for each slide when someone decides to click next or previous or when the slides are on auto?
Total price using jQuery
Hi guys (and girls) ! I'm trying to make a script that adds up the price of selected items and shows the total price. Something like when configuring a iMac of MacBook at the apple.com store There is a basic price, lets say $100. If you click on extra item #1, it gets a class .selected and the value of item #1, lets say $10 sould be added to $100 so the total is $110. Not very complicated concept, but i'm not very good with JS/jQ. Here's what I've got so far. Appriciate your help! <script
Very first tutorial at jquery.com doesn't work
I'm trying to do the very first jquery.com tutorial, a simple function to add an alert to an anchor tag. It won't work. I've checked and javascript is enabled in all browsers. I tried switching between Firefox and IE, thinking it was the "Firefox doesn't support onclick for anchor tag" bug. No luck. No error messages or warnings, just won't do alert. Any ideas? <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryTutorial._Default" %> <!DOCTYPE html PUBLIC
when closing modal window i want to send command back to site (callback)
Hi I have a grid, and i want to have modal window to open when i click "edit" on particual row, in this form i have "submit" and "cancel" and when i press submit i want to send a command like "javascript:refresh()" which refresh the grid and show the changes. But when i press cancel it just acts like i did a "closewindow()" command. Do you know of any of the examples of all the jQuery modal window out there do this things?
Smooth scrolling effect - how to target only a particular anchor point e.g. #footer_anchor?
Hello, I hope someone is good enough to help me... I am using the the following code to smoothly scroll to the footer section of my website: <script type="text/javascript"> //Anonymous function that is applied to all internal-links var jump=function(e) { //prevent the "normal" behaviour which would be a "hard" jump e.preventDefault(); //Get the target var target = $(this).attr("href"); //perform animated scrolling $('html,body').animate( {
Website fade
Hello jQuery Community im not exactly "new" to jquery. tested it a few times and know a bit of it. How ever i am searching for a plugin that allows you to fade a whole website e.g. the body tag. Example. A website is loaded and the plugin fades from black to clear and reveals the website. Anyone a clue? Sincerly strupp
Question about passing functions as parameters to events. Why does this code work?
function setup(bVal) { $("#button2").click(function() { if (bVal == false) alert("false"); if (bVal == true) alert("true"); }); }I then call setup from $(document).ready. It behaves just like I want it to. But this puzzles me. How can the anonymous function evaluate bVal when the button is clicked?
New Bie
I am new to this portal. Can anyone post the first program in Jquery? Or guide me the best way to start with other than reading the long help tutorials. Frank
Turning my script into a plugin
Easy All As I've been learning jQuery lately, I decided to write my own modal window to play videos in, when the video thumbnail is clicked. It all works fine, but I need some help turning it into a plugin, so I can use it on different pages with different parameters. I read the documentation, and a few tutorials, and I've got it 99% working, just now my 'window close' function doesn't work. <script type="text/javascript"> (function($){ $.fn.extend({ mynewmodal: function(options) { var defaults
Newbie jQuery question
I am trying to understand how chaining works with jQuery. Why is it that the variable "allOptionsPool1" in line 5 below correctly contains the value of the array contained in "allOptions", but "allOptionsPool2" in line 8 is undefined after its execution? Also, after execution the 'Pools' element contains an object named "allOptions", but not "allOptions2". var allOptions = [{ key: '0', value: '0', text: 'Text 0' }, { key: '1', value: '1', text: 'Text 1' }, { key: '2', value: '2', text: 'Text 2'
how JQuery datepicker set the data inside the input text field
As what i can see, the datepicker identify the ID of the text field and populate information. Example: $(#date).datepicker(); <input type = "text" id = "date"/> But instead of identify by ID, i wanted to identify by name. Example my scenario: <logic:iterate....> <c:set var="arrayName" value="itemWrappers[${poItem_rowNum-1}]"/> <input type="text" id="ordDate" size="10" name="${arrayName}" value=""/> <script type="text/javascript"> var dateId = '#'
Newbie image gallery question
I'm trying to figure out how to make this gallery work with jquery rather than direct event handlers. I've been reading up on it, but I'm still not quite sure where to begin. http://beta.piripiribbq.com/Gallery What I'd like it to do is replace the main image #central with the source of the rolled over image below in the #thumbs div. If this can be done easily with a fade-in as well that would be a nice bonus. Note: I used the large image scaled down with html as the thumb. It seems to render fine
Problem publishing very first jQuery page
This is the first time I've ever tried to do anything with jQuery, and I successfully added tabs, edited the colors and tested it on Mozilla, Safari, and Chrome (I'm on a mac, so I won't have access to IE until the morning). Everything worked until I uploaded the page to my server, and the jQuery doesn't show up. I used Dreamweaver for the ftp and was careful to include all dependent files, including the css folder and the js folder. Does my server need special capabilities? Oh yeah, the tabs were
Help turning my modal window script into a plugin
Hi All I've been learning jQuery for the last while now and really love it. I've written a few simple scripts, and I'm now trying to learn how to make them into plugins so I can re-use them in different projects. I made a modal window script, which I'm trying to make into a plugin so I can pass different 'triggers' and 'modal contents' to it. However, the close function doesn't work anymore now. Can anyone see what the problem is? Pretty sure it's something simple I'm missing. <script type="text/javascript">
Jquery editable Table - Save content of original rows
Hello People, I've got the following jquery code: function cellsToInput (new_id){ $("#"+new_id+" td").each(function(){ if (($(this).attr("cellIndex") <= 7)||($(this).attr("cellIndex") == 10)) { // Change just first 7 cells into input (rest are hidden buttons and id) items[headers[$(this).attr("cellIndex")]] = $(this).html(); // putting all values from the row in array i.e.
newbie!!
Hi all, I'm new to jQuery. It looks very exciting. I just made my first site with CSS. The gallery animation on the home page of this site is done in flash. I'd like to try to make it with jQuery and a CSS sprite...or maybe XML. I want to do this because I'm thinking that I can get better image quality using jQuery. Images importing into Flash, just never look right. But I want it to basically function the exact same way.That is--- 1-to play automatically with same kind of transition 2-have a
Bind Events Handler to parent and propagate to Child Elements
I have an jquery element like this $(<td><input type=radio/><label /></td>) I add a click event handle to the td and if I click on the radio button, it works. click on the label, doesn't work. click on space which is not the radio button and not the label, it works. so what is the right way to make sure all children will trigger the save event handler?
Exit message after form has changed like in MS Word
Hi dudes I'm searching a plugin or alternative solution for the wish of my clients. They want a message box like in the MS Word with the three possibilites "save & leave", "not save" and "cancel" if the user something changed in a form and then leaves the page (closing the browser or clicking another link) without a submit (save). Can somebody help me? Is there any solution? Thanks and sorry for my english, Redfish
Pulling my hair out over $.post()
Hi, I'm trying to run the following code. I can see the ajax request in the firebug console, and it returns just fine. But, it's not acting as it should. Could someone take a look at this code and let me know if I'm doing something stupid? ajax_response = $.post( '/index.php/quote/verify_form/', form_data ); if (ajax_response.responseText == 'OK') { return true; } else { alert (ajax_response.responseText);
Next Page