Plaatje verkleinen

Status
Niet open voor verdere reacties.
halsangel

halsangel

Gebruiker
Lid geworden
20 feb 2005
Berichten
754
Heey, ik heb een vraagje:
Ik heb een scriptje maar hier moeten de plaatjes wat verkleind van worden, maar ik heb veel dingen geprobeerd maar het wil maar niet lukken, waarschijnlijk is het voor ervaren mensen gewoon heel simpel:

Code: 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript"> 
 
 
<!-- Begin 
var numQues = 10; 
var numChoi = 3; 
var answers = new Array(10); 

 
answers[0] = "Antwoord A"; 
answers[1] = "Antwoord A"; 
answers[2] = "Antwoord B"; 
answers[3] = "Antwoord C"; 
answers[4] = "Antwoord C"; 
answers[5] = "Antwoord B"; 
answers[6] = "Antwoord A"; 
answers[7] = "Antwoord A"; 
answers[8] = "Antwoord C"; 
answers[9] = "Antwoord A"; 
 

function VraagHTML(vraagnummer, vraagomschrijving, vraagplaatje, antwoorda, antwoordb, antwoordc) {
  x = vraagnummer;
  x = x + ". " + vraagomschrijving;
  x = x + "<br><img src='" + vraagplaatje + "'>"; 
  x+="<ul style='margin-top: 1pt'>";
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord A">A. ' + antwoorda + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord B">B. ' + antwoordb + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord C">C. ' + antwoordc + '</li> ';
  x+='</ul> ';
  return x;
}


function getScore(form) { 
var score = 0; 
var currElt; 
var currSelection; 
for (i=0; i<numQues; i++) { 
currElt = i*numChoi; 
for (j=0; j<numChoi; j++) { 
currSelection = form.elements[currElt + j]; 
if (currSelection.checked) { 
if (currSelection.value == answers[i]) { 
score++; 
break; 
} 
} 
} 
} 
score = Math.round(score/numQues*100); 
form.percentage.value = score + "%"; 
var correctAnswers = ""; 
for (i=1; i<=numQues; i++) { 
correctAnswers += i + ". " + answers[i-1] + "\r\n\n"; 
} 
form.solutions.value = correctAnswers; 
} 
// Einde --> 
</script> 
 
 
</head> 
 
<body> 
 
 
 
<h3>De ultieme autoquiz, kan jij hem aan?</h3> 
<form name="quiz"> 
 
<table > 
<tr> 
<td> 
<script language="Javascript">
 document.write(VraagHTML(1,"Welke auto is dit?","http://foto.autozone.be/fotosauto/AST/web450x300/Aston-Martin-V8_5118437.jpg","MB","Volvo","Saab")); 
 </script>
 
 <br>
 <script language="Javascript">
 document.write(VraagHTML(2,"Wat is de topsnelheid van deze auto","http://foto.autozone.be/fotosauto/AST/web450x300/Aston-Martin-V8_5118437.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(3,"Uit welk jaar komt deze volvo","http://www.rijtesten.nl/afbeeldingen/49/06.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(4,"Welk type audi is dit","http://www2.diariomotor.com/imagenes/audi-q5-spy-0.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(5,"Wat is de start prijs van deze Porsche","http://dreamcars.punt.nl/upload/Porsche_Carrera_GT.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(6,"Hoeveel weegt deze Smart","http://smartgarantie.nl/smart-fortwo-2007-coupe_high.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(7,"Hoe heet de eerste mercedes-benz ooit","http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Mercedes-Benz220-1952.JPG/800px-Mercedes-Benz220-1952.JPG"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(8,"Welke Volkswagen is dit","http://www.terreinwagen.nl/images/custom/models/volkswagen-tiguan-1.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(9,"van Welk merk is deze Formule 1 wagen","http://www.wallpaperez.net/wallpaper/car/Ferrari-F1-bolid-937.jpg"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(10,"Welk type Ferrari is dit","http://www.rijtesten.nl/afbeeldingen/145/ferrari_550_maranello_06.jpg"));
</script>


10. Vraag 10
<ul style="margin-top: 1pt"> 
<li><input type="radio" name="q10" value="Antwoord A">A.  </li> 
<li><input type="radio" name="q10" value="Antwoord B">B.   </li> 
<li><input type="radio" name="q10" value="Antwoord C">C.   </li> 
</ul> 
</td> 

<td width="50"></td> 
<td>Juiste antwoorden:<br> 
<textarea cols="19" rows="20" name="solutions" disabled class="bgclr" style="font-family: Verdana;"></textarea></td> 
</tr> 
<tr>
<td>
 
</td>
</tr>
<tr> 
<td colspan="3" align="center"><br><br><input type="button" value="Bereken score" onClick="getScore(this.form)"> 
<input type="reset" value="Opnieuw beginnen"><br><br><p> Uw Score = <strong><input class="bgclr" type="text" size="5" name="percentage" disabled></strong><br><br></td> 
</tr> 
 
</table> 
</form>
<!--webbot bot="HTMLMarkup" endspan i-checksum="6487" --></p>

</body>

</html>

Dus als iemand me zou kunnen vertellen hoe ik die plaatje verkleind krijg, zou dat heel mooi zijn :thumb:

Alvast bedankt:)
 
PHP: 
function VraagHTML(vraagnummer, vraagomschrijving, vraagplaatje, antwoorda, antwoordb, antwoordc) {
  x = vraagnummer;
  x = x + ". " + vraagomschrijving;
  x = x + "<br><img src='" + vraagplaatje + "' height='100' width='100'>"; 
  x+="<ul style='margin-top: 1pt'>";
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord A">A. ' + antwoorda + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord B">B. ' + antwoordb + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord C">C. ' + antwoordc + '</li> ';
  x+='</ul> ';
  return x;
}
deze regel is dus veranderd:
PHP: 
  x = x + "<br><img src='" + vraagplaatje + "' height='100' width='100'>";
 
Heey ik heb nog een vraagje:o , hoe kan ik doen dat als je op bereken score klikt, dat dan naast de vraag het antwoord komt te staan en dan met GOED of FOUT erbij. Kheb zelf al een beetje zitten proberen met if { } maar dat wou niet echt lukken en kreeg ik hele rare dingen :P(waarschijnlijk omdat ik er helemaal geen verstand van heb). Hopelijk kan iemand me helpen :-)

Alvast heel erg bedankt:thumb:


Code: 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript"> 
 
 
<!-- Begin 
var numQues = 10; 
var numChoi = 3; 
var answers = new Array(10); 

 
answers[0] = "Antwoord B"; 
answers[1] = "Antwoord B"; 
answers[2] = "Antwoord A"; 
answers[3] = "Antwoord A"; 
answers[4] = "Antwoord A"; 
answers[5] = "Antwoord B"; 
answers[6] = "Antwoord B"; 
answers[7] = "Antwoord C"; 
answers[8] = "Antwoord A"; 
answers[9] = "Antwoord C"; 
 

function VraagHTML(vraagnummer, vraagomschrijving, vraagplaatje, antwoorda, antwoordb, antwoordc, goedeantwoord) {
  x = vraagnummer;
  x = x + ". " + vraagomschrijving;
  x = x + "<br><img src='" + vraagplaatje + "' height='250' width='350'>";
  x+="<ul style='margin-top: 1pt'>";
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord A">A. ' + antwoorda + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord B">B. ' + antwoordb + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord C">C. ' + antwoordc + '</li> ';
  var answers = new Array(10);
  
   
  x+='</ul> ';
  return x;
}


function getScore(form) { 
var score = 0; 
var currElt; 
var currSelection; 
for (i=0; i<numQues; i++) { 
currElt = i*numChoi; 
for (j=0; j<numChoi; j++) { 
currSelection = form.elements[currElt + j]; 
if (currSelection.checked) { 
if (currSelection.value == answers[i]) { 
score++; 
break; 
} 
} 
} 
} 
score = Math.round(score/numQues*100); 
form.percentage.value = score + "%"; 
var correctAnswers = ""; 
for (i=1; i<=numQues; i++) { 
correctAnswers += i + ". " + answers[i-1] + "\r\n\n"; 
} 
form.solutions.value = correctAnswers; 
} 
// Einde --> 
</script> 
 
 
</head> 
 
<body> 
 
 
 
<h3>De ultieme autoquiz, kan jij hem aan?</h3> 
<form name="quiz"> 
 
<table > 
<tr> 
<td> 
<script language="Javascript">
 document.write(VraagHTML(1,"Welke auto is dit?","http://foto.autozone.be/fotosauto/AST/web450x300/Aston-Martin-V8_5118437.jpg","Ferrari","Aston Martin","Spyker", "b")); 
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(2,"Wat is de topsnelheid van deze auto","http://foto.autozone.be/fotosauto/AST/web450x300/Aston-Martin-V8_5118437.jpg","300","350","370"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(3,"Uit welk jaar komt deze volvo","http://www.rijtesten.nl/afbeeldingen/49/06.jpg","2002","2003","2004"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(4,"Welk type audi is dit","http://www2.diariomotor.com/imagenes/audi-q5-spy-0.jpg","Q5","Q6","Q7"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(5,"Wat is de start prijs van deze Porsche","http://dreamcars.punt.nl/upload/Porsche_Carrera_GT.jpg","100.000","200.000","250.000"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(6,"Hoeveel weegt deze Smart","http://smartgarantie.nl/smart-fortwo-2007-coupe_high.jpg","500","800","1200"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(7,"Van wanneer was deze mercedes-benz","http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Mercedes-Benz220-1952.JPG/800px-Mercedes-Benz220-1952.JPG","1920","1926","1935"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(8,"Welke Volkswagen is dit","http://www.terreinwagen.nl/images/custom/models/volkswagen-tiguan-1.jpg","toureg","golf","Tiguan"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(9,"van Welk merk is deze Formule 1 wagen","http://www.wallpaperez.net/wallpaper/car/Ferrari-F1-bolid-937.jpg","Ferrari","Honda","Mercedes"));
 </script>
 <br>
 <script language="Javascript">
 document.write(VraagHTML(10,"Welk type Ferrari is dit","http://www.rijtesten.nl/afbeeldingen/145/ferrari_550_maranello_06.jpg","612 Scaglietti","F355 Spider","550 Maranello"));
</script>

 
</td>
</tr>
<tr> 
<td colspan="3" align="center"><br><br><input type="button" value="Bereken score" onClick="getScore(this.form)"> 
<input type="reset" value="Opnieuw beginnen"><br><br><p> Uw Score = <strong><input class="bgclr" type="text" size="5" name="percentage" disabled></strong><br><br></td> 
</tr> 

  <td width="50"></td> 
<td>Juiste antwoorden:<br> 
<textarea cols="19" rows="7" name="solutions" disabled class="bgclr" style="font-family: Verdana;"></textarea></td> 
</tr> 
<tr>
<td>

 
</table> 
</form>
<!--webbot bot="HTMLMarkup" endspan i-checksum="6487" --></p>

</body>

</html>
 
Je maakt er, in de write, een <span> bij. Deze geef je het id: 'vraag_' en dan de loop-array-waarde.
Als je dan op berekenen klikt, ga je het element benaderen:
PHP: 
//js
var handle = document.getElementById('vraag_' + i);
en daarna er iets inzetten:
PHP: 
//js
handle.innerHTML = 'GOED';



Ofwel:
PHP: 
//js
function VraagHTML(vraagnummer, vraagomschrijving, vraagplaatje, antwoorda, antwoordb, antwoordc, goedeantwoord) {
  x = vraagnummer;
  x = x + ". " + vraagomschrijving;

   //edit:
   x += " - <span id='vraag_" + vraagnummer + "'></span>";
   //end-edit

  x = x + "<br><img src='" + vraagplaatje + "' height='250' width='350'>";
  x+="<ul style='margin-top: 1pt'>";
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord A">A. ' + antwoorda + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord B">B. ' + antwoordb + '</li> ';
  x+='<li><input type="radio" name="q' + vraagnummer + '" value="Antwoord C">C. ' + antwoordc + '</li> ';
  var answers = new Array(10);
  
  x+='</ul> ';
  return x;
}
PHP: 
//js

function getScore(form) { 
var score = 0; 
var currElt; 
var currSelection; 
for (i=0; i<numQues; i++) { 
currElt = i*numChoi; 
for (j=0; j<numChoi; j++) { 
currSelection = form.elements[currElt + j]; 
if (currSelection.checked) { 
if (currSelection.value == answers[i]) { 

   //edit:
   //antwoord was dus goed: weegeef 'goed':
   document.getElementById('vraag_' + i).innerHTML = "GOED!";
   //end-edit

score++; 
break; 
} //hier ergens de 'FOUT' ???
} 
} 
} 
score = Math.round(score/numQues*100); 
form.percentage.value = score + "%"; 
var correctAnswers = ""; 
for (i=1; i<=numQues; i++) { 
correctAnswers += i + ". " + answers[i-1] + "\r\n\n"; 
} 
form.solutions.value = correctAnswers; 
}
je zult ergens een 'else' moeten zetten met hetgeen dat de "FOUT" in de <span> zet, maar dat laat ik aan jou over, je code is een beetje scrambled en ik zie t zo snel niet.
 
Laatst bewerkt:
Hmm dat is lastig :P Zou het ook mogelijk zijn om de antwoorden (answers[0] = "Antwoord B"; etc.) Mee te geven bij de de vraag en vraagnummer. Dus dat het niet zo apart daar boven staat?
 
Laatst bewerkt:
Iemand die een suggestie heeft of een site waar ik het kan vinden hoe dit werkt :D Want dit al is toch best wel lastig aan te passen. Nogmaals bedankt voor de al gegeven reacties:D
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan