javascript gebruiken om html te vertonen

Status
Niet open voor verdere reacties.
U

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
HTML: 
<!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>World game quiz easy</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="apDiv1">
  <h2><a href="World quiz information.pdf">Information</a></h2>
  <h2><a href="index.html">Quit</a></h2>
</div>
<div id="apDiv2">
  <h1 align="center"><a href="new_quest">New question</a></h1>
</div>
<div id="apDiv4">
  <h1 align="center">Hier wil ik mijn questions</h1>
</div>
<h1 align="center">World game quiz easy </h1>

</body>
</html>

Ik wil dat mensen op new quest klikken er een nieuw (random) html uit de map questions gehaalt wordt
iemand heeft me hier vertelt dat dat met javascript kan

maar ik kan niks vinden over een script die bestanden uit een map kan halen (html

Ik wil dat die html questions in div 4 geopend worden

kan iemand me helpen

alvast hartelijk dank
 
Aangepaste code (mogelijk heb ik wat verpruts met knippen en plakken maar het is ongeveer correct :P

Bij deze code heb je ook een file tq.php nodig (zie onderaan). Ik heb de php niet uitgewerkt nog, maar volgens mij is dit wat je bedoelt?

HTML: 
<!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>World game quiz easy</title>
<script language="Javascript">
    function postRequest(strURL) {
	var xmlHttp;
          if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		 var xmlHttp = new XMLHttpRequest();
	    }else if (window.ActiveXObject) { // IE
		var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	      }
	    xmlHttp.open('POST', strURL, true);
	    xmlHttp.setRequestHeader
              ('Content-Type', 'application/x-www-form-urlencoded');
		xmlHttp.onreadystatechange = function() {
	if (xmlHttp.readyState == 4) {
	       updatepage(xmlHttp.responseText);
	      }
	   }
	 xmlHttp.send(strURL);
        }
     function updatepage(str){
	document.getElementById("apDiv4").innerHTML = str
            
        }
 
 </script>

<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="apDiv1">
  <h2><a href="World quiz information.pdf">Information</a></h2>
  <h2><a href="index.html">Quit</a></h2>
</div>
<div id="apDiv2">
  <h1 align="center">
	<form name="f1">
       		<p align="center"><font color="#000080">&nbsp;
		
		<input value="New question" type="button" 
       		onclick='JavaScript:postRequest("tq.php")' name="showdate"></font></p>

     	</form></h1>
</div>
<div id="apDiv4">
  <h1 align="center">Hier wil ik mijn questions</h1>
</div>
<h1 align="center">World game quiz easy </h1>
 
</body>
</html>

code voor tq.php (later uit te breiden met random vragen):

*edit* heb het al iets spannender gemaakt

PHP: 
<?php
$i = mt_rand(0,3);
switch($i){
	case 0:
		$str = "het is 1";
		break;
	case 1:
		$str = "het is 2";
		break;
	case 2:
		$str = "het is 3";
		break;
	case 3:
		$str = "het is 4";
		break;
	}
echo '<h1 align="center">' . $str . " " . mt_rand() . "</h1>";
?>
 
Laatst bewerkt:
Beste Hr. Wampier

Hartelijk dank voor uw hulp !!!!

Ik heb gedaan wat u vroeg, maar het komt niet tot resultaat?

De vragen worden niet geopend in div 4?

Ook heb ik de map question mee gestuurt waaruit de vragen gehaalt moeten worden (indien dit mogelijk is )


Graag advies

Jeroen
 
Heb je tq.php in dezelfde directory gezet? Ik heb de code getest en het werkt correct. Als je tq.php direct opvraagt krijg je dan netjes output?
 
Beste


Mijn excuses

als ik op new quest klik verdwijnd de tekst
Moet ik de questions ook in dezelfde map zetten
 
De vragen kunnen later worden overgezet. Het is alleen wel belangrijk dat het huidige voorbeeld goed werkt.

Als het goed is opgezet moet je als je op de knop drukt "dit is tekst 1" of een ander nummer komen.
 
http://wonderful-story.com/quiz/index.html

Beste Hr. Wampier

Hartelijk dank dat u zo snel reageert en dat u tijd heeft om het uit te leggen

Helaas moet ik bekennen dat ik geen cijfer tezien krijg
mijn tekst verdwijnt
ik moet volgens mij doorverwijzen naar div 4 of heb ik het mis ?


Sorry !!!!

ik heb het een map hog gedaan en nu werkt het

Hartelijk hartelijk dank
 
Laatst bewerkt:
Beste Hr. Wampier

Kunt u mij uitleggen hoe ik een random script uit een map haal ?
nu heb ik cijfers,

alsvast bedankt
 
Ik ken je preciese structuur niet, maar je kunt dit in tq.php plaatsen:

PHP: 
$files = glob('./questhtml/*.html');
$file = array_rand($files);
readfile($files[$file]);

je moet de $files regel aanpassen naar de juiste directory. er staat nu "/questhtml/" dit moet je vervangen met de juiste directory die je gebruikt. (ik ga ervan uit dat de files dus valide html files zijn).
 
Laatst bewerkt:
Beste Hr. Wampier

Ik ben u zeer dankbaar dat u mij de oplossing met uitleg geeft !!!

Van javascript heb ik nog net een piepje verstand

ik sluit dit topic not niet in verband met evt verdere vragen

Hierbij hartelijk dank !!

Jeroen
 
HTML: 
<!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>Untitled Document</title>
</head>

<body>
<?php
$files = glob('./questions/*.html');
$file = array_rand($files);
readfile($files[$file]);

$i = mt_rand(0,3);
switch($i){
    case 0:
        $str = "het is 1";
        break;
    case 1:
        $str = "het is 2";
        break;
    case 2:
        $str = "het is 3";
        break;
    case 3:
        $str = "het is 4";
        break;
    }
echo '<h1 align="center">' . $str . " " . mt_rand() . "</h1>";
?>
</body>
</html>


ik krijg een foutmelding op lijn 11

ik werk met dreamweaver maar die zegt niet dat er een fout in zit?

http://wonderful-story.com/quiz/index.html

Misschien weet u wat ik verkeert doe....

Nogmaals dank u voor uw tijd
 
Ik moet het even nakijken, maar volgens mij betekend dat, dat de directory niet gevonden wordt. Gezien vanaf de root, waar staat de questions directory?
 
in de map questions

dus tq.php en in de map questions staan die html files

Ter correctie

tq.php / questions

(het hoeft dus maar 1 level/ omhoog (1 map)

Jeroen
 
Beste

Het is dus index of moeten de rechter naar 777? (wat dus te riskant is )
 
om eer;ijk te zijn heb ik me nooit met rechten bezig gehouden
op geen enkele website ik ooit gemaakt heb
alleen als er in de gebruiksaanwijzing staat vermeld

dus dat moet je doen omje map openbaar te maken voor public
 
zo ziet het eruit

ikheb een printscreen meegesyuurt
ik kon hem niet groter laten dan die nu is in verband met die bestand grote

de blauw geselecteerde map is de map questions en daarin staan tot nu toe twee vragen

chmod777.zip
 

Bijlagen

Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan