Comment afficher du JS en html sans les <HEAD></HEAD> ?

Avatar du membre
Eléphanteau du PHP | 49 Messages

11 févr. 2023, 13:40

Bonjour à tous,

J'ai un site en HTML et ça me permet d'afficher du JS pour des tests par exemple.
http://qi98.free.fr/tests/big_test.php

Bon, ça s'affiche bien parce que ces entre <HEAD></HEAD>
(...)    <link rel="stylesheet" href="../css/print.css" media="print">
    <link rel="stylesheet" href="../css/menu-h.css" media="screen" title="">
    <link rel="stylesheet" href="../css/sitemap.css" media="screen" title="">
    <script src="../scripts/faq.js"></script>
    <script src="../scripts/jquery.min.js"></script>
    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 <!-- Affichage Date/Heure en temps réel -->
    <script src="../scripts/clock/utils.js"></script>
    <script src="../scripts/clock/js_liveclock.js"></script>

<script>
//<![CDATA[
var iq = new Array(
	"<tr><td colspan=7 class='rouge gras'>" +
"1 - Complétez le chiffre manquant :</td></tr>" +
"<tr><td colspan=7 class='centre'>" +
"<img src='../tests/images/tri1.jpg' border=0><br />" +
/* -- 9 -- */"<input type='text' id='ant0' name='ant0' size=2 onChange='antW[0]=document.fm.ant0.value;'>" +
"</td></tr>" +

	"<tr><td colspan=7 style='height:10px;'><hr style='width:90%'></td></tr>" +

	"<tr><td colspan=7 class='rouge gras'>" +
"2 - Quel dessin est différent ?</td></tr>" +
	"<tr><td colspan=7 class='centre'><img src='images/figIQ.jpg' alt=''></td></tr>" +
	"<tr align='center'>" +
	"<td style='width:12%'>1 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
	"<td style='width:12%'>2 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
/* -- case 3 -- */"<td style='width:12%'>3 <input type='radio' name='sel1' onclick='antW[1]=1;'></td>" +
(...)
L'affichage se fait bien, mais le même script sur un site en PHP, pas moyen !
Comme toutes les pages appelées sont sans doctype, puisqu'il y en a déjà une dans l'entete_inc.php et le body se ferme avec le footer_inc.php, pourriez-vous me dire comment faire ?

Merci d'avance.

Mammouth du PHP | 2703 Messages

11 févr. 2023, 13:58

non car pas compris.
et comme, on n'a jamais le code complet, impossible de comprendre.

Avatar du membre
Eléphanteau du PHP | 49 Messages

12 févr. 2023, 07:42

non car pas compris.
et comme, on n'a jamais le code complet, impossible de comprendre.
Bonjour,

Tu veux le code complet, soit, mais l'obet de ma question est de faire afficher du JS en PHP.

(Source de 1997 : http://users.telenet.be/h-consult/topIQ.htm)
Mais n'existe plus.
doctype
(...)

<script>
//<![CDATA[
var iq = new Array(
	"<tr><td colspan=7 class='rouge gras'>" +
"1 - Complétez le chiffre manquant :</td></tr>" +
"<tr><td colspan=7 class='centre'>" +
"<img src='../tests/images/tri1.jpg' border=0><br />" +
/* -- 9 -- */"<input type='text' id='ant0' name='ant0' size=2 onChange='antW[0]=document.fm.ant0.value;'>" +
"</td></tr>" +

	"<tr><td colspan=7 style='height:10px;'><hr style='width:90%'></td></tr>" +

	"<tr><td colspan=7 class='rouge gras'>" +
"2 - Quel dessin est différent ?</td></tr>" +
	"<tr><td colspan=7 class='centre'><img src='images/figIQ.jpg' alt=''></td></tr>" +
	"<tr align='center'>" +
	"<td style='width:12%'>1 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
	"<td style='width:12%'>2 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
/* -- case 3 -- */"<td style='width:12%'>3 <input type='radio' name='sel1' onclick='antW[1]=1;'></td>" +
	"<td style='width:12%'>4 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
	"<td style='width:12%'>5 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
	"<td style='width:12%'>6 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
	"<td style='width:12%'>7 <input type='radio' name='sel1' onclick='antW[1]=0;'></td>" +
"</tr>" +

	"<tr><td colspan=7 style='height:10px;'><hr style='width:90%'></td></tr>" +

	"<tr><td colspan=7 class='rouge gras'>" +
"3 - Complétez la seconde paire de mots :</td></tr>" +
	"<tr><td colspan=7 class='centre gras'>Jupe - Fille<br />Pantalon - \(...........)?</td></tr>" +
	"<tr><td colspan=7 class='centre'>" +
	"<input type='radio' name='sel2' onclick='antW[2]=0;'> Veste &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
	"<input type='radio' name='sel2' onclick='antW[2]=0;'> Mère &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
	"<input type='radio' name='sel2' onclick='antW[2]=0;'> Chapeau &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
/* -- Case 4 -- */	"<input type='radio' name='sel2' onclick='antW[2]=1;'> Garçon &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>" +


(...)

	"<td>Vestibule <input type='radio' name='sel24' onclick='antW[33]=0;'></td>" +
	"<td>Bois <input type='radio' name='sel24' onclick='antW[33]=0;'></td>" +
/* --  case 3-- */	"<td>Forêt <input type='radio' name='sel24' onclick='antW[33]=1;'></td>" +
	"<td>Maison <input type='radio' name='sel24' onclick='antW[33]=0;'></td>" +
	"<td>Pièce <input type='radio' name='sel24' onclick='antW[33]=0;'></td>" +
	"<td>&nbsp;</td></tr>" +
	"</table>" +
"");

var datum = new Date();
	jour = datum.getDate();
	mois = datum.getMonth() + 1;
	annee = datum.getFullYear();
var ant = new Array(0,0,0,0,0,0,0,0,0,0,/*10*/0,0,0,0,0,0,0,0,0,0,/*20*/0,0,0,0,0,0,0,0,0,0,/*30*/0,0,0,0,0); /* 35 */
var antG = new Array("9", /* 1 */
					 1,	/* 2 */
					 1,	/* 3 */
					 1,	/* 4 */
					 1,	/* 5 */
					 1,	/* 6 */
					 1,	/* 7 */
					 1,	/* 8 */
					 1,	/* 9 */
					 1,	/* 10 */
					 1,	/* 11 */
					 1,	/* 12 */
					 1,	/* 13 */
					 "24",	/* 14 */
					 "4",	/* 15 */
					 1,	/* 16 */
					 1,	/* 17 */
					 1,	/* 18 */
					 1,	/* 19 */
					 "ORIGINALES",	/* 20 */
					 1,	/* 21 */
					 1,	/* 22 */
					 1,	/* 23 */
					 1,	/* 24 */
					 1,	/* 25 */
					 "7",	/* 26 */
					 "6",	/* 27 */
					 "4",	/* 28 */
					 "24",	/* 29 */
					 "TER",	/* 30 */
					 1,	/* 31 */
					 1,	/* 32 */
					 1,	/* 33 */
					 1,	/* 34 */
					 1);	/* 35 */
var antW = new Array();
var antZ = new Array();
var rep = new Array("<!-- 1 --><span class='gras rouge'>9</span><br /><span class='smallfont'>On additionne les chiffres du haut et le résultat est multiplié par le chiffre du bas.</span>",
					"<!-- 2 --><span class='gras rouge'>Dessin 3</span><br /><span class='smallfont'>Les dessins forment un \"L\", sauf le 3<sup>ème</sup> qui est à l'envers.</span>",
					"<!-- 3 --><span class='gras rouge'>Garçon</span><br /><span class='smallfont'>Logiquement si une fille porte une robe, un garçon porte un pantalon.</span>",
					"<!-- 4 --><span class='gras rouge'>10%</span><br /><span class='smallfont'>Si on soustrait de la valeur réelle la valeur de vente en solde, on obtient le montant de la<br />réduction, soit 59.50&euro;. Cette somme est le dixième de la valeur réelle.</span>",
					"<!-- 5 --><span class='gras rouge'>8</span><br /><span class='smallfont'>2 chiffres s'additionnent pour donner le suivant. Donc, 1+1=2 , 1+2=3 , 2+3=5 , 3+5=8.</span>",
					"<!-- 6 --><span class='gras rouge'>48</span><br /><span class='smallfont'>A chaque fois le chiffre est multiplié par 2, er \"48\" ne correspond à aucun chiffre doublé.</span>",
					"<!-- 7 --><span class='gras rouge'>Figure 3</span><br /><span class='smallfont'>Il n'y a que les barres horizontales qui sont colorées. Par déduction, si on numérote la barre<br /> colorée : Position 1, position 2, position 3 et on revient à la 1<sup>ère</sup>.</span>",
					"<!-- 8 --><span class='gras rouge'>Lettre S</span><br /><span class='smallfont'>Chaque 1ère lettre des mots du libellé sont affichées dans le dessin.</span>",
					"<!-- 9 --><span class='gras rouge'>Chrysanthème</span><br /><span class='smallfont'>Pas d'explication possible, c'est un mot de la langue française.</span>",
					"<!-- 10 --><span class='gras rouge'>Opaline</span><br /><span class='smallfont'>Ce sont toutes des pierres précieuses sauf opaline qui est un adjectif.</span>",
					"<!-- 11 --><span class='gras rouge'>Eau</span><br /><span class='smallfont'>L'eau est un élément naturel contrairement aux autres qui ont été créés.</span>",
					"<!-- 12 --><span class='gras rouge'>Tous</span><br /><span class='smallfont'>Sur une sphère, toutes les lignes sont égales.</span>",
					"<!-- 13 --><span class='gras rouge'>Bertrand</span><br /><span class='smallfont'>Les 2 dernières affirmations montrent que Charles et Jean sont plus petit que Bertrand.<br />Par déduction, Bertrand est forcément le plus grand.</span>",
					"<!-- 14 --><span class='gras rouge'>24</span><br /><span class='smallfont'>En partant du plus petit chiffre, on ajoute 2 en incrémentant à chaque fois.<br />4+2=6 &nbsp;&nbsp;&nbsp;&nbsp; 6+3=9 &nbsp;&nbsp;&nbsp;&nbsp; 9+4=13 &nbsp;&nbsp;&nbsp;&nbsp; 13+5=18 &nbsp;&nbsp;&nbsp;&nbsp; 18+6=24.</span>",
					"<!-- 15 --><span class='gras rouge'>4</span><br /><span class='smallfont'>On multiplie les chiffres du haut et on divise le résultat par celui du bas.</span>",
					"<!-- 16 --><span class='gras rouge'>Bauxite</span><br /><span class='smallfont'>C'est le minerai d\'où est extrait l'aluminium.</span>",
					"<!-- 17 --><span class='gras rouge'>Figure 4</span><br /><span class='smallfont'>Les cadres colorés descendent dans chaque figure, mais la ligne qui les accompagne<br />est inversée à chaque fois.</span>",
					"<!-- 18 --><span class='gras rouge'>Artiste</span><br /><span class='smallfont'>Tous font partie de l'écriture sauf \"artiste\" qui peut être l'auteur de ces écrits.</span>",
					"<!-- 19 --><span class='gras rouge'>Veau</span><br /><span class='smallfont'>Veau=Petit de la vache &nbsp;&nbsp; Vachette=Jeune vache ou Génisse &nbsp;&nbsp; Vacherin=Meringue.</span>",
					"<!-- 20 --><span class='gras rouge'>ORIGINALES</span><br /><span class='smallfont'>Dans l'exemple, les 3 premières et dernières lettres des mots forment celui recherché.<br />Donc, il faut prendre les 4 premières et dernières lettres des mots pour former<br />n nouveau mot. </span>",
					
					"<!-- 21 --><span class='gras rouge'>2</span><br /><span class='smallfont'>Chaque chiffre représente la racine carré du chiffre suivant moins 1.</span>",
					"<!-- 22 --><span class='gras rouge'>1.9</span><br /><span class='smallfont'>Le 1<sup>er</sup> chiffre est divisé par 2 pour trouver le suivant, et ainsi de suite, sauf \"1.9\" qui<br />e correspond à aucune division.</span>",
					"<!-- 23 --><span class='gras rouge'>Perspective Numéro 3</span><br /><span class='smallfont'>Il y a une rainure en plus. </span>",
					"<!-- 24 --><span class='gras rouge'>Poids</span><br /><span class='smallfont'>Tous sont des mesures de distance, sauf \"Poids\" qui est une mesure de pesage.</span>",
					"<!-- 25 --><span class='gras rouge'>Pain</span><br /><span class='smallfont'>Le raisin sert à fabriquer le vin, et la farine sert à faire du pain.</span>",
					"<!-- 26 --><span class='gras rouge'>7 </span><br /><span class='smallfont'>Le total des triangle est de \"39\" (17+13+9=39 - 18+14+7=39).</span>",
					"<!-- 27 --><span class='gras rouge'>6 </span><br /><span class='smallfont'>Comptez le 1<sup>er</sup> chiffres plus le 2<sup>ème</sup> pour le 3<sup>ème</sup> en total.</span>",
					"<!-- 28 --><span class='gras rouge'>4 </span><br /><span class='smallfont'>Si TRIANGLE vaut 3 et CARRE + TRIANGLE = 7, logiquement CARRE vaut 4.</span>",
					"<!-- 29 --><span class='gras rouge'>24 </span><br /><span class='smallfont'>Comptez les extrémités et divisez par 2.</span>",
					"<!-- 30 --><span class='gras rouge'>TER </span><br /><span class='smallfont'>Le nom inversé forme le même nom, donc qui se lit dans un sens ou dans l'autre.</span>",
					"<!-- 31 --><span class='gras rouge'>4 </span><br /><span class='smallfont'>Chaque mot comprend le nombre de lettres qu'il contient et est affiché à côté.</span>",
					"<!-- 32 --><span class='gras rouge'>3 </span><br /><span class='smallfont'>Chaque chiffre correspond au nombre de barettes du chiffre romain précédent.</span>",
					"<!-- 33 --><span class='gras rouge'>Domino numéro 3</span><br /><span class='smallfont'>Les dominos horizontaux ont des chiffres qui se suivent et sont doublés vers les verticaux.<br />Chaque paire de dominos est augmentée de \"1\" pour la paire suivante.<br />Rappel : 0 1 2 3 4 5 6 : <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3+3=6 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4+4=1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5+2=0 &nbsp;&nbsp;etc.</span>",
					"<!-- 34 --><span class='gras rouge'>Forêt</span><br /><span class='smallfont'>La forêt est contituée essentiellement d'arbres, tandis que \"Bois\" peut désigner la<br />matière de ces derniers.</span>",
					/*
					"<!-- 35 -->xx<br />",
					"<!-- 36 -->xx<br />",
					*/
"");

var klok = 1140;	/* nb min. * 60 */
var tel = -1;
var goed = 0;
var telZ = inpZ = "";
var t0 = t0min = t0sec = 0;
var SD
var cert="";
var nom = "Non renseigné";
var texto = texto2 = "";
var iqP = 0;
var tijdIQ = 0;

function calc() {
		telZ = "<hr style='width:90%'>";
		inpZ = "<tr><td colspan=7>Temps pour ce test : <span class='gras bleufonce'>" + (klok/60) + " minutes.</span><br />Temps restant : <span class='gras bleufonce'><input class='tps_restant' type=text id='rest' size=12></span></td></tr>" +
"<tr><td colspan=7><hr style='width:90%'></td></tr>" +
iq[0] ;
	document.getElementById('res').innerHTML = "<table border='0' style='width:100%;'>" +
"<tr><th class='lien' colspan=7>" + telZ + "</th></tr>" +
inpZ +
"<tr><td colspan=7><hr style='width:95%'></td></tr>" +
"<tr><td colspan=7>Il vous reste encore <input class='tps-restant gras' type=text id='rest2' size=12> de temps pour relire.</td></tr>" +
"<tr><td colspan=7 align='center'><input class='bouton gras' type=button name='but4' value=' Montrer les résultats ' onClick='window.clearTimeout(SD);tel+=1;result();'></td></tr>" +
"</table>";
	if(tel==0) {
		document.fm.but.disabled = true;
		document.fm.but.style.background = "#808080";
		document.fm.but.style.color = "#C0C0C0";
	}
	if(tel==1) {
		result();
	}
	if(tel<1) aftel();
}

function result() {
	tijdIQ = 1140 - t0; /* nb min. * 60 */
	t0min = Math.floor(tijdIQ / 60);
	t0sec = tijdIQ % 60;
	tijdIQ = t0min + " min " + t0sec + " sec.";

/* définit le nombre d'items */
for(i=0;i<=33;i++) {

		if(antW[i] == antG[i]) ant[i] = 1;
		if(antW[i] == undefined) ant[i] = 2;

		if(ant[i] == 0) antZ[i] = "<span class='gras rouge'>Faux</span>";
		if(ant[i] == 1) {antZ[i] = "<span class='gras bleu'>Correct</span>";goed += parseInt(ant[i]);}
		if(ant[i] == 2) antZ[i] = "<span class='gras gris'>Ignoré</span>";

	}
texto = "<table style='width:700px;'>" +
"<tr><td colspan=2>Nombre de questions correctes : <span class='gras bleufonce' gras>" + goed + "</span>/34</td></tr>" +
"<tr><td colspan=2>Votre QI est <span class='gras bleufonce'> " + iqPunt[goed] + "</span>" + 
"<tr><td colspan=2><hr style='width:90%'></td></tr>";

/* définit le nombre d'items */
for(i=0;i<=33;i++) {

texto += "<tr><td style='vertical-align:top;width:15%'>" + (i+1) + " - " + antZ[i] + "</td><td>correcte : <span class='bleu t12'>" + rep[i] + "</span></td></tr><tr><td colspan=7><hr style='width:90%'></td></tr>";

}
texto +=
"<tr><td align='left' colspan=4><input class='bouton gras' type=button name='but2' value='Recommencer le test' onclick=location.replace('big_test.php')></td></tr>" +
"<tr><td>&nbsp;</td></tr>" +
"<<tr><td align='left' colspan=2><input class='bouton gras' type=button name='but2' value='Retour au site' onclick=location.replace('../')></td></tr>" +
"<tr><td>&nbsp;</td></tr>" +

"<tr><td colspan=4><hr style='width:90%'></td></tr>" +
		"<tr><td>&nbsp;</td></tr>" +
		"<tr><td align='center' colspan=7><input class='bouton gras' type=button name='but3' value=' Imprimer le résultat ? ' onclick='print();'></td></tr>"
"</table>"


	document.getElementById('juste').innerHTML = texto;
	document.fm.but.disabled = true;
	document.fm.but.style.background = "#808080";
	document.fm.but.style.color = "#C0C0C0";
	document.fm.but4.disabled = true;
	document.fm.but4.style.background = "#808080"; /* fond bouton "Commencer le test */
		document.fm.but4.style.color = "#C0C0C0";
	print();
}
function aftel() {

	t0 -= 1;
	t0min = Math.floor(t0 / 60);
	t0sec = t0 % 60;
	document.getElementById('rest').value = t0min + " min " + t0sec + " sec.";
	document.getElementById('rest2').value = t0min + " min " + t0sec + " sec.";
	SD = window.setTimeout("aftel();", 1000);
	if (t0<= 0) {
		window.clearTimeout(SD);
		t0=0;

		result();
	}

}

function avant_tests() {
texto = "<table style='width:100%'>" +
		"<tr><td class='important'>Mesurez votre QI avec les tests suivants.</td><tr>" +
		"<tr><td>Il y a au total <span class='gras bleu'>34 questions</span> avec les solutions (<span class='penche'>évitez de tricher quand même !</span>).</td></tr>" +
		"<tr><td>Essayez de répondre à un maximum de questions.</td></tr>" +
		"<tr><td>Vous pouvez utiliser le papier et le crayon mais n\'utilisez pas de machine à calculer\, les résultats seraient sans valeur.</td></tr>" +
		"<tr><td>&nbsp;</td></tr>" +
		"<tr><td class='important'>Le temps est limité pour effectuer le test.</td></tr>" +
		"<tr><td>La durée totale des tests est estimée à <span class='gras bleu'>19 minutes</span>.</td></tr>" +
		"<tr><td>Chaque item a le même temps de réflexion.</td></tr>" +
		"<tr><td>Les résultats apparaissent automatiquement après le temps écoulé.</td></tr>" +
		"<tr><td>&nbsp;</td></tr>" +
		"</table>" +
		"<table style='width:100%'>" +
		"<tr><td><span class=\"souligne\">Le résultat est approximatif</span>, n\'y attachez pas trop d\'importance.<br />Après le test vous pouvez imprimer le résultat.</td></tr>" +
		"<tr><td>&nbsp;</td></tr>" +
		"</table>" +			
		"<table border='5' style='background-color: #FFFFE0; border-color: #FF6E6B; width:80%'>" +
		"<tr><td><span class=\"gras rouge penche\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Attention :<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Si vous actualisez la page durant le test, les résultats<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;effectués erdus et vous reviendrez à la page originale.</span></td></tr>" +
		"</table>";

	document.getElementById('res').innerHTML = texto;
}

function print() {
texto2 = "<table style='width:100%;font-size:12px;'>" +
		"<tr><td colspan=7>votre nom pour imprimer le résultat du test : <br /><input type=text id='nom' size='25' onKeyUp='nom' = 'this.value'></td></tr>" +
		"<tr><td colspan=7><input class='bouton gras' type=button value='Aperçu avant impression' size='150' onClick='apercu_imp();'></td></tr>" +
		"<tr><td colspan=7>&nbsp;</td></tr>" +
		"</table>";
	document.getElementById('print').innerHTML = texto2;
	document.getElementById('nom').focus();
}

var iqPunt = new Array(0,80,85,90,93,95,97,100,102,105,107,110,112,115,117,120,122,125,127,130,132,135,137,140,145,150);

function apercu_imp() {
	iqP  = iqPunt[goed];
	var L1 = "<div style='font: bold 25px verdana,arial;text-align:center;'>Tests effectués avec QI98</div><hr style='width:90%'>";
	var L2 = "<div style='font: bold 20px verdana,arial;text-align:center;border-style:double;border-width:4px;border-color:#ff0000;padding:20px 0px 20px 0px;'> Evaluation de : " + nom + "<br />";
	var L3 = "Date du test : <span class='bleu'>" + jour + "/" + mois + "/" + annee + "</span><br />";
	var L4 = "Notation de son QI : <span class='bleu'>" + iqP + "</span><br />";
	var L5 = "Temps effectué : <span class='bleu'>" + tijdIQ + "</span></div><hr style='width:90%'>";

	var L6 = "<div style='font-style:italic;font:bold 16px verdana,arial;color:#00008B;'>Références de l'évaluation du QI.</div><br />";
	var L7 = "<div style='font-style:italic;font: bold 13px verdana,arial;color:#0000FF;'>" +
			 "Entre 55 et 85 = réflexion faible.<br />";
	var L8 = "Entre 85 et 100 = réflexion moyenne.<br />";
	var L9 = "Entre 100 et 125 = bonne réflexion.<br />";
	var L10 = "Au-delà de 125= Très bonne réflexion.</div><hr style='width:90%'>";

	var L11 = "<INPUT TYPE='BUTTON' VALUE='Imprimer le résultat du test' onclick='print()'>";
	var L12 = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
	var L13 = "<INPUT TYPE='BUTTON' VALUE='Fermer cette fenêtre' onClick='window.close()'>";
	var L14 = "<div style='text-align:center;font:bold smaller verdana,arial;'>Copyright © 1998-2022 Teams QI98</div><hr style='width:90%'>";

	var imp_resutat = L1+L14+L2+L3+L4+L5+L6+L7+L8+L9+L10+L11+L12+L13;
	reportWin = window.open("","","width=630,height=570,toolbar=no,menubar=no,location=no,directories=no,status=no,menubar=no,resizable=no,scrollbars=no");
  	reportWin.document.write(imp_resutat);
  	reportWin.document.close();
}
//]]>
</script>
  </head>
  <body>
    <div id="wrapper"><!-- debut #wrapper -->
      <header><!-- debut header --> </header><!-- fin header -->
		  <nav><!-- debut top nav -->
			<div id="tabs10">
			  <ul>
				<li><a title="" href="../"><span>Accueil</span></a></li>
				<li><a title="" href="../apropos/apropos.php"><span>A propos</span></a></li>
				<li><a title="" href="../faq/faq.php"><span>FAQ</span></a></li>
				<li><a title="" href="../exemples/exemplesdetests.php"><span>Exemples</span></a></li>
				<li><a title="" href="../download/screenshot/screenshot.php"><span>Screenshot</span></a></li>
				<li><a title="" href="../download/download.php"><span>Download</span></a></li>
				<li id="current"><a title="" href="../tests/big_test.php"><span>Grand test</span></a></li>
				<li><a title="" href="menu_tests.php"><span>Tests en ligne</span></a></li>
				<li><a title="" href="../contact2/contact.php"><span>Contact</span></a></li>
			<li><a title="" href="http://qi98.forumactif.com/" target="_blank"><span>Forum</span></a></li>
				<li><a title="" href="../sitemap/sitemap.php"><span>Plan du site</span></a></li>
			  </ul>
			</div>
			<div id="ariane"> 
				Vous êtes ici &raquo; <a title="" href="../" title="">Accueil</a> &raquo; <a title="" href="../tests/menu_tests.php" title="">Test en ligne</a> &raquo; Grand test de QI 
			</div>
		  </nav><!-- fin top nav -->
		  
      <section id="main"><!-- debut #menu --> 
        <section id="content"><!-- debut #content -->

<!-- /////////////////////////////////////////////////////////////// -->
<!-- CADRE TEST-->
<div class="cadre-test-ligne ecart">
<!-- /////////////////////////////////////////////////////////////// -->
<div class="libelle"><span class="puce_libelle">&nbsp;&nbsp;&nbsp;</span>Evaluez votre QI avec le grand test !</div>
<br />
<!--
<span class="gras bleufonce ecart">34 séries</span>au total en <span class="gras bleufonce">19 minutes</span> de réflexion.<br /><br />
<span class="gras bleufonce ecart">Vous aurez plus ou moins 33 secondes par série</span>pour trouver la solution.
<br /><br />
-->

<script type="text/javascript">avant_tests();</script>
<br />
<form name="fm" action="javascrit,void(0);">
<table class="ecart" style="width:100%; cellpadding="4" cellspacing="15px">
	<tr>
		<td><span id="res">&nbsp;</span></td>
   	</tr>
	<tr>
		<td><span id="res2">&nbsp;</span></td>
   	</tr>
   <tr>
		<td align="center" colspan=4><input class='bouton gras' type="button" name="but" value="Commencer le test" onClick="window.clearTimeout(SD);tel+=1;t0=klok;calc();"></td>
   	</tr>
   <tr>
		<td align="center" colspan=4><input class='bouton gras' type="button" name="but" value="Retour à l'accueil" onClick="location.href='../../index.php';"></td> 
	</tr>
	<tr>
		<td><span id="juste">&nbsp;</span></td>
	</tr>
	<tr>
		<td><span id="print">&nbsp;</span></td>
	</tr>
</table>
</form>
<script type="text/javascript">avant_tests();</script>
	<div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div>
	<div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div>

          </article>
        </section><!-- fin #content -->
		
(...)

  </body>
</html>

Avatar du membre
Mammouth du PHP | 1564 Messages

12 févr. 2023, 23:39

Un script JS appelé dynamiquement n'est pas reconnu par le DOM, il faut faire un eventlistener pour détecter un changement de contenu et prendre le JS dynamiquement inséré.

J'ai pas compris non plus, désolé.

Avatar du membre
Eléphanteau du PHP | 49 Messages

13 févr. 2023, 10:37

Un script JS appelé dynamiquement n'est pas reconnu par le DOM, il faut faire un eventlistener pour détecter un changement de contenu et prendre le JS dynamiquement inséré.

J'ai pas compris non plus, désolé.
Bonjour,

Ce que vous dites est certainement clair pour vous, mais pour moi, qui ne suis pas très avancé, c'est de l'hébreu !

Qu'est ce que vous n'avez pas compris ?

Ce script, que j'ai trouvé en 96 ou 97, je sais plus, venait de la Belgique (http://users.telenet.be/h-consult/topIQ.htm), mais ce site n'existe plus.
Comme à cette époque, je le trouvais agréable et utile, je l'ai adapté pour mon site.
http://qi98.free.fr/temp/test JS.jpg

Bonjour,

J'ai un petit soucis quand à la déclaration dans l'index par une variable, l'appel d'un script entre HEAD par un button !
```
<form name="fm" action="javascrit,void(0);">
<table>
<tr>
<td>
<input class='bouton gras' type="button" name="but" value="Commencer
le test" onClick="window.clearTimeout(SD);tel+=1;t0=klok;calc();">
</td>
</tr>
<!--
<tr>
<td>
<input class='bouton gras' type="button" name="but" value="Retour à
l'accueil" onClick="location.href='../../pages/accueil/accueil.php';">
</td>
</tr>
-->

</table>
</form>
<script type="text/javascript">avant_tests();</script>
```
(http://qi98.free.fr/temp/commence-le-test.jpg)

En plus, j'avais mis un second button pour retourner à la page d'accueil, mais j'avais toujours une erreur d'url, certainement parce que la variable (?) n'a pas été déclarée !

Mais comme ce sont des "Button", je ne vois pas trop comment faire pour déclarer la ou les variables, et quelle variables d'abord ?
Serait-ce l'intitulé des Button "Name=But" ou autre chose ?

Merci encore de votre aide.