Ga naar inhoud

Aircraft Recognition Quiz

cyclodries

Door cyclodries
in Archief Website Hulp & Scripts

 Delen

Aanbevolen berichten

cyclodries Groentje

cyclodries

Geplaatst:
Geplaatst:

este leden,

ik ben voor mezelf en voor m'n medestudenten in de militaire luchtvaart een 'website' aan het maken om onze kennis te testen.

De bedoeling is om willekeurige foto's te laten verschijnen en de correcte (ons aangeleerde) benaming moet dan in een textfield geschreven worden. (multiple choice is ook geen optie, want dan zouden we de antwoorden kunnen elimineren)

Ik heb per vliegtuig al uitgevist hoe ik een willekeurige foto kan laten verschijnen (want bij herhaling herkent men vaak de foto maar niet het vliegtuig) , maar ik kan er momenteel nog geen correctie opzetten...

iemand ter hulp??? thx!!

dit heb ik al... (al dan niet op de goede weg)

____

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Aircraft Recognition</title>

<script type="text/javascript">

function test()

{

window.alert(document.naam.tekstregel.value)

}

</script>

<body bgcolor="#999999">

<h1 align="center">Aircraft Recognition</h1>

<center>

<p><script language="JavaScript"><!--

var pictures = ['1.jpg', '2.jpg', '3.jpg'];

var picture = pictures[Math.floor(Math.random() * pictures.length)];

document.write('<img src="' + picture + '"/>');

// --></script><noscript><img src="4.jpg"/></noscript></p>

<form name="naam">

<input type="text" name="tekstregel" size="25">

<input type="button" value="OK" onClick="test()"></form>

</SCRIPT>

</center>

</body>

</html>

  • Reacties 20
  • Aangemaakt
  • Laatste reactie

Beste reacties in dit topic

Populaire dagen

Beste reacties in dit topic

Populaire dagen

cyclodries Groentje

cyclodries

Geplaatst:
  • Auteur
Geplaatst:

Uhu... Opzich moet er niet veel bij komen kijken, de website is enkel bedoeld om onszelf wat te testen, later kan ik hem mss wel re-stylen en publieker maken, maar eerst zou ik het systeem al willen klaarkrijgen :)

iets van... Een foto, een antwoord wat dan 'beoordeeld' wordt en dan kan er naar een volgende pagina geklikt worden.

Grtz

ecence Meewerkend lid

ecence

Geplaatst:
Geplaatst: (aangepast)

este cyclodries :P

met deze code krijg je de src van de afbeelding, deze word dan vergeleken.

<html>

<body>

<img id="image" src="http://jouwsite.nl/image/1.jpg" />

// het plaatje dat je laat tonen geef je een ID.

<script>

var image = document.getElementById("image").src;

// je neemt dan met javascript de src van de id van je plaatje.

var antwoord = "";

// hierin komt je controle antwoord aan de hand van het plaatje

if(image.indexOf("1.jpg") >= 0){

antwoord = "helikopter"

}

// met indexOf() controleer je of je string de src van je plaatje een stuk tekst bevat.

// als dit zo is wordt het antwoord >= 0, als dit niet zo is wordt het antwoord -1

// je test met dit if statement dus of de src van je image een bepaalde tekst bevat, dus de titel //van je plaatje.

//aan de hand van de titel kun je zeggen om welke voertuig het gaat, dan verander je het

// antwoord variabele in het vliegtuig waar het om gaat.

// dus als je plaatje 1.jpg laat zien wordt het antwoord helikopter

if(image.indexOf("2.jpg") >= 0){

antwoord = "straaljager";

}

// als je plaatje 2.jpg laat zien wordt het antwoord straaljager.

</script>

</body>

</html>

ik hoop dat je hier wat aan hebt, en dat het je helpt om je vijanden te elimineren :P (nice gezegd)

aangepast door ecence
ecence Meewerkend lid

ecence

Geplaatst:
Geplaatst: (aangepast)

Zo kan je code er dan uit zien.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Aircraft Recognition</title>

<script type="text/javascript">

function test()

{

var tekstregel = document.getElementById("tekstregel").value;

if(tekstregel == antwoord){

window.alert("nice jonge, je antwoord was goed het was:" + antwoord);

}else{

window.alert("Jammer, je antwoord is fout het goede antwoord was:" + antwoord);

}

}

</script>

</head>

<body bgcolor="#999999">

<h1 align="center">Aircraft Recognition</h1>

<center>

<p><script language="JavaScript"><!--

var pictures = ['1.jpg', '2.jpg', '3.jpg'];

var picture = pictures[Math.floor(Math.random() * pictures.length)];

document.write('<img id="image" src="' + picture + '"/>');

var image = document.getElementById("image").src;

if(image.indexOf("1.PNG") >= 0){

document.write("helikopter");

}

if(image.indexOf("2.PNG") >= 0){

document.write("straaljager");

}

// --></script></p>

<form name="naam">

<input type="text" id="tekstregel" name="tekstregel" size="25">

<input type="button" value="OK" onClick="test()"></form>

</center>

</body>

</html>

aangepast door ecence
fouten in script
ecence Meewerkend lid

ecence

Geplaatst:
Geplaatst:

Als je hem niet per se wilt publiceren, zou ik alle onnodige code weglaten, zoals xmlns atribute, en de comments over je de <script> tags.

dat maakt het alleen maar romellig.

heroo234 Vergevorderde

heroo234

Geplaatst:
Geplaatst:

ik heb iets

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Aircraft Recognition</title>

<script type="text/javascript">

function test()

{

var image = document.getElementById("image").src;

var antwoord = "";

if(image.indexOf("1.jpg") >= 0){

antwoord = "helikopter"

}

if(image.indexOf("2.jpg") >= 0){

antwoord = "straaljager";

}

if(image.indexOf("3.jpg") >= 0){

antwoord = "amx-375";

}

var control = document.getElementById("contr")

if (control.value == antwoord){

confirm("juist")

document.location.reload(true)

}

else

{

confirm("fout")

document.location.reload(true)

}

}

</script>

</head>

<body bgcolor="#999999">

<h1 align="center">Aircraft Recognition</h1>

<center>

<p><script language="JavaScript"><!--

var pictures = ['1.jpg', '2.jpg', '3.jpg'];

var picture = pictures[Math.floor(Math.random() * pictures.length)];

document.write('<img src="' + picture + '" id="image"/>');

document.write(picture);

// --></script><noscript><img src="4.jpg"/></noscript></p>

<form name="naam">

<input type="text" name="tekstregel" size="25" id="contr"/>

<input type="button" value="OK" onClick="test()"/>

</form>

</center>

</body>

</html>

cyclodries Groentje

cyclodries

Geplaatst:
  • Auteur
Geplaatst:

bedankt!

ik ben er zeker van dat dit me al een héél eind op weg kan helpen...

De eigenlijke bedoeling was dat de student op een pagina van bv F-16 zou uitkomen en dat er dan een willekeurige foto van een F-16 zou verschijnen. Voor die bepaalde pagina zal het antwoord ALTIJD "f-16" zijn... Hoewel de foto wel kan verschillen...

een andere pagina gaat dan om een andere toestel...

Ik zal vanavond eens kijken of ik nu al verder kan dankzij je hulp!

I'll let you know...

Gast
Dit topic is nu gesloten voor nieuwe reacties.
 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.