473,748 Members | 2,552 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Using Random image in flash card

Hi Everyone,

Description: I have created flash cards using html layers, jpegs, and
javascript. The way I designed it is, I have words and their
descriptions (meaning) as jpeg files. Each word and it's meaning are
on separate layers. I can go to the previous card, the next card, or
see the answer( Meaning). (This is my navigation.) Each link (previous
etc..)is a hot spot on every image. When I click on any hotspot I pass
the image name and layername, to show a particular image on a
particular layer.

Problem: What I want to do is:
1.) I want to put another hot spot or link on the site e.g.shuffle,
that would randomize the order of images and the associated layer.

2.) I would like to put the counter somewhere on the page which would
display the card number and total number of cards in the series e.g. 1
of 10.

Do you think these changes are possible with the way I created my
flash cards? If so, could anyone help me? If not, is there a better
way to create flash cards using javascript? Is there any tutorial that
would help me?

If anyone would like to see what I did click on the link below:

http://people.sinclair .edu/vandanarola/3D'sflashCard/content/flashcardrev.ht m

Any insight in this matter would be appreciated.

Vandana
Jul 23 '05 #1
3 5034
"Vandana Rola" <vr****@yahoo.c om> wrote in message
news:b9******** *************** ***@posting.goo gle.com...
Hi Everyone,

Description: I have created flash cards using html layers, jpegs, and
javascript. The way I designed it is, I have words and their
descriptions (meaning) as jpeg files.


What's wrong with having words as plain text? you can still hide plain text
with javascript if you put it in a div, or indeed any tag.
Jul 23 '05 #2
Lee
Vandana Rola said:

Hi Everyone,

Description: I have created flash cards using html layers, jpegs, and
javascript. The way I designed it is, I have words and their
descriptions (meaning) as jpeg files. Each word and it's meaning are
on separate layers. I can go to the previous card, the next card, or
see the answer( Meaning). (This is my navigation.) Each link (previous
etc..)is a hot spot on every image. When I click on any hotspot I pass
the image name and layername, to show a particular image on a
particular layer.

Problem: What I want to do is:
1.) I want to put another hot spot or link on the site e.g.shuffle,
that would randomize the order of images and the associated layer.

2.) I would like to put the counter somewhere on the page which would
display the card number and total number of cards in the series e.g. 1
of 10.

Do you think these changes are possible with the way I created my
flash cards? If so, could anyone help me? If not, is there a better
way to create flash cards using javascript? Is there any tutorial that
would help me?


What you've done seems to work well, but as you've found,
it's difficult to modify, particularly if you want to add
new cards. See if there's anything that you can use from
this example. It's designed for current versions of Netscape,
Mozilla, or Internet Explorer:

http://azphx.com/dhtml/tmp/flashcards/flash.html

Jul 23 '05 #3
Lee <RE************ **@cox.net> wrote in message news:<ca******* **@drn.newsguy. com>...
Vandana Rola said:

Hi Everyone,

Description: I have created flash cards using html layers, jpegs, and
javascript. The way I designed it is, I have words and their
descriptions (meaning) as jpeg files. Each word and it's meaning are
on separate layers. I can go to the previous card, the next card, or
see the answer( Meaning). (This is my navigation.) Each link (previous
etc..)is a hot spot on every image. When I click on any hotspot I pass
the image name and layername, to show a particular image on a
particular layer.

Problem: What I want to do is:
1.) I want to put another hot spot or link on the site e.g.shuffle,
that would randomize the order of images and the associated layer.

2.) I would like to put the counter somewhere on the page which would
display the card number and total number of cards in the series e.g. 1
of 10.

Do you think these changes are possible with the way I created my
flash cards? If so, could anyone help me? If not, is there a better
way to create flash cards using javascript? Is there any tutorial that
would help me?


What you've done seems to work well, but as you've found,
it's difficult to modify, particularly if you want to add
new cards. See if there's anything that you can use from
this example. It's designed for current versions of Netscape,
Mozilla, or Internet Explorer:

http://azphx.com/dhtml/tmp/flashcards/flash.html


Thanks, Lee. That's exactly what I had in mind. I think this example
would help me alot.
Jul 23 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

14
3149
by: Paul C-T | last post by:
Hi, Is there a way to repeat a set of code until a certain if statement is satisfied. If it is then to exit the loop and if not repeat the code? Say I want to write a card game application in PHP and I want to chose a card from the deck $card1 = rand(1,52); gets me my first card. I need to record which card has been dealt so I have a variable $dealt which starts out as a string of 52 zeros. I update the position of $card1 in the
29
7479
by: Chris Dutrow | last post by:
I searched around on the net for a bit, couldn't find anything though. I would like to find some code for a function where I input A Range Of Integers For example: Function( 1, 100 ); And the function will return me an array holding a random subset of integers in that range of a size that I specify So the Function would Probabaly look something like this:
5
6484
by: Raman | last post by:
Hello friends, I want to print an ID card. I have one Windows Form that contains front and back side. The printer is printing both front and back side at a time. I am trying to send both sides at a time. But it is printing front side on one card and back side on second card. I want to print both sides in a same card.
3
5151
by: dan | last post by:
Hi all, I have a question about flash-memory lifespan. My database consists of 1 table, the table has 50 fields of 10 bytes each, thus each record will have 500bytes. There are 1000 records in the table, so roughly the table will have a size of 0.5MByte. The system will update the record sequentially, one record is updated per second. That is 3600 update per hour or 86400 per day.
1
5661
by: CapMaster | last post by:
I've found some programs of how to create a standard game of blackjack on C++. But how would you do it using structs? Here is my assignment: Problem Statement: The purpose of this project is to create a game of Blackjack, which can be played by one player against the dealer (represented by the computer). The deck of cards is to be stored as an array of Card structures. Blackjack is played with a deck of 52 cards, consisting of four...
2
3743
elamberdor
by: elamberdor | last post by:
Hi All! Well, i'm modifying a dynamic map, with lat and long datapoints, my problem is it loads in text perfectly onto exact points I specify on the map, ..well now I want to load in icons(images) instead of text. (yes i'm being difficult) and i'd like the text to load into a static placeholder symbol instead. Problem is, I can get images to load in a separate file, text to load in a separate file, and text to appear in a static...
1
2536
by: =?Utf-8?B?Sm9lIE1pbGxlcg==?= | last post by:
I am a developer and a photographer, and I am trying to write a windows service that can recieve a notification that a compact flash card, or an SD card has been insterted into a card reader slot. The card reader is a multi-format (CF/SD/MMC, etc) reader connected to the machine by USB. I want the service to recieve a notification of the card insertion, so it can grab the files, read the EXIF/IPTC data, and process the files (cataloging,...
0
1236
by: PetterL | last post by:
I'm writing a program that confiuring and install a custom app onto a flash card for an embedded device. This is now a two step operation. First in to windows CE builder 4.2 formatt and install CE onto the card and then start the next program that I write to do the rest. Is there some way by VB 2005 code to install the system onto the flash card ?
4
1360
chathura86
by: chathura86 | last post by:
i have written a php script to select 13 different card from a card pack here is the script $selectedCards = array(); $cardValues = array('2', '3', '4', '5', '6', '7', '8', '9', 't', 'j', 'q', 'k', 'a'); $cardTypes = array('s', 'h', 'c', 'd'); $full_car_pack = array(); foreach ($cardTypes as $t)
0
8995
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9561
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9381
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9332
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9254
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
6078
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4879
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2791
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2217
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.