I have used the below code, found on a forum from 2006, to generate a random image on my website with a link and accompanying text.The image works fine, the link that goes with each image is fine.Problem is: the text beneath the image does not match the image and link. This seems to be generated as a separate random element. Can anyone tell me how I can make my site display image 1 + link 1 + quotation 1?
View 6 RepliesI haven't really used javascript before except for the odd snippet, and I was wondering if anyone can help me with a problem I have:
I need a script that chooses a phrase at random from 4 pre-defined lists of phrases, and does it all from the one page - rather than a separate page and a separate script for each pre-defined list of phrases.
I hope this is clear enough! Here is an example to illustrate what I mean:
This would be the text that appears on the webpage:
Click here for random Phrase Type 1
Click here for random Phrase Type 2
Click here for random Phrase Type 3
Click here for random Phrase Type 4
When clicking the first option, it only chooses from pre-defined list #1, the second option only chooses from pre-defined list #2, and so on.
It then displays the randomly generated phrase in one separate box, no matter what pre-defined list was chosen. (Although if each phrase has to be displayed in 4 separate boxes, that'd be ok too.)
including links to an image folder, for displaying 6 fullscreen images in random order without repeat for a given user?I've seen specific examples using shuffle on the site, but could anyone write a general code for any given images?
View 5 Replies View RelatedMy assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please keep in mind this isn't the whole code as I have different linking files for this assignment.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "[URL]">
<!-- Assignment CH10 Solution -->
<html xmlns = "[URL]">
<head>
<title>Online Quiz</title>
<script type = "text/Javascript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
} function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} end function checkAnswers
-->
i added a random text generator at a page and it doenst work!
View 9 Replies View RelatedSomeone told me this can be done using javascript. How to make a Image Text Generator. What I mean is, like this [URL]. So I have a input textbox so how do I make it take that information then get the corresponding image (a.gif b.gif c.gif etc...) then display them.
View 14 Replies View RelatedI have a piece of code that randomly picks a line from a preset list and displays it whenever the page is loaded. I'm using it to generate random quotes on my pages.
At the moment, there seems to be a good chance that when the page loads no quote appears at all, just a blank space.
Anyone know why this could be happening?code...
I have a problem with a random link generator within a DIV. When I try it on my desktop it works fine, but does nothing once I upload it to the website.how to explain what happens, but here is it, more or less:The website is this: http:[url]....
Via an Ajax script, http:[url]..... is loaded into DIV "menu". Here's the script:
<script type="text/javascript">
ajaxpage('menu.html', 'menu') //load "menu.html" into "menu" DIV
</script>
Well, there's another load of stuff inside the <head> tag. You may see it from the main page source code.Anyway, if you go to the menu.html, the link generator will work there as it is intended; however, if you try it from the main page, it won't do anything. But people are not suppossed to go to menu.html. They are suppossed to load it from the index.html (I mean, plain http:url....)So, here's the link generator code:
---------------------------------
<script type="text/javascript">
function randomlinks(){[code].....
I believe this could be solved if I could target the generator to the whole window, 'cause maybe it's trying to open the new page inside the DIV. Well, I don't know...
I used the code on this website [URL]... but it doesn't work. I have 167 links and placed the code correctly but nothing. What am I doing wrong?
View 3 Replies View RelatedI'm trying to make a Quiz that generates random pictures each time the page is launched , with multiple options for the user to choose the right answer satsifying the picture and its meaning .
I've made the pseducode and i understand the algorithm ..but i don't know how to write the statements .
My algorithm is :
1-Random picture is shown each time the page is launched.
2- 6 Buttons are placed .
3-user choses the right matching answer.
4- window is popped up saying "correct"when its correct if not , an alert saying ;'Your answer is incorrect. Please try again"
So this is the code i've made , i know there's errors but just to show the Idea.
the script is supposed to allow the user to enter a minimum and maximum value and then enter the number of random numbers to generate between the min and max.
then it is supposed to floor these numbers and post the in a single column table. my script is writing the table correctly but the numbers arent coming through
Code:
<table border = "2">
<script type="text/javascript">
var min = window.prompt("Enter the 1st number","");
[Code]....
I need help with a code that will generate a random number or integer (from 1-9). Does anybody know of a short random generator without having to import anything?
View 1 Replies View RelatedI've looked everywhere for a random number generator which doesn't repeat. Tried loads and none have seemed to work.I'm making a quiz, 5 questions so far.This button, in html, generates the next random Q:But I need a random generator which fires them off only once. Anyone have suggestions for a non-repeating random number gen which will work? Even the one now seems to have some slight error associated with it. The one's ive tried so far haven't worked..
View 31 Replies View RelatedI am taking a Javascript class and the teacher assigned this: Quote: Write a script that uses a random number generation to create sentences and name it sentences.html. Use five arrays of strings called: uppercase article (uarticle), noun, verb, lowercase article (larticle), and preposition. You will need to use the correct case for the article arrays. Create a sentence by selecting a word at random from each array in the following order: uarticle, noun, verb, preposition, larticle, noun. You can find examples of generating random numbers in both Fig. 8.6 (dice-rolling) and Fig. 8.7 (random image) of Chapter 8.
The arrays should be filled at minimum, as follows: the article array(s) should contain the articles: the, a, one, some and any. The noun array should contain the nouns: boy, girl, dog, town and car. The verb array should contain the verbs: drove, jumped, ran, walked, and skipped. The preposition array should contain the prepositions: to, from, over, under and on. If you would like to add more words, adjust the arrays appropriately.
[Code]...
I scripted a javascript guessing game and I am not sure how I can configure the random number generator to only generate one number and then stop.code...
View 6 Replies View Relatedactually i am working on a project "random password generator". What basically is to be done in this project is to generate user password for the username randomly he has provided. Then, this password is to be stored in a text file in the following manner
UserName Password
ABCD JU12H6
Sdjksj HJudfdsfd
Now my problem is that every time I just try to generate a new password, either a new file is made or the heading is rewritten again and again or if I just try to change the variables true and false, then the username and password headings are not printed. Please help. If someone knows how to do this using if-else method then please tell me, how it can be done? The code is attached.
[Code]...
I have to create a website as a project for my university course. Said course has nothing at all to do with computers really so it's really throwing us into the deep end as the majority of us have/had no interest in this particular field.
Regardless, I am creating a website that uses the Random Quote Generator Javascript that I copied from the Hotscripts website. The code details are below and my question is: is there any way I could change the formatting for each quote? For example, change quote 1 to be, say, yellow or bold and change quote 3 to be aligned right and blue? I mainly want to change the colour for each quote but having any other info on how to format it would be really helpful.
var quotes=new Array();
quotes[0] = "This is quote 1.";
quotes[1] = "This is quote 2.";
quotes[2] = "This is quote 3.";
[Code]...
I want to build simple comment box. It will containt text box, few smilies and view pictures for inserting tags like , , like in vBulletin and phpBB.
When user clicks on smile, script adds something like "" or "" into text box. I wonder what is simpliest way to do this?
i have a script that is close to working, but not quite. it loads 1 of 9 random images on pageload with the corresponding link on the image. that works fine. i am trying to also get the corresponding copy to appear next to it, but it seems to be totally random as well and not matching up with its proper image (for example, if image 5 loads, then copy 5 should be the one that loads). below is what i have.
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
Is there any way to add "alt" attributes to the images in the .js file?
View 6 Replies View Relatedthis script lists the basic elements of a word and chooses a random word structure to make the word pronouncable... or... at least 50% of them ;). I'm sure there is a way to do this to cut down on the code... but here goes anyway...
<script>
/****************************************
* *
* Random "Pronouncable" Password Script *
* *
****************************************/
var letters = "bcdfghjklmnprstvwxyz";
var vowels = "aeiou";
groups = new Array();
groups[0]="th";
groups[1]="ch";
groups[2]="sh";
// groups[3]="qu";
function generate(number) {
// randomize letters
var vowel1 = vowels.charAt(Math.floor(Math.random()*vowels.length));
var group1 = groups[Math.floor(Math.random()*groups.length)];
var letter1 = letters.charAt(Math.floor(Math.random()*letters.length));
var vowel2 = vowels.charAt(Math.floor(Math.random()*vowels.length));
var group2 = groups[Math.floor(Math.random()*groups.length)];
var letter2 = letters.charAt(Math.floor(Math.random()*letters.length));
var vowel3 = vowels.charAt(Math.floor(Math.random()*vowels.length));
var group3 = groups[Math.floor(Math.random()*groups.length)];
var letter3 = letters.charAt(Math.floor(Math.random()*letters.length));
var vowel4 = vowels.charAt(Math.floor(Math.random()*vowels.length));
var group4 = groups[Math.floor(Math.random()*groups.length)];
var letter4 = letters.charAt(Math.floor(Math.random()*letters.length));
// specify the structure of the words (in order for them to be pronouncable)
// feel free to add your own...
structure = new Array();
structure[0]=letter1+vowel1+letter2+letter3+vowel2+letter4+vowel3+group1;
structure[1]=group1+vowel1+letter1+letter2+vowel2+letter3;
structure[2]=group1+vowel1+letter1+letter2+vowel2+group2;
structure[3]=group1+vowel1+letter1+vowel2+"s";
structure[4]=vowel1+group1+vowel2+letter1+vowel3;
structure[5]=group1+vowel1+letter1+vowel2+group2;
structure[6]=vowel1+group1+vowel2+letter1;
var password=structure[Math.floor(Math.random()*structure.length)];
if (number==1) {
document.passform.passbox.value=password+Math.floor(Math.random()*100)
}
else {
document.passform.passbox.value=password;
}
}
window.onload=generate
</script>
<div align="center">
<table>
<tr>
<td colspan="2" align="center" style="font-family: verdana; font-size: 12pt; font-weight: bold;">
Random "Pronouncable" Password Generator
</td>
</tr>
<tr>
<td>
<form name="passform">
<input type="text" name="passbox" style="font-family: verdana;" onfocus="this.select()" /><br>
</td>
<td>
<input type="button" value="Generate! (Words Only)" onclick="generate(0)" style="font-family: verdana" />
<td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" value="Generate! (With Number)" onclick="generate(1)" style="font-family: verdana" />
</form>
</td>
</tr>
</table>
</div>
Below is a Random Quote generator script I found on the net, its a great script, but I want the quote to be in bold, how is that done please?
<center>
<font color="#71025F" size="2" face="Verdana,Arial">
<script language="JavaScript">
//
var Quotation=new Array() // do not change this!
[Code]...
I'm trying to use Javascript to have an array of images that load randomly AND work in a slideshow manner so change every 3 seconds (in a logical order). The code I have below presents a random image but how do I get them to continue from the random image and change to the next every 3 seconds?
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'photo1.html'><img src='images/photo1.jpg' alt='Photo 1'></a>";
images[1] = "<a href = 'photo2.html'><img src='images/photo2.jpg' alt='Photo 2'></a>";
images[2] = "<a href = 'photo3.html'><img src='images/photo3.jpg' alt='Photo 3'></a>";
[Code]...
I want to have a big image and say 5 small thumbnails underneath. When the user clicks a thumbnail, the image loads where the previous big image was. Is there a standard way to do this?
View 3 Replies View RelatedI'm looking for a very simple image gallery solution (no lightbox or something other fance) with a large image and a x amount of thumbnails at one off the sides, where the big image change whenever another thumbnail is clicked, without page refresh. ( a fade transition would be nice)!Which Plugin, preferably as light as possible, is the most suitable for this task?
View 3 Replies View Relatedhow can I make simple mouseover image tooltip on the little cubic image in the first column of every row - when it's mouseovered, the image of current book, which is in that row, should be in tooltip.The name of every the image in folder "slike" is exactly the same name as the value of "slike" in xml for every book(knjiga)!
View 6 Replies View Related