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:
I am using PhotoShuffler on my website for a slideshow. But, on my page, I want to have 2 slide shows going. But I can't seem to get it to work - I duplicated the JS code, and added the number "2" next to all the variables in the second file, to try and make it different, but it still will only fade one slide show, no both at the same time
View 5 Replies View Relatedi 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 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'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 have developed one project and in that i have taken two css now i want to add jquery effects in that, But my display is not properely adjusted and extra enlargement is done so how i can add jquery in my php project without affecting another effect? And one more thing where i can get the jquery effect codes?
View 1 Replies View RelatedHow to use multiple .js files in a single web page??Is it possible to use both external .js file and inbuilt java script functions in a single page?
View 1 Replies View RelatedI am code a printing report web application, the report is simplest display on HTML form and using window.print() to print it out.
The report can be vary to 2 or more page depend the no. of record retrieved. I have a idea to print multiple page with user single click. Any method to make it real?
I have a php page with java script embed in it, i have 3 forms in a single page ... namely form1, form2, form3 . form 1 and form2 have a text box , these text boxes get input from users. Now my task is to get the value of these 2 tex boxes in form3 when the user click the submit button, so that i pass the values in those text boxes to next page for calculation.
I tried the following code in form3 but it result in vain :
I am having trouble creating two slideshows on a single page. I know that there is a problem of one slideshow overriding the other, but I can't figure out what to change or where in order to make both functional. I've seen other posts related to this, but those I've tried don't work for me. Here's my partial code...I only included the parts I think are necessary.
<script language="JavaScript1.1">
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
} } .....
My site's working perfectly in the other browsers, and when I delete line 28 (see below) it works in IE but not exactly how I want. Is there a way to retain two jquery references on a single page in IE?
This is the head section of my code:
I am working on single form divided into multiple pages using <div id="">. I am using next and previous buttons <input type="button"> to navigate between these pages but I am unable to validate each page before moving to next page using next button.
I am displaying next page form by using "element.style.display = 'none' & element.style.display = 'block' " method.
How to with validation on the current page before moving to next page.
I am adding my code below:
I have about 10 JQuery Books and they all talk about using Ajax(JQuery Load function) to insert either an HTML page or fragments of an HTML page into another page.
However, amazingly none of these books mentioned getting multiple items using the same function(document.ready).
Here is what I mean. I have a document.ready function which I use to get specific content from a page. However, to get additional items, I need to set up additional document.ready function.
So if I was retrieving 3 sets of content from a page, I will set up my script like this:
Code:
And the HTML
Code:
Is there a leaner better way to do this? Again all the books tells you how to grab a content, which I have done but do I have to create a new function for each item?
I'm new to javascript. I want to make multiple adjustable countdown timers on a single page. I've got a single timer working:
Code:
<script type="text/javascript">
var sec = 10; // set the seconds
var min = 00; // set the minutes
function countDown() {
sec--;
if (sec == -01) {
[Code]...
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 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 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]...
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.
I'm building a comment system modeled after Tumblr's, where each post will have it's own comments. I've modded a system from 9lessons and am having an issue implementing it for multiple instances on a page. Each post has its own ID, so I'm trying to set this up using the post's ID. It works fine for a single post, but when there's more than one on a page it doesn't work.
Code Javascript:
<html>
<head>
[code]....