Trying to get this to work individually with each individual instance on the page (usually 5-10 questions on each page)Right now it adds the class to every instance of the div that has the answerCorrect class. need the link to only turn on the specific answer associated with it.
<script type="text/javascript">
$(document).ready(function(){
$(".showAnswer").click(function(){
[code]....
I have just started out in jquery and thought it would be cool to add some effects to my football clubs site.
I have a players page with a list of players. In the past each player link would open a new individual profile page. This was not ideal.
Now i want to create a list of players names that show a small bio below their names when their link is clicked.
I have created some code but it just shows the bio of all players when a link is clicked. There are lots of links so repeating all the code with unique id's i believe is not the best solution.[code]...
I have a site which requires the user to upload multiple images at once. Using jQuery I have set it up so that the user can select individuals individually (using the file browser) and then upload them all at the same time bty clicking 'Upload'. However, this is not really good enough...
What I need to happen is that when the user browses their machine to select their images, they are able to select multiple images through CTRL+click. At the minute they can only select one image at a time.
As I already have the upload process working perfectly, I would prefer that I was able to keep this intact and simply add some javascript which allowed multiple images to be selected by the file browser at the same time. I would also prefer, if possible, not to use flash.
I have a simple navigation menu. On hover, the block element changes background color. I'm also fading in/out a div layer. I'm also using the jQuery Color Animations plugin. Very simple to accomplish and I had no trouble doing so.However, I don't want to have to use a whole new function for each individual element, so I wrote the following:
$("div[id^=div]").css('display','none');
$("a[id^=a-nav]").hover(function() {
var tabSelected = $(this).attr("id");
[code]....
I have added the Flowplayer jQuery scrollable slider to the web page linked below and I am trying to add more than one instance of the slider to that page. So essentially three galleries. Can someone figure out how to rewrite the jQuery function to accommodate the additional scrollable items on the page?
View 2 Replies View Relatedove the plug-in but have come across a puzzle. i am trying to use multiple (5-8) instances of the jTip theme, jTip Style clueTip. The first tip shows as expected using the code <a class="jt" href="health.html" rel="health.html">Health</a> However, the second tip shows the new ajax file but as soon as i move off of the word, the tooltip closes. i know this has something to do with the jt:eq() class, but i'm having no luck in changing it to make the second instance stay open on hovering.
[Code]...
i somehow figured out how to have multiple instances of the jquery scrollbar on the same page - however, i would like to use those scrollable divs in a auto-centered fixed width layout. i cannot seem to be able to modify the code in a way so the scrollbars move with the centered layout.i could imagine this could be of interest for others too since this technique finally gives cross platform identitical scrollbars and would help unifying designs.
View 6 Replies View RelatedI can't seem to get my second lightbox to launch into the lightbox. The first instance is fine and working perfectly. I'm assuming its some kind of code in the header to make it work but not sure at all.
<!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>
[Code]...
I'm trying to set up multiple instances of the galleria plug in on the same page. Here is the page I am working on[url]...
I don't really know javascript very well so that's why I'm stumped.
I'm working on a component for Joomla in which I'm using jQuery. My problem is that when another component loads jQuery after mine, all plug-ins I'm using are being overwritten by the last jQuery initialization.
I have 2 possible solutions:
1. Load all add-ons on document ready or basically AFTER any jQuery initializations in the HEAD of the document
2. Rename the jQuery static object to something else (like myJQuery for example) and then extend it with the plugins.
The 2nd option somewhat guarantees me that my object will be properly initialized with all the code I need, but it mothers me that it may overload the browser in some way.
I have two scrolling RSS feeds at [URL] at the bottom of the page.
I've created these by calling a php document containing the script and the feed.
I can't get any more than one to work. I've tried it a hundred different ways and no joy.
I've been unsuccessfully trying to get the datepicker to work on multiple instances on the same form.
Head:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
[code]....
I'm somewhat new to jQuery and writing jQuery plugins, but I'm trying to find a way to be able to have seperate instances of a jQuery plugin with different options.So far, the tutorials I've come across can allow multiple instaces, but the options are not independent.This is the framework I've constructed:
Code JavaScript:
(function($){
$.fn.myplugin = function(options){
[code]....
Have two Instances - One will not display captions. Here are the script pieces for the two.
[Code]....
I wanted to create multiple instances of vertical menus..i copied module but i dont know how change css for other module.
View 1 Replies View RelatedI'm just the jquery.media plugin. With multiple players being used for each mp3 link. Is there a way I can setup a jquery call that knows to pause (or stop) all other players once a user click on a new player?
View 1 Replies View RelatedI am having some issues using jQuery multi-select, it works fine but really lags when I have multiple instances (can crash the browser in some cases) am using jQuery 1.3 & jQuery 1.7 as the demo (have tried updating to the newer versions but problems persists)
I am using the following [url]
Does anyone have any idea to speed this up, or an alternative plugin that works a little better?
There is this nice upload ajax script which I would like to use on my site, it's called "Fancy Upload". You can a see demo&code here:[URL]The demo shows only one upload form instance on the page. However I want to have three upload form instances so that the users can upload three pictures and see the thumbnails for each image they upload.The problem is, this javascript specifically sets the id's of the html fields in use. For instance, "demo-portrait" is the id of the image tag and it is also referred to within the javascript itself. So if I create another image field with an id "demo-portrait-2", the script wouldn't work for this second field.
View 5 Replies View RelatedI got a good book, and there are a lot of examples.
however, the author don't really explain how to use XMLHttpRequest in a real application, where the user will do several things at the same time.
my question is: for each request, you have to create a separate XMLHttpRequest, right?
because on the book they showed this code:
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
} // function createXMLHttpRequest
and this is fine if on the page there is only one request, as they create a global var XMLHttpRequest.
However, I thought that it could happen that there are many requests at once (like if the user, while it's waiting for the first request to be completed, continues doing stuff, starting another request).
So, I changed it to this:
Code:
function createXMLHttpRequest() {
var xmlHttp;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
return xmlHttp;
} // function createXMLHttpRequest
and for each call I do:
Code:
var xmlHttp1 = createXMLHttpRequest();
var xmlHttp2 = createXMLHttpRequest();
// etc...
is this the right way to go?
I know there is a problem with IE (I wont bother inserting a witty comment here) on handling:
setAttribute('onclick','doStuff');
I have found
yourAnchor.onclick = function() {
// do what you want in here.
}
this works, but I the script I am working on is going through every DIV with a certain class and adding links to the div, I want the button to change something within the div where it is located so I need to pass the id of the parent div. I thought perhaps there was someway to find the id of the button pressed?
This link below is of a slideshow [URL]Is it possible to have multiple instances of it in a page. I wish to have 4 of them, one below the other. I have no knowledge in javascript but tried making some changes.
View 2 Replies View RelatedI have written a code below:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "(URL address blocked: See forum rules)">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
[Code]...
Basically, what I want to do is to dynamically create 5 instances of "emailRow" onto the web page making use of Javascript DOM. But have no success in getting it to work.
I have written a code below:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function emailRowContent(isSelected, emailAddress, severity)
[Code]...
I have this script which is set to generate random anagrams of my name in rotation which works fine, but I can't work out how to put multiple instances of it on one page.
The code is:
And i'm calling the function using:
looking for a ways to consolidate multiple instances of a function... Here's the current one:
instance:
<div class="hex" onmouseover="onV('N03')">
<p id="Labbbab6">_ _</p>
<p id="Labbbab5">___</p>
[code]....
It could be done by changing the visibility of class"hN" from 'hidden' to 'visible'; and maybe it could be done by making class "hex" last-child visible.Whichever way, the function needs to be attached to the class.
The code works, but it obviously can't be used for more than one picture per page because getElementById finds the first div and always displays it onmouseover of any attempted mouseover text.The Javascript in <head> is
<script type="text/javascript">
// Pop up code begin
function ShowPopup(hoveritem)
[code]....
So the display code is
<a id="hoverover" style="cursor:default;" onMouseOver="ShowPopup(this);" onMouseOut="HidePopup();">text here</a>
<div id="hoverpopup" style="visibility:hidden; position:absolute;"><img src="url here"></div>
I just want to be able to have more than one instance on each page and still be able to declare the image url in the body and not within the javascript.