Sujet Précédent Sujet Suivant

[PHP et javascript]comment intégrer ce code

Fermé
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 - 14 juin 2006 à 11:24
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 - 18 juin 2006 à 22:25
bonjour

voila j'ai une page php et je souhaiterai inclure une page html qui contient un script en javascript

la page html seule marche bien mais quand la met dans la page php ca ne marche plus

voici le code de la page html 

<html>
<head>
<style type="text/css">

/* Cette feuille de style définit la police utilisée pour les boutons */

input
{
  font-size: 10pt;
  font-family: fixe,courier;
  font-weight: bold;
  margin-left: 0pt;
  color: #000000;
}
</style>

<script language="javascript"><!--

// Définition des valeurs de départ des variables

var NDIGITS = 16;
var STACKSIZE = 12;

var value = 0;
var level = 0;
var entered = true;
var decimal = 0;
var fixe = 0;
var exponent = false;



// L'ouverture d'une parenthèses suppose une pile,
// appelée Stack, dans laquelle les éléments individuels sont enregistrés.
// Ces éléments sont appelés Items.
function stackItem()
{
 this.value = 0;
 this.op = "";
}

// Cette fonction constructeur sert de modèle pour la pile.
function array(length)
{
  this[0] = 0;
  for (i=0; i<length; ++i)
  {
  this[i] = 0;
  this[i] = new stackItem();
  }
  this.length = length;
}
stack = new array(STACKSIZE);

// Ajout de nouveaux éléments à la pile
function pousser(value,op,prec)
{
  if (level==STACKSIZE)
         return false;
  for (i=level;i>0; --i)
  {
  stack[i].value = stack[i-1].value;
  stack[i].op = stack[i-1].op;
  stack[i].prec = stack[i-1].prec;
  }
  stack[0].value = value;
  stack[0].op = op;
  stack[0].prec = prec;
  ++level;
  return true;
}

// Lire le dernier élément de la pile
function entrer()
{
  if (level==0)
  return false;
  for (i=0;i<level; ++i)
  {
  stack[i].value = stack[i+1].value;
  stack[i].op = stack[i+1].op;
  stack[i].prec = stack[i+1].prec;
  }
  --level;
  return true;
}

// Mise en forme de la valeur à afficher
function format(value)
{
  // valStr contient la valeur actuelle de value,
  // Mais subit au préalable une conversion
  // en chaîne de caractères.
  var valStr = "" + value;

  // Si value contient la valeur spéciale "Not a Number"
  // (cad si value n'est pas un nombre valide), l'affichage
  // ne peut être formaté
  if (valStr.indexOf("N")>=0 ||
  (value == 2*value && value == 1+value))
  return "Error ";

  // Lors de la conversion de value en chaîne de caractères, l'objet Number
  // sépare les valeurs normales des puissances de 10par un "e".
  // Dans notre affichage, nous utilisons exclusivement des espaces simples.
  var i = valStr.indexOf("e")
  if (i>=0)
  {
  // Dans valStr un "e" a été trouvé. L'exposant
  // (la partie derrière "e" est enregistré dans expStr et
  // supprimé dans valStr.
  var expStr = valStr.substring(i+1,valStr.length);
  if (i>NDIGITS-5) i=NDIGITS-5;
  valStr = valStr.substring(0,i);
  if (valStr.indexOf(".")<0) valStr += ".";
  // L'exposant est à n ouveau ajouté derrière la valeur,
  // séparé par un espace.
  valStr += " " + expStr;
  } else {
  // value ne contient pas de "e" et donc pas d'exposant
  var valNeg = false;
  if (value < 0) { value = -value; valNeg = true; }
  // Le logarithme, indique le nombre de position de value.
  var expval = Math.log(value)*Math.LOG10E;
  if (value == 0) {
      expval = 0;
  // Si value ne tient plus dans l'affichage, la partie arrière
  // et coupée et remplacée par une puissance de 10
  } else if (expval > NDIGITS-5) {
      expval = Math.floor(expval);
      value /= Math.pow(10, expval);
  } else if (-expval > NDIGITS-5) {
      expval = Math.ceil(expval);
      value /= Math.pow(10, expval);
  } else {
      expval = 0;
  }
  var valInt = Math.floor(value);
  var valFrac = value - valInt;
  var prec = NDIGITS - (""+valInt).length - 1;
  if (prec < 0) return "Error"
  if (! entered && fixe>0)
      prec = fixe;
  var mult = " 1000000000000000000".substring(1,prec+2);
  var frac = Math.floor(valFrac * mult + 0.5);
  valInt = Math.floor(Math.floor(value * mult + .5) / mult);
  if (valNeg)
      valStr = "-" + valInt;
  else
      valStr = "" + valInt;
  var fracStr = "00000000000000"+frac;
  fracStr =
   fracStr.substring(fracStr.length-prec, fracStr.length);
  i = fracStr.length-1;
  if (entered || fixe==0)
  {
      while (i>=0 && fracStr.charAt(i)=="0")
       --i;
      fracStr = fracStr.substring(0,i+1);
  }
  if (i>=0) valStr += "." + fracStr;
  if (expval != 0) {
      var expStr = "" + expval;
      valStr += " " + expStr;
  }
  }
  return valStr;
}


// Cette fonction écrit la valeur actuelle dans l'affichage
function refresh()
{
  var display = format(value);

  // Si la calculatrice est paramétrée sur la saisie en exposant,
  // cet exposant doit être affiché
  if (exponent)
  {
  if (expval<0)
       display += " " + expval;
  else
       display += " +" + expval;
  }

  // Si la valeur actuelle n'a pas de décimale et si
  // aucune erreur n'est survenue, un pojnt doit être ajouté
  if (display.indexOf(".")<0 && display != "Error ")
  {
  if (entered || decimal>0)
      display += '.';
  else
      display += ' ';
  }
  // La partie gauche de l'affichage est remplie avec des espaces
  display = "             " + display;
  display =
   display.substring(display.length-NDIGITS-1,display.length);
  // La valeur est écrite dans l'affichage
  document.calculator.result.value = display;
}


// La toche C efface la valeur affichée
function clearDisp()
{
  exponent = false;
  value = 0;
  enter();
  refresh();
}

// AC place le nombre de parenthèses sur 0
function clearAll()
{
  level = 0;
  clearDisp();
}


// A cet endroit, les calculs effectifs
// sont réalisés
function evalx()
{
  if (level==0)
  return false;
  op = stack[0].op;
  sval = stack[0].value;
  if (op == "+")
  value = sval + value;
  else if (op == '-')
  value = sval - value;
  else if (op == '*')
  value = sval * value;
  else if (op == '/')
  value = sval / value;
  else if (op == 'pow')
  value = Math.pow(sval,value);
  entrer();
  if (op=='(')
  return false;
  return true;
}

// openp ouvre une parenthèse
function openp()
{
  enter();
  if (!pousser(0,'(',0))
  value = "NAN";
  refresh();
}

// closep ferme la parenthèse
function closep()
{
  enter();
  while (evalx()) ;
  refresh();
}

// Cette fonction est exécutée, si un des boutons d'opération
// est activé, par exemple "+".
function operator(op)
{
  enter();
  if (op=='+' || op=='-')
  prec = 1;
  else if (op=='*' || op=='/')
  prec = 2;
  else if (op=="pow")
  prec = 3;
  if (level>0 && prec <= stack[0].prec)
   evalx();
  if (!pousser(value,op,prec))
  value = "NAN";
  refresh();
}

// Lorsque l'utilisateur a terminé la saisie d'un nombre,
// quelques variables sont à modifier.
// Si une puissance de 10 est spécifiée, la valeur
// actuelle doit être calculée dans value
function enter()
{
  if (exponent)
  value = value * Math.exp(expval * Math.LN10);
  entered = true;
  exponent = false;
  decimal = 0;
  fixe = 0;
}

// Si l'utilisateur appuie sur la touche Entrée (appelée aussi "=")
// le calcul est effectué et la valeur est affichée
function equals()
{
  enter()
  while (level>0)
  evalx();
  refresh();
}

// digit() est appelé, si un chiffre est activé.
function digit(n)
{
  if (entered)
  {
  value = 0;
  digits = 0;
  entered = false;
  }
  if (n==0 && digits==0)
  {
  refresh();
  return;
  }
  if (exponent)
  {
  if (expval<0)
       n = -n;
  if (digits < 3)
  {
      expval = expval * 10 + n;
      ++digits;
      refresh();
  }
  return;
  }
  if (value<0)
  n = -n;
  if (digits < NDIGITS-1)
  {
  ++digits;
  if (decimal>0)
   {
   decimal = decimal * 10;
   value = value + (n/decimal);
   ++fixe;
   }
   else
   value = value * 10 + n;
  }
  refresh();
}

// bksp (en anglais backspace) signifie une action sur la touche  "<-"
// La dernière saisie doit être effacée.
function bksp()
{
  if (entered)
  {
  refresh();
  return;
  }
  if (digits==0)
  {
  refresh();
  return;
  }
  if (exponent)
  {
  if (expval<0)
      expval = -Math.floor(-expval/10);
  else
      expval = Math.floor(expval/10);
  --digits;
  refresh();
   return;
  }
  if (decimal>1)
  {
  if (value<0)
      value = -Math.floor(-value*decimal/10);
  else
      value = Math.floor(value*decimal/10);
  decimal = decimal / 10;
  value = value/decimal;
  --fixe;
  if (decimal == 1)
      decimal = 0;
  }
  else
  {
  if (value<0)
      value = -Math.floor(-value/10);
  else
      value = Math.floor(value/10);
  decimal = 0;
  }
  --digits;
  refresh();
}

// La touche +/- inverse la valeur ou
// l'exposant (plus devient moins et vice versa).
function sign()
{
  if (exponent)
  expval = -expval;
  else
  value = -value;
  refresh();
}

// period (le point en anglais) est appelé, si l'utilisateur
// souhaite spécifier une valeur décimale.
function period()
{
  if (entered)
  {
  value = 0;
  digits = 1;
  }
  entered = false;
  if (decimal == 0)
  decimal = 1;
  refresh();
}

// L'activation de la touche "x * 10^y" paramète la calculatrice
// sur la saisie en exposant.
function exp()
{
  if (entered || exponent)
  return;
  exponent = true;
  expval = 0;
  digits = 0;
  decimal = 0;
  refresh();
}


// func() ffectue les fonctions mathématiques telles que sin, cos, tan
// etc. L'argument est la fonction à exécuter.
function func(f)
{
  enter();

  if (f=="1/x")
  {
  value = 1/value;
  }
  else if (f=='n!')
  {
  if (value<0 || value>200 || value != Math.round(value))
      value = "NAN";
  else
  {
      var n = 1;
      var i;
      for (i=1;i<=value;++i)
        n *= i;
      value = n;
  }
  }
  else
  {
  // La plupart des fonction est livrée par l'objet Math
  // de JavaScript.
  if (f=="sin")
      value = Math.sin(value/180 * Math.PI);
  else if (f=="cos")
      value = Math.cos(value/180 * Math.PI);
  else if (f=="tan")
      value = Math.tan(value/180 * Math.PI);
  else if (f=="log")
      value = Math.log(value)/Math.LN10;
  else if (f=="log2")
      value = Math.log(value)/Math.LN2;
  else if (f=="ln")
      value = Math.log(value);
  else if (f=="sqrt")
      value = Math.sqrt(value);
  else if (f=="pi")
      value = Math.PI;
  else if (f=="asin")
      value = Math.asin(value)*180/Math.PI;
  else if (f=="acos")
      value = Math.acos(value)*180/Math.PI;
  else if (f=="atan")
      value = Math.atan(value)*180/Math.PI;
  else if (f=="alog")
      value = Math.exp(value * Math.LN10);
  else if (f=="alog2")
      value = Math.exp(value * Math.LN2);
  else if (f=="exp")
      value = Math.exp(value);
  else if (f=="sqr")
      value = value*value;
  else if (f=="e")
      value = Math.E;
  }

  // Affichage le résultat du calcul
  refresh();
}

// --></script>
</head>
<body onload="refresh()">

<div align="center">
<form name="calculator">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#000000">
<table border="0" cellpadding="2" cellspacing="0" bgcolor="#DDDDDD" summary="">
  <tr>
      <td colspan="4"><input type="text" size="18" name="result" onfocus="refresh()"></td>
      <td><input type="button" value="<-  " onclick="bksp()"></td>
      <td><input type="button" value="( " onclick="openp()">
   <input type="button" value=")" onclick="closep()"></td>
      <td><input type="button" value="C " onclick="clearDisp()">
   <input type="button" value="AC " onclick="clearAll()"></td>
  </tr>
  <tr>
      <td><input type="button" value="7 " onclick="digit(7)"></td>
      <td><input type="button" value="8 " onclick="digit(8)"></td>
      <td><input type="button" value="9 " onclick="digit(9)"></td>
      <td><input type="button" value="/ " onclick="operator('/')"></td>
      <td><input type="button" value="log " onclick="func('log')"></td>
      <td><input type="button" value="sin " onclick="func('sin')"></td>
      <td><input type="button" value="arcsin " onclick="func('asin')"></td>
  </tr>
  <tr>
      <td><input type="button" value="4 " onclick="digit(4)"></td>
      <td><input type="button" value="5 " onclick="digit(5)"></td>
      <td><input type="button" value="6 " onclick="digit(6)"></td>
      <td><input type="button" value="* " onclick="operator('*')"></td>
      <td><input type="button" value="10^x " onclick="func('alog')"></td>
      <td><input type="button" value="cos " onclick="func('cos')"></td>
      <td><input type="button" value="arccos " onclick="func('acos')"></td>
  </tr>
  <tr>
      <td><input type="button" value="1 " onclick="digit(1)"></td>
      <td><input type="button" value="2 " onclick="digit(2)"></td>
      <td><input type="button" value="3 " onclick="digit(3)"></td>
      <td><input type="button" value="- " onclick="operator('-')"></td>
      <td><input type="button" value="ln " onclick="func('ln')"></td>
      <td><input type="button" value="tan " onclick="func('tan')"></td>
      <td><input type="button" value="arctan " onclick="func('atan')"></td>
  </tr>
  <tr>
      <td><input type="button" value="0 " onclick="digit(0)"></td>
      <td><input type="button" value=". " onclick="period()"></td>
      <td><input type="button" value="± " onclick="sign()"></td>
      <td><input type="button" value="+ " onclick="operator('+')"></td>
      <td><input type="button" value="e^x " onclick="func('exp')"></td>
      <td><input type="button" value="x^2 " onclick="func('sqr')"></td>
      <td><input type="button" value="Racine "
   onclick="func('sqrt')"></td>
  </tr>
  <tr>
      <td colspan="2"><input type="button" value="Entrée "
   onclick="equals()"></td>
      <td><input type="button" value="pi " onclick="func('pi')"></td>
      <td><input type="button" value="1/x" onclick="func('1/x')"></td>
      <td><input type="button" value="x^y " onclick="operator('pow')"></td>
      <td><input type="button" value="x!  " onclick="func('n!')"></td>
      <td><input type="button" value="x * 10^y" onclick="exp()"></td>
  </tr>
</table>
</td></tr></table>
</form>
</div>

</body>
</html>



et celui de la page php 

<?php
if(isset($_COOKIE['nom']))
{
@$pseudom=$_COOKIE["pseudo"];
$Nom=$_COOKIE['nom'];
$Prenom=$_COOKIE['prenom'];
}
else
{ 
session_start();
require_once("../../config_script.php");
############################################################DEBUT SECURITE##############################################################
$Nom=$_SESSION['nom'];
$Prenom=$_SESSION['prenom'];
@$pseudom=addslashes(htmlentities($_SESSION['pseudom']));
@$idm=addslashes(htmlentities($_SESSION['idm']));

if(!isset($_SESSION['idm']))
	{
	header("Location:../../index.php?erreur=secure");
	exit;
	}
if(!isset($_SESSION['pseudom']))
	{
	header("Location:../../index.php?erreur=secure");
	exit;
	}
if(!isset($_SESSION['idm']) || !isset($_SESSION['pseudom']))
	{
	header("Location:../../index.php?erreur=secure");
	exit;
	}
	
	$requete_verif=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE pseudo='".$_SESSION['pseudom']."' AND idm='".$_SESSION['idm']."'") or die (mysql_error());
	$nb_verif=mysql_num_rows($requete_verif);
	if($nb_verif==0)
		{
		header("Location:../../index.php?erreur=secure");
		exit;
		}
	$activev=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE pseudo='$pseudom' AND idm='$idm'") or die (mysql_error());
	$row=mysql_fetch_array($activev);
	$verif_act=$row['active'];
	if($verif_act=="0")
		{
		echo"<link rel='stylesheet' type='text/css' href='style.css'>
		<title>$TITRE_PAGE</title><body bgcolor='$_COULEUR_FONT'>
		<center><b>"._PAGE_SECURITY."".@$_ACTIVE_TYPE."</b></center>";
		exit;
		}
$chemin=$_SERVER['PHP_SELF'];
$fichier=basename($chemin);
$select_level=mysql_query("SELECT * FROM ".PREFIXE."level WHERE page='$fichier'") or die (mysql_error());
$nb_level_verif=mysql_num_rows($select_level);
$comprow=mysql_fetch_array($select_level);
if($nb_level_verif==0)
	{
	$level_page=3;
	}
else
	{
	$acc_level=$comprow['level'];
	$level_page=$acc_level;
	}

$select=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE pseudo='$pseudom' AND idm='$idm'") or die (mysql_error());
$row=mysql_fetch_array($select);
$levelm=htmlentities($row['level']);
$emailm=htmlentities($row['email']);
$webm=htmlentities($row['web']);
$autemailm=htmlentities($row['autemail']);
$dateins=htmlentities($row['insdate']);
$heureins=htmlentities($row['insheure']);
$datem=htmlentities($row['date']);
$heurem=htmlentities($row['heure']);
$avatarm=htmlentities($row['avatar']);
$sexem=htmlentities($row['sexe']);
$newsletterm=htmlentities($row['newsletters']);
$select_champs=mysql_query("SELECT * FROM ".PREFIXE."champs WHERE active='1'") or die (mysql_error());
while($rowchamp=mysql_fetch_array($select_champs))
	{
	$nom_table=$rowchamp['nomtable'];
	$nom_va=$rowchamp['nom'];
	$nom_va_ok=$row["$nom_table"];
	}
$date=date("Y-m-d");
$heure=date("H:i:s");
if($levelm > $level_page)
	{
	session_unset();
	session_destroy();
	header("Location:../../index.php?erreur=level");
	exit;
	}
}

include("connexion.php"); 

if($_GET['source'] == "cours") 
{
$sql15="UPDATE apprenant SET NbEssai='0',NumQuestion='1',Demarche='' where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req15 = mysql_query($sql15) or die('Erreur SQL !<br>'.$sql15.'<br>'.mysql_error());
}

$sql10 = "SELECT * FROM bouton";
$req10 = mysql_query($sql10) or die('Erreur SQL !<br>'.$sql10.'<br>'.mysql_error());
while($row = mysql_fetch_array($req10))
{
$bouton=$row['bouton1'];
}

if(isset($_GET['categorie'])) $Categorie=$_GET['categorie'];
else $Categorie="";

$sql10="SELECT * FROM apprenant where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req10 = mysql_query($sql10) or die('Erreur SQL !<br>'.$sql10.'<br>'.mysql_error());
$row = mysql_fetch_array($req10);
$NumExercice=$row['exerciceencours'];

if ($NumExercice!=$Categorie)
{
print("<script language='javascript' type='text/javascript' src='redirection.js'></script>");
$sql11="UPDATE apprenant SET NumQuestion='1',NbEssai='0',NbReponseBonne='0',NbReponseFausse='0',exerciceencours='$Categorie' where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req11 = mysql_query($sql11) or die('Erreur SQL !<br>'.$sql11.'<br>'.mysql_error());
}

$sql = "SELECT * FROM questions where Categorie='$Categorie'";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$NbQ=mysql_num_rows($req);



$sql2 = "SELECT * FROM apprenant where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req2 = mysql_query($sql2) or die('Erreur SQL !<br>'.$sql2.'<br>'.mysql_error());
while($row = mysql_fetch_array($req2))
{
$NumQuestion=$row['NumQuestion'];
$NumEssai=$row['NbEssai'];
$Demarche=$row['Demarche'];
}

$Dem=explode("=",$Demarche);
$Nbenr=count($Dem);

for($i=1;$row2 = mysql_fetch_array($req); $i++)
    {
    $Id[$i]=$row2['id_question'];
    $Cat[$i]=$row2['Categorie'];
    $Question[$i]=$row2['question'];
    }

$sql3 = "SELECT * FROM questions where Categorie='$Categorie' and id_question='$NumQuestion'";
$req3 = mysql_query($sql3) or die('Erreur SQL !<br>'.$sql3.'<br>'.mysql_error());
while($row3 = mysql_fetch_array($req3))
{
$Reponse=$row3['Reponse1'];
$ReponseAlternative=$row3['Detail'];
$indice1=$row3['Indice1'];
$indice2=$row3['Indice2'];
$indice3=$row3['Indice3'];
$Exemple=$row3['Aide'];
$commentaire=$row3['commentaire'];
$help=$row3['help'];
$Niveau=$row3['Niveau'];
$Intitule=$row3['Intitulé'];
}

$Aide=explode("?",$help);
$Nbaide=count($Aide);

$RA=explode("=",$ReponseAlternative);
$Nbenreg=count($RA);

?>

<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Facil Maths - Le site des maths faciles</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
<link rel="stylesheet" type="text/css" media="screen" href="../../../Style-tn.css">

<script type="text/javascript">
<!--

var champ_actif = null;
function onFocus()
{
	champ_actif = this;
}

function init()
{
	// Définit les gestionnaires d'événement pour les champs INPUT
	var elts= document.getElementsByTagName("INPUT");
	
	for (var i=0; i < elts.length; i++)
	{
		// Uniquement pour les champs texte
		if (elts[i].type == "text") elts[i].onfocus=onFocus;	
	}


	// Définit les gestionnaires d'événement pour les champs TEXTAREA
	var elts= document.getElementsByTagName("TEXTAREA");
	
	for (var i=0; i < elts.length; i++)
	{
		elts[i].onfocus=onFocus;	
	}
}

function addText(instext) {
	if (!champ_actif) return;
	//IE support
	if (document.selection) 
	{
		champ_actif.focus();
		sel = document.selection.createRange();
		sel.text = instext;
	}
	//MOZILLA/NETSCAPE support
	else 
	{
		if (champ_actif.selectionStart || champ_actif.selectionStart == "0") 
		{
			var startPos = champ_actif.selectionStart;
			var endPos = champ_actif.selectionEnd;
			var chaine = champ_actif.value;
			champ_actif.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
	
			champ_actif.selectionStart = startPos + instext.length;
			champ_actif.selectionEnd = endPos + instext.length;
			champ_actif.focus();
		} 
		else 
		{
			champ_actif.value += instext;
			champ_actif.focus();
		}
	}
}

//-->
</script>

</head>
<body onload="init()">


<div id="Cadre">

	<div id="en_tete">
	</div>
	
	<div id="menu">
		<div class="element_menu">
				<a href="../../Cours/index.php"><img border="" src="../../../Image/bouton1.gif"></a>
				<a href="../index2.php"><img border="" src="../../../Image/bouton2.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton3.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton4.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton5.gif"></a>
				<a href="../../../Forum/"><img border="" src="../../../Image/bouton6.gif"></a>
				<a href="../../../Formulaire.php"><img border="" src="../../../Image/bouton7.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton8.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton9.gif"></a>
		</div>
	
	</div>
	
	<div id="corps">
		<br />
		<form name="form_question" method="POST" action="verif_question1.php?categorie=<? echo $Categorie;?>">
		<div id="blocquestion">
			<table class="question" border="1" cellpadding="0" cellspacing="0" width="500px" >
				<tr>
					<td class="indice" width="500px" height="50px">
						<?php
						if ($NumEssai==1)
							{
							print '<div style="display: block;" id="indice1"><a href="" onclick="document.getElementById(\'texteindice1\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice1.jpg"></a></div>';
							}
						if ($NumEssai==2)
							{
							print '<div style="display: block;" id="indice1"><a href="" onclick="document.getElementById(\'texteindice1\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice1.jpg"></a></div>';
							print '<div style="display: block;" id="indice2"><a href="" onclick="document.getElementById(\'texteindice2\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice2.jpg"></a></div>';
							}
						if ($NumEssai==3)
							{
							print '<div style="display: block;" id="indice1"><a href="" onclick="document.getElementById(\'texteindice1\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice1.jpg"></a></div>';
							print '<div style="display: block;" id="indice2"><a href="" onclick="document.getElementById(\'texteindice2\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice2.jpg"></a></div>';
							print '<div style="display: block;" id="indice3"><a href="" onclick="document.getElementById(\'texteindice3\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice3.jpg"></a></div>';
							}
						?>
					</td>
				</tr>
				<br>
				<br>
					<td class="quest"  width="500px" >
						<?echo "<font size='2'><b><i>$string</i></b></font>";?>
						<input name='Cat' type='hidden' value=<?echo $Categorie?>></textarea>
						<input name='Nquest' type='hidden' value=<?echo $NumQuestion?>></textarea>
						<div class="Intitule">
						<?php
							echo $Intitule;
						?>
						</div>
						<br>
						<div align="center"><img border="0" src="../../../Image/line.gif" width="400px"></div>
						<br>
						<div class="Num">
						<u>Question n° : <? echo $NumQuestion?></u><?php
						if($Niveau==1){
						print'<img border="0" src="../../../Image/322.jpg" >';
						}
						?>
						<?php
						if($Niveau==2)
							{
							print'<img border="0" src="../../../Image/322.jpg" >';
							print'<img border="0" src="../../../Image/322.jpg" >';
							}
						?>
						</div>
						<br>
						<div id="la_question">
							<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tr>
										
										
									<div align="center"><?echo $Question[$NumQuestion]?></div>
								
											</tr>
											
											<tr>
											<?php
											if ($NumQuestion < 21 || $NumQuestion > 25)
												{
											if ($NumEssai<4)
												{
												?>
												<td width="100"><label>Réponse</label></td>
												<input type="hidden" name="champ_actif">
												<td width="15"></td>
												<td width="150"><textarea rows="1" style="overflow:hidden" cols="25"name="Reponse" onclick="javascript:changer_champ('Reponse');" onselect="javascript:changer_champ('Reponse');" ></textarea></td>
												</tr>
												<tr>
												<?php
												if(!empty($ReponseAlternative))
													{
													?>
													<td width="50"><label>Démarche</div></td>
													<td width="15"></td>
													<td width="150"><div align="center">
													<textarea rows="5" cols="25" name="ReponseAlternative" onclick="javascript:changer_champ('ReponseAlternative');" onselect="javascript:changer_champ('ReponseAlternative');"><?php echo $Demarche; ?></textarea>
													<br />
													<br />
													</td>
												<?php
													}
												}
										}
										?>
						

						</div>
						<br>
						<div id="Symbole">
							<a href="javascript:addText('&sup2;')">&sup2;</a>
							<a href="javascript:addText('&sup3;')">&sup3;</a>
							<a href="javascript:addText('&radic;')">&radic;</a>
							<a href="javascript:addText('&#136;')">&#136;</a>
							<a href="javascript:addText('&#47;')">&#47;</a>
							
						</div>
						
				</tr>
			</table>
		</div>
			<br />
			<?
			if ($NumEssai<4)
				{
				print'<div style="display: block;" id="validez" align="center"><a href="javascript:document.form_question.submit()"><img border="0" src="../../../Image/Validez.jpg"></a></div>';
				}
			?>
			<br>
			<?php
			if ($help!="")
				{
				for ($l=0;$l<$Nbaide;$l++)
					{
					echo "<i><img border='0' src='../../../Image/aide.png'><a href=''>".$Aide[$l]."<br /></a></i>";
					}
				}
			?>
			<br>
			<br>
			<div align="center"><img border="0" src="../../../Image/line.gif" width="400px"></div>
			<br>
			</td>
		</tr>
		<tr>
			<td class="reponse" width="550px" height="120px">
			<div style="display: none;" id="Calculatrice">
			<? include ("Calc2.html");?>
			<a href "" >Calculer</a>


			</div>
			
			<div style="display: none;" id="texteindice1">
				<u>Indice 1 :</u>
				<br>
				<br>
				<? echo $indice1;?>
				<p>
				</p>
			</div>
			<div style="display: none;" id="texteindice2">
				<u>Indice 2 :</u>
				<br>
				<br>
				<? echo $indice2;?>
			</div>
			<div style="display: none;" id="texteindice3">
				<u>Indice 3 :</u>
				<br>
				<br>
				<? echo $indice3;?>
			</div>
			<div style="display: none;" id="aide">
				<u>Un petit peu d'aide</u>
				<br>
				<br>
				<? echo $Exemple;?>
			</div>
			<?php
			if ($NumEssai==4)
				{
				print'<div style="display: block;" id="commentaire">';
				echo "La bonne réponse été : " .$Reponse;
				echo "<br />";
				echo "<br />";
				print'<u>Commentaire :</u>';
				echo "<br />";
				echo "<br />";
				echo $commentaire;
				echo "<br />";
				echo "<br />";
				if($ReponseAlternative!="")
					{
					print "	<table border='0'cellpadding='5' cellspacing='5' width='100%'>";
		   			print " <tr>";
		    		print "<td width='50%'align='center'>Voici ta démarche </td>";
		      		print "<td width='50%' align='center'>Voici la démarche exacte</td>";
		    		print "</tr>";
		    		print "<tr>";
					if ($Demarche!="")
						{
						print "<td width='40%' class='demarche' height='90px'>";
						for ($k=0;$k<$Nbenr;$k++)
							{
							echo $Dem[$k]."<br />";
							}
						print"</td>";
						}
					else
						{
						print "<td width='40%' class='demarche' height='90px'>Tu n'as pas saisie la démarche</td>";
						}
					print "<td width='40%' class='demarche' height='90px'>";
					for ($j=0;$j<$Nbenreg;$j++)
						{
						echo $RA[$j]."<br />";
						}
					print"</td>";
					print "</tr>";
					print "</table>";
					}
				print'<form name="form_quest" method="POST" action="questionsuivante.php">';
				echo "<input name='Cat2' type='hidden' value=$Categorie></input>";
				echo "<input name='Nquest2' type='hidden' value=$NumQuestion></input>";
				echo "<br />";
				print'</form>';
				print'</div>';
				}
				?>
				</td>
			</tr>
		</table>
	</form>
		<table border="0" cellpadding="5" cellspacing="5" width="550 px">
			<tr>
				<td width="180px" id="bouton2">
					<a href="effacerquestion1.php?categorie=<? echo $Categorie;?>&Question=<? echo $NumQuestion;?>">Recommencez la question</a>
				</td>
				<td width="180px" id="bouton2">
					<a href="questionsuivante1.php?categorie=<? echo $Categorie;?>&Question=<? echo $NumQuestion;?>">Question Suivante</a>
				</td>
				<td width="180px" id="bouton2">
					<a href="quittezexercice1.php?categorie=<? echo $Categorie;?>&Question=<? echo $NumQuestion;?>">Quittez l'exercice</a>
				</td>
			</tr>
			<tr>
				<td width="180px" id="bouton2"><a href="" onclick="document.getElementById('Calculatrice').style.display = 'block' ; return false;">Calculatrice</a></td>
				<td width="180px" id="bouton2">
					<?php
					if ($NumEssai==2)
						{?>
						<a href='voirreponse1.php?categorie=<? echo $Categorie;?>&Question=$NumQuestion'>Voir la réponse</a>
						<?}
					else
						{?>
						<div style="display: block;" id="exemple"><a href="" onclick="document.getElementById('aide').style.display = 'block' ; return false;">Voir un exemple</a></div>
					<?	}
					?>	
				</td>
				<td width="180px"></td>
			</tr>
		</table>
	</div>
	</div>
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
		<tr>
			<td width="100%">
				<div id="pied_de_page">
					<p>Copyright "Facil Maths" 2006‚ tous droits réservés</p>
					
				</div>
			</td>
		</tr>
	</table>
</div>

</body>
</html>
A voir également:

16 réponses

Réponse 1 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
15 juin 2006 à 11:09
Bonjour,

La vache t'y vas pas de main morte ! LOL

Bonjour le taille du code !

Bon j'ai pas tout testé mais la calculatrice tu veux qu'elle apparaisse comment ?
Dans la même page ?
Dans une fenêtre indépendante (popup) ?
Doit-elle être toujours affichée ?

J'ai cependant noté 2 pbs :

1° ) 

			<div style="display: none;" id="Calculatrice">
			<? include ("Calc2.html");?>
			<a href "" >Calculer</a>


			</div>



Je suppose que Calc2.html correspond au code de la calculatrice ci-dessus. Tu ne peux pas inclure le code COMPLET d'une page html dans une autre page html.
Bref tu n'as pas le droit de faire (enfin tu peux mais ça ne marchera pas !) :

Ex à NE PAS FAIRE ! 

<html>
<body>
<div>
<html>
<body>
<p>coucou</p>
</body>
</html>
</div>
</body>
</html>


Par contre tu peux inclure une partie de code sans problème.




2°)
Tu utilises le code que je t'ai fourni ok mais attention ! 


function init()
{
	// Définit les gestionnaires d'événement pour les champs INPUT
	var elts= document.getElementsByTagName("INPUT");




document.getElementsByTagName("INPUT") retourne toutes les balises INPUT : y compris celles de la calculatrice en supposant que tu fasses un include dans les règles de l'art.
Ensuite j'affecte le gestionnaire d'événement à l'événement onfocus pour chaque input.

Or il est préférable d'isoler les INPUT dont tu te sers pour tes questions des autres inputs !

Pour peu que le code de la calculatrice définisse lui aussi un gestionnaire d'événement spécifique sur le onfocus et bien mon code le remplace purement et simplement : tu vois le problème ?

Solution : isoler tes propres champs des autres en se basant sur leur nom. Il faut donc s'arranger pour avoir des noms uniques.


Ici je suppose que tous tes champs inputs commencent par "case"
C'est pas l'idéal mais c'est mieux que rien ... 

function init()
{
	// Définit les gestionnaires d'événement pour les champs INPUT
	var elts= document.getElementsByTagName("INPUT");
	
	for (var i=0; i < elts.length; i++)
	{
		// Uniquement pour les champs texte dont le nom commence par "case"
		if ((elts[i].type == "text")  && (elts[i].name.substr(0,4)=="case")) 
		{                                       
			//elts[i].onfocus=onFocus;
		alert(elts[i].name);	
		}
	}

	// Définit les gestionnaires d'événement pour les champs TEXTAREA
	var elts= document.getElementsByTagName("TEXTAREA");
	
}
0
Réponse 2 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
15 juin 2006 à 11:21
Je valide, je valide mais je m'aperçois que j'ai oublié de et dire comment faire pour intégrer une page html ou un script ...

Réprenons l'ex : page qcm.php

<html>
<head>
<style>

body
{
font-family : arial;
font-size : 10pt;
}

input, textarea
{
font-family : arial;
font-size : 10pt;
}



</style>


<script type="text/javascript">
<!--

var champ_actif = null;
function onFocus()
{
champ_actif = this;
}

function init()
{
// Définit les gestionnaires d'événement pour les champs INPUT
var elts= document.getElementsByTagName("INPUT");

for (var i=0; i < elts.length; i++)
{
// Uniquement pour les champs texte
if (elts[i].type == "text") elts[i].onfocus=onFocus;
}


// Définit les gestionnaires d'événement pour les champs TEXTAREA
var elts= document.getElementsByTagName("TEXTAREA");

for (var i=0; i < elts.length; i++)
{
elts[i].onfocus=onFocus;
}
}

function addText(instext) {
if (!champ_actif) return;
//IE support
if (document.selection)
{
champ_actif.focus();
sel = document.selection.createRange();
sel.text = instext;
}
//MOZILLA/NETSCAPE support
else
{
if (champ_actif.selectionStart || champ_actif.selectionStart == "0")
{
var startPos = champ_actif.selectionStart;
var endPos = champ_actif.selectionEnd;
var chaine = champ_actif.value;
champ_actif.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);

champ_actif.selectionStart = startPos + instext.length;
champ_actif.selectionEnd = endPos + instext.length;
champ_actif.focus();
}
else
{
champ_actif.value += instext;
champ_actif.focus();
}
}
}

//-->
</script>

</head>
<body onload="init()">
<input type="button" value="cos()" onclick="addText('cos()')">
<input type="button" value="sin()" onclick="addText('sin()')">
<input type="button" value="()" onclick="addText('()')">
<input type="button" value="^" onclick="addText('^')">
<input type="button" value="&#945;" onclick="addText('&#945;')">
<input type="button" value="&#946;" onclick="addText('&#946;')">
<input type="button" value="&#960;" onclick="addText('&#960;')">
<input type="button" value="&#8730;" onclick="addText('&#8730;')">
<input type="button" value="&#8804;" onclick="addText('&#8804;')">
<input type="button" value="&#8805;" onclick="addText('&#8805;')">
<input type="button" value="&#8734;" onclick="addText('&#8734;')">
<input type="button" value="&#8801;" onclick="addText('&#8801;')">
<input type="button" value="±" onclick="addText('±')">
<input type="button" value="Ø" onclick="addText('Ø')">
<input type="button" value="&#8721;" onclick="addText('&#8721;')">


<br /><br />
Question n°1 : <br />
<input type="text" value="cos" size="10"> + <input type="text" class="essai" value="sin" size="10">=
<input type="text" value="1" size="5">
<input type="button" value="Solution" onclick="alert('cos(&#945;)^2 + sin(&#945;)^2 = 1');">
<br /><br />
Question n°2 : <br />
sin(&#960;/4) = <input type="text" value="" size="10">
<input type="button" value="Solution" onclick="alert('sin(&#960;/4) = &#8730;2/2');">
<br /><br />
Question n°3 : <br />
<textarea rows="5" cols="25"></textarea>
<br /><br />
Question n°4 : <br />
<textarea rows="5" cols="25"></textarea>
</body>
</html>


Maintenant j'ai la page effet.htm :

<html>
<head>
<style>
.perso_out, .perso_over
{
background-color : #0000C0;
color : #FFFFFF;
border-style : solid;
border-width : 1px;
border-color : #FF0000;
font-size : 14pt;
font-family : arial;
font-weight : bold;
width : 150px;
height : 60px;
}

.perso_over
{
background-color : #00C000;
color : #000000;
}

</style>

<script type="text/javascript">
<!--

function onOver()
{
this.className = "perso_over";
}

function onOut()
{
this.className = "perso_out";
}

function setEvent()
{
document.getElementById("perso").onmouseover = onOver;
document.getElementById("perso").onmouseout = onOut;
}

//-->
</script>
</head>

<body onload="setEvent()">
<div class="perso_out" id="perso">
Ceci est un test
</div>
</body>
</html>


Cette page affiche un simple rectangle qui change de couleur au survole de la souris ainsi que le texte qu'il contient.

Le but : ajouter ce rectangle dans la page qcm.php

Si j'ajoute 

<body onload="init()">
<? php include("effet.htm");?>
<input type="button" value="cos()" onclick="addText('cos()')">



ce ne marchera jamais !!!!


Alors comment faire ?

D'abord on va découper la page effet.htm en la scindant en partie indépendante : le style, le code Javascript et la partie du code qui nous intéresse de manière à obtenir les 3 fichiers suivants :


Fichier : effet.css (pour le style) 

.perso_out, .perso_over
{
	background-color : #0000C0;
	color : #FFFFFF;
	border-style : solid;
	border-width : 1px;
	border-color : #FF0000;
	font-size : 14pt;
	font-family : arial;
	font-weight : bold;
	width : 150px;
	height : 60px;
}	

.perso_over
{
	background-color : #00C000;
	color : #000000;
}



Fichier : effet.js (pour le code JavaScript) 

function onOver()
{
	this.className = "perso_over";
}

function onOut()
{
	this.className = "perso_out";
}

function setEvent()
{
	document.getElementById("perso").onmouseover = onOver;
	document.getElementById("perso").onmouseout = onOut;
}


Fichier : effet.php (pour le code HTML) 

<div class="perso_out" id="perso">
Ceci est un test
</div>


Bien maintenant il reste à insérer de façon précise ces fichiers dans la page qcm.php

Ce qui donne :


0
Réponse 3 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
15 juin 2006 à 11:50
Suite ... LOL

Bien maintenant il reste à insérer de façon précise ces fichiers dans la page qcm.php

Ce qui donne : 

<html>
<head>
<style>

body
{
	font-family : arial;
	font-size : 10pt;
}

input, textarea
{
	font-family : arial;
	font-size : 10pt;
}



</style>

<link rel="stylesheet" type="text/css" href="effet.css">
<script type="text/javascript" src="effet.js"></script>

<script type="text/javascript">
<!--

var champ_actif = null;
function onFocus()
{
	champ_actif = this;
}

function init()
{
	// Définit les gestionnaires d'événement pour les champs INPUT
	var elts= document.getElementsByTagName("INPUT");
	
	for (var i=0; i < elts.length; i++)
	{
		// Uniquement pour les champs texte
		if (elts[i].type == "text") elts[i].onfocus=onFocus;	
	}


	// Définit les gestionnaires d'événement pour les champs TEXTAREA
	var elts= document.getElementsByTagName("TEXTAREA");
	
	for (var i=0; i < elts.length; i++)
	{
		elts[i].onfocus=onFocus;	
	}
}

function addText(instext) {
	if (!champ_actif) return;
	//IE support
	if (document.selection) 
	{
		champ_actif.focus();
		sel = document.selection.createRange();
		sel.text = instext;
	}
	//MOZILLA/NETSCAPE support
	else 
	{
		if (champ_actif.selectionStart || champ_actif.selectionStart == "0") 
		{
			var startPos = champ_actif.selectionStart;
			var endPos = champ_actif.selectionEnd;
			var chaine = champ_actif.value;
			champ_actif.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
	
			champ_actif.selectionStart = startPos + instext.length;
			champ_actif.selectionEnd = endPos + instext.length;
			champ_actif.focus();
		} 
		else 
		{
			champ_actif.value += instext;
			champ_actif.focus();
		}
	}
}

//-->
</script>

</head>
<body onload="init()">
<?php include("effet.php");?>

<input type="button" value="cos()" onclick="addText('cos()')">
<input type="button" value="sin()" onclick="addText('sin()')">
<input type="button" value="()" onclick="addText('()')">
<input type="button" value="^" onclick="addText('^')">
<input type="button" value="&#945;" onclick="addText('&#945;')">
<input type="button" value="&#946;" onclick="addText('&#946;')">
<input type="button" value="&#960;" onclick="addText('&#960;')">
<input type="button" value="&#8730;" onclick="addText('&#8730;')">
<input type="button" value="&#8804;" onclick="addText('&#8804;')">
<input type="button" value="&#8805;" onclick="addText('&#8805;')">
<input type="button" value="&#8734;" onclick="addText('&#8734;')">
<input type="button" value="&#8801;" onclick="addText('&#8801;')">
<input type="button" value="±" onclick="addText('±')">
<input type="button" value="Ø" onclick="addText('Ø')">
<input type="button" value="&#8721;" onclick="addText('&#8721;')">


<br /><br />
Question n°1 : <br />
<input type="text" value="cos" size="10"> + <input type="text" class="essai" value="sin" size="10">=
<input type="text" value="1" size="5">
<input type="button" value="Solution" onclick="alert('cos(&#945;)^2 + sin(&#945;)^2 = 1');">
<br /><br />
Question n°2 : <br />
sin(&#960;/4) = <input type="text" value="" size="10">
<input type="button" value="Solution" onclick="alert('sin(&#960;/4) = &#8730;2/2');">
<br /><br />
Question n°3 : <br />
<textarea rows="5" cols="25"></textarea>
<br /><br />
Question n°4 : <br />
<textarea rows="5" cols="25"></textarea>
</body>
</html>



Pour intégrer on a utilisé la syntaxe suivante :

<link rel="stylesheet" type="text/css" href="effet.css"> qui permet d'insèrer une feuille de style css externe

<script type="text/javascript" src="effet.js"></script> qui permet d'insèrer un script externe

<?php include("effet.php");?> qui permet en PHP d'insèrer tout ce qu'on veut



Ok ca fonctionne sauf l'effet qui lui n'est pas actif ! En effet dans la page effet.htm on remarque que lors du onload on fait appel à la fct setEvent
Il faut donc rajouter cet appel.

On modifie donc légèrement le code pour obtenir ceci : 


function load()
{
	init();  // Initialisation pour les imputs
	setEvent();  // Initialisation pour les effets
}
//-->
</script>

</head>
<body onload="load()">




Le code définitif : 

<html>
<head>
<style>

body
{
	font-family : arial;
	font-size : 10pt;
}

input, textarea
{
	font-family : arial;
	font-size : 10pt;
}



</style>

<link rel="stylesheet" type="text/css" href="effet.css">
<script type="text/javascript" src="effet.js"></script>

<script type="text/javascript">
<!--

var champ_actif = null;
function onFocus()
{
	champ_actif = this;
}

function init()
{
	// Définit les gestionnaires d'événement pour les champs INPUT
	var elts= document.getElementsByTagName("INPUT");
	
	for (var i=0; i < elts.length; i++)
	{
		// Uniquement pour les champs texte
		if (elts[i].type == "text") elts[i].onfocus=onFocus;	
	}


	// Définit les gestionnaires d'événement pour les champs TEXTAREA
	var elts= document.getElementsByTagName("TEXTAREA");
	
	for (var i=0; i < elts.length; i++)
	{
		elts[i].onfocus=onFocus;	
	}

}

function addText(instext) {
	if (!champ_actif) return;
	//IE support
	if (document.selection) 
	{
		champ_actif.focus();
		sel = document.selection.createRange();
		sel.text = instext;
	}
	//MOZILLA/NETSCAPE support
	else 
	{
		if (champ_actif.selectionStart || champ_actif.selectionStart == "0") 
		{
			var startPos = champ_actif.selectionStart;
			var endPos = champ_actif.selectionEnd;
			var chaine = champ_actif.value;
			champ_actif.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
	
			champ_actif.selectionStart = startPos + instext.length;
			champ_actif.selectionEnd = endPos + instext.length;
			champ_actif.focus();
		} 
		else 
		{
			champ_actif.value += instext;
			champ_actif.focus();
		}
	}
}


function load()
{
	init();  // Initialisation pour les imputs
	setEvent();  // Initialisation pour les effets
}
//-->
</script>

</head>
<body onload="load()">

<?php include("effet.php");?>

<input type="button" value="cos()" onclick="addText('cos()')">
<input type="button" value="sin()" onclick="addText('sin()')">
<input type="button" value="()" onclick="addText('()')">
<input type="button" value="^" onclick="addText('^')">
<input type="button" value="&#945;" onclick="addText('&#945;')">
<input type="button" value="&#946;" onclick="addText('&#946;')">
<input type="button" value="&#960;" onclick="addText('&#960;')">
<input type="button" value="&#8730;" onclick="addText('&#8730;')">
<input type="button" value="&#8804;" onclick="addText('&#8804;')">
<input type="button" value="&#8805;" onclick="addText('&#8805;')">
<input type="button" value="&#8734;" onclick="addText('&#8734;')">
<input type="button" value="&#8801;" onclick="addText('&#8801;')">
<input type="button" value="±" onclick="addText('±')">
<input type="button" value="Ø" onclick="addText('Ø')">
<input type="button" value="&#8721;" onclick="addText('&#8721;')">


<br /><br />
Question n°1 : <br />
<input type="text" value="cos" size="10"> + <input type="text" class="essai" value="sin" size="10">=
<input type="text" value="1" size="5">
<input type="button" value="Solution" onclick="alert('cos(&#945;)^2 + sin(&#945;)^2 = 1');">
<br /><br />
Question n°2 : <br />
sin(&#960;/4) = <input type="text" value="" size="10">
<input type="button" value="Solution" onclick="alert('sin(&#960;/4) = &#8730;2/2');">
<br /><br />
Question n°3 : <br />
<textarea rows="5" cols="25"></textarea>
<br /><br />
Question n°4 : <br />
<textarea rows="5" cols="25"></textarea>
</body>
</html>





Y'a plus qu'à tester :

L'effet tout seul
http://www.nobodysperfect.freesurf.fr/antic80/effet.htm

Le QCM + l'effet
http://www.nobodysperfect.freesurf.fr/antic80/qcm.php

Et voilà





0
Réponse 4 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
15 juin 2006 à 12:39
salut et merci pour ce cours magistrale mais je vais repondre a une de tes questions qui été comment je veux faire apparaitre la calculatrice

en fait la calculatrice va apparaitre ici

<div style="display: none;" id="Calculatrice">
<? include ("Calc2.html");?>
<a href "" >Calculer</a>
</div>

mais je voulais rempalcer le include par le bloc qui fais apparaitre les boutons

puis placer le script plus haut

mais je n'y arrive pas


si tu veux je peux t'envoyer les 2 pages
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
15 juin 2006 à 13:45
Qu'est ce que tu endends par "le bloc qui fais apparaitre les boutons" ?

La calculatrice doit toujours être visible ou non ?
0
Réponse 6 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
15 juin 2006 à 14:54
en fait sur ma page j'ai créer un <div>


<div style="display:none;" id="Calculatrice>



</div>

se bloc apparait quand je clic sur un lien juste au dessus

et dans ce bloc je veux mettre ca 

<div align="center">
<form name="calculator">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#000000">
<table border="0" cellpadding="2" cellspacing="0" bgcolor="#DDDDDD" summary="">
  <tr>
      <td colspan="4"><input type="text" size="18" name="result" onfocus="refresh()"></td>
      <td><input type="button" value="<-  " onclick="bksp()"></td>
      <td><input type="button" value="( " onclick="openp()">
   <input type="button" value=")" onclick="closep()"></td>
      <td><input type="button" value="C " onclick="clearDisp()">
   <input type="button" value="AC " onclick="clearAll()"></td>
  </tr>
  <tr>
      <td><input type="button" value="7 " onclick="digit(7)"></td>
      <td><input type="button" value="8 " onclick="digit(8)"></td>
      <td><input type="button" value="9 " onclick="digit(9)"></td>
      <td><input type="button" value="/ " onclick="operator('/')"></td>
      <td><input type="button" value="log " onclick="func('log')"></td>
      <td><input type="button" value="sin " onclick="func('sin')"></td>
      <td><input type="button" value="arcsin " onclick="func('asin')"></td>
  </tr>
  <tr>
      <td><input type="button" value="4 " onclick="digit(4)"></td>
      <td><input type="button" value="5 " onclick="digit(5)"></td>
      <td><input type="button" value="6 " onclick="digit(6)"></td>
      <td><input type="button" value="* " onclick="operator('*')"></td>
      <td><input type="button" value="10^x " onclick="func('alog')"></td>
      <td><input type="button" value="cos " onclick="func('cos')"></td>
      <td><input type="button" value="arccos " onclick="func('acos')"></td>
  </tr>
  <tr>
      <td><input type="button" value="1 " onclick="digit(1)"></td>
      <td><input type="button" value="2 " onclick="digit(2)"></td>
      <td><input type="button" value="3 " onclick="digit(3)"></td>
      <td><input type="button" value="- " onclick="operator('-')"></td>
      <td><input type="button" value="ln " onclick="func('ln')"></td>
      <td><input type="button" value="tan " onclick="func('tan')"></td>
      <td><input type="button" value="arctan " onclick="func('atan')"></td>
  </tr>
  <tr>
      <td><input type="button" value="0 " onclick="digit(0)"></td>
      <td><input type="button" value=". " onclick="period()"></td>
      <td><input type="button" value="± " onclick="sign()"></td>
      <td><input type="button" value="+ " onclick="operator('+')"></td>
      <td><input type="button" value="e^x " onclick="func('exp')"></td>
      <td><input type="button" value="x^2 " onclick="func('sqr')"></td>
      <td><input type="button" value="Racine "
   onclick="func('sqrt')"></td>
  </tr>
  <tr>
      <td colspan="2"><input type="button" value="Entrée "
   onclick="equals()"></td>
      <td><input type="button" value="pi " onclick="func('pi')"></td>
      <td><input type="button" value="1/x" onclick="func('1/x')"></td>
      <td><input type="button" value="x^y " onclick="operator('pow')"></td>
      <td><input type="button" value="x!  " onclick="func('n!')"></td>
      <td><input type="button" value="x * 10^y" onclick="exp()"></td>
  </tr>
</table>
</td></tr></table>
</form>
</div>



en fait ce bloc n'est visible que quand on clic sur le lien
0
Réponse 7 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
15 juin 2006 à 16:57
Voici un ex :

http://www.nobodysperfect.freesurf.fr/antic80/calculatrice/calculatrice_test.php

0
Réponse 8 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
15 juin 2006 à 20:31
bon j'ai regardé ton exemple j'ai essayé de remettre tout ca correctement mais la calculatrice s'affiche bien par contre elle ne marche pas.

je te met le code de la page ou dois s'afficher la calculatrice 

<?php
if(isset($_COOKIE['nom']))
{
@$pseudom=$_COOKIE["pseudo"];
$Nom=$_COOKIE['nom'];
$Prenom=$_COOKIE['prenom'];
}
else
{ 
session_start();
require_once("../../config_script.php");
############################################################DEBUT SECURITE##############################################################
$Nom=$_SESSION['nom'];
$Prenom=$_SESSION['prenom'];
@$pseudom=addslashes(htmlentities($_SESSION['pseudom']));
@$idm=addslashes(htmlentities($_SESSION['idm']));

if(!isset($_SESSION['idm']))
	{
	header("Location:../../index.php?erreur=secure");
	exit;
	}
if(!isset($_SESSION['pseudom']))
	{
	header("Location:../../index.php?erreur=secure");
	exit;
	}
if(!isset($_SESSION['idm']) || !isset($_SESSION['pseudom']))
	{
	header("Location:../../index.php?erreur=secure");
	exit;
	}
	
	$requete_verif=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE pseudo='".$_SESSION['pseudom']."' AND idm='".$_SESSION['idm']."'") or die (mysql_error());
	$nb_verif=mysql_num_rows($requete_verif);
	if($nb_verif==0)
		{
		header("Location:../../index.php?erreur=secure");
		exit;
		}
	$activev=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE pseudo='$pseudom' AND idm='$idm'") or die (mysql_error());
	$row=mysql_fetch_array($activev);
	$verif_act=$row['active'];
	if($verif_act=="0")
		{
		echo"<link rel='stylesheet' type='text/css' href='style.css'>
		<title>$TITRE_PAGE</title><body bgcolor='$_COULEUR_FONT'>
		<center><b>"._PAGE_SECURITY."".@$_ACTIVE_TYPE."</b></center>";
		exit;
		}
$chemin=$_SERVER['PHP_SELF'];
$fichier=basename($chemin);
$select_level=mysql_query("SELECT * FROM ".PREFIXE."level WHERE page='$fichier'") or die (mysql_error());
$nb_level_verif=mysql_num_rows($select_level);
$comprow=mysql_fetch_array($select_level);
if($nb_level_verif==0)
	{
	$level_page=3;
	}
else
	{
	$acc_level=$comprow['level'];
	$level_page=$acc_level;
	}

$select=mysql_query("SELECT * FROM ".PREFIXE."membres WHERE pseudo='$pseudom' AND idm='$idm'") or die (mysql_error());
$row=mysql_fetch_array($select);
$levelm=htmlentities($row['level']);
$emailm=htmlentities($row['email']);
$webm=htmlentities($row['web']);
$autemailm=htmlentities($row['autemail']);
$dateins=htmlentities($row['insdate']);
$heureins=htmlentities($row['insheure']);
$datem=htmlentities($row['date']);
$heurem=htmlentities($row['heure']);
$avatarm=htmlentities($row['avatar']);
$sexem=htmlentities($row['sexe']);
$newsletterm=htmlentities($row['newsletters']);
$select_champs=mysql_query("SELECT * FROM ".PREFIXE."champs WHERE active='1'") or die (mysql_error());
while($rowchamp=mysql_fetch_array($select_champs))
	{
	$nom_table=$rowchamp['nomtable'];
	$nom_va=$rowchamp['nom'];
	$nom_va_ok=$row["$nom_table"];
	}
$date=date("Y-m-d");
$heure=date("H:i:s");
if($levelm > $level_page)
	{
	session_unset();
	session_destroy();
	header("Location:../../index.php?erreur=level");
	exit;
	}
}

include("connexion.php"); 

if($_GET['source'] == "cours") 
{
$sql15="UPDATE apprenant SET NbEssai='0',NumQuestion='1',Demarche='' where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req15 = mysql_query($sql15) or die('Erreur SQL !<br>'.$sql15.'<br>'.mysql_error());
}

$sql10 = "SELECT * FROM bouton";
$req10 = mysql_query($sql10) or die('Erreur SQL !<br>'.$sql10.'<br>'.mysql_error());
while($row = mysql_fetch_array($req10))
{
$bouton=$row['bouton1'];
}

if(isset($_GET['categorie'])) $Categorie=$_GET['categorie'];
else $Categorie="";

$sql10="SELECT * FROM apprenant where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req10 = mysql_query($sql10) or die('Erreur SQL !<br>'.$sql10.'<br>'.mysql_error());
$row = mysql_fetch_array($req10);
$NumExercice=$row['exerciceencours'];

if ($NumExercice!=$Categorie)
{
print("<script language='javascript' type='text/javascript' src='redirection.js'></script>");
$sql11="UPDATE apprenant SET NumQuestion='1',NbEssai='0',NbReponseBonne='0',NbReponseFausse='0',exerciceencours='$Categorie' where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req11 = mysql_query($sql11) or die('Erreur SQL !<br>'.$sql11.'<br>'.mysql_error());
}

$sql = "SELECT * FROM questions where Categorie='$Categorie'";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$NbQ=mysql_num_rows($req);



$sql2 = "SELECT * FROM apprenant where nom='$Nom' and prenom='$Prenom' and pseudo='$pseudom'";
$req2 = mysql_query($sql2) or die('Erreur SQL !<br>'.$sql2.'<br>'.mysql_error());
while($row = mysql_fetch_array($req2))
{
$NumQuestion=$row['NumQuestion'];
$NumEssai=$row['NbEssai'];
$Demarche=$row['Demarche'];
}

$Dem=explode("=",$Demarche);
$Nbenr=count($Dem);

for($i=1;$row2 = mysql_fetch_array($req); $i++)
    {
    $Id[$i]=$row2['id_question'];
    $Cat[$i]=$row2['Categorie'];
    $Question[$i]=$row2['question'];
    }

$sql3 = "SELECT * FROM questions where Categorie='$Categorie' and id_question='$NumQuestion'";
$req3 = mysql_query($sql3) or die('Erreur SQL !<br>'.$sql3.'<br>'.mysql_error());
while($row3 = mysql_fetch_array($req3))
{
$Reponse=$row3['Reponse1'];
$ReponseAlternative=$row3['Detail'];
$indice1=$row3['Indice1'];
$indice2=$row3['Indice2'];
$indice3=$row3['Indice3'];
$Exemple=$row3['Aide'];
$commentaire=$row3['commentaire'];
$help=$row3['help'];
$Niveau=$row3['Niveau'];
$Intitule=$row3['Intitulé'];
}

$Aide=explode("?",$help);
$Nbaide=count($Aide);

$RA=explode("=",$ReponseAlternative);
$Nbenreg=count($RA);

?>

<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Facil Maths - Le site des maths faciles</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
<link rel="stylesheet" type="text/css" media="screen" href="../../../Style-tn.css">
<link rel="stylesheet" type="text/css" href="calculatrice.css">
<script type="text/javascript" src="calculatrice.js"></script>
<style>

.titre
{
	font-family : arial;
	font-size : 16pt;
	font-weight : bold;
}

.bas
{
	font-family : arial;
	font-size : 12pt;
	font-weight : bold;
	color :  #324395;
}


.demo 
{
	border-style : solid;
	border-width : 1px;
	border-color : #0000d0; 
	padding:5px;
}


.calculatrice
{
	display : none;
}

</style>
<script type="text/javascript">
<!--

var champ_actif = null;
function onFocus()
{
	champ_actif = this;
}

function init()
{
	// Définit les gestionnaires d'événement pour les champs INPUT
	var elts= document.getElementsByTagName("INPUT");
	
	for (var i=0; i < elts.length; i++)
	{
		// Uniquement pour les champs texte
		if (elts[i].type == "text") elts[i].onfocus=onFocus;	
	}


	// Définit les gestionnaires d'événement pour les champs TEXTAREA
	var elts= document.getElementsByTagName("TEXTAREA");
	
	for (var i=0; i < elts.length; i++)
	{
		elts[i].onfocus=onFocus;	
	}
}

function addText(instext) {
	if (!champ_actif) return;
	//IE support
	if (document.selection) 
	{
		champ_actif.focus();
		sel = document.selection.createRange();
		sel.text = instext;
	}
	//MOZILLA/NETSCAPE support
	else 
	{
		if (champ_actif.selectionStart || champ_actif.selectionStart == "0") 
		{
			var startPos = champ_actif.selectionStart;
			var endPos = champ_actif.selectionEnd;
			var chaine = champ_actif.value;
			champ_actif.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
	
			champ_actif.selectionStart = startPos + instext.length;
			champ_actif.selectionEnd = endPos + instext.length;
			champ_actif.focus();
		} 
		else 
		{
			champ_actif.value += instext;
			champ_actif.focus();
		}
	}
}

function load()
{
	refresh(); // Initialise la calculatrice
}


function toggle()
{
	var lien = document.getElementById("lien_calculatrice");
	var elt = document.getElementById("calculatrice");
	if (elt.style.display == "block") 
	{
		elt.style.display = "none";
		lien.innerHTML="Afficher calculatrice";
	}
	else
	{
		elt.style.display = "block";
		lien.innerHTML="Masquer calculatrice";
	}
}
//-->
</script>

</head>
<body onload="init() ; load()">


<div id="Cadre">

	<div id="en_tete">
	</div>
	
	<div id="menu">
		<div class="element_menu">
				<a href="../../Cours/index.php"><img border="" src="../../../Image/bouton1.gif"></a>
				<a href="../index2.php"><img border="" src="../../../Image/bouton2.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton3.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton4.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton5.gif"></a>
				<a href="../../../Forum/"><img border="" src="../../../Image/bouton6.gif"></a>
				<a href="../../../Formulaire.php"><img border="" src="../../../Image/bouton7.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton8.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton9.gif"></a>
		</div>
	
	</div>
	
	<div id="corps">
		<br />
		<form name="form_question" method="POST" action="verif_question1.php?categorie=<? echo $Categorie;?>">
		<div id="blocquestion">
			<table class="question" border="1" cellpadding="0" cellspacing="0" width="500px" >
			
					<td class="quest"  width="500px" >
						<?echo "<font size='2'><b><i>$string</i></b></font>";?>
						<input name='Cat' type='hidden' value=<?echo $Categorie?>></textarea>
						<input name='Nquest' type='hidden' value=<?echo $NumQuestion?>></textarea>
						<div class="Intitule">
						<?php
							echo $Intitule;
						?>
						</div>
						
						<table>
						<tr>
						<td>
						<div class="Num">
						Question n° : <? echo $NumQuestion?><?php
						if($Niveau==1){
						print'<img border="0" src="../../../Image/322.jpg" >';
						}
						?>
						<?php
						if($Niveau==2)
							{
							print'<img border="0" src="../../../Image/322.jpg" >';
							print'<img border="0" src="../../../Image/322.jpg" >';
							}
						?>
						</div>
						</td>
						<td>
						<?php
						if ($NumEssai==1)
							{
							print '<div style="display: block;" id="indice1"><a href="" onclick="document.getElementById(\'texteindice1\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice1.jpg"></a></div>';
							}
						if ($NumEssai==2)
							{
							print '<div style="display: block;" id="indice1"><a href="" onclick="document.getElementById(\'texteindice1\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice1.jpg"></a></div>';
							print '<div style="display: block;" id="indice2"><a href="" onclick="document.getElementById(\'texteindice2\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice2.jpg"></a></div>';
							}
						if ($NumEssai==3)
							{
							print '<div style="display: block;" id="indice1"><a href="" onclick="document.getElementById(\'texteindice1\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice1.jpg"></a></div>';
							print '<div style="display: block;" id="indice2"><a href="" onclick="document.getElementById(\'texteindice2\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice2.jpg"></a></div>';
							print '<div style="display: block;" id="indice3"><a href="" onclick="document.getElementById(\'texteindice3\').style.display = \'block\' ; return false;"><img border="0" width="35px" height="35px" src="../../../Image/indice3.jpg"></a></div>';
							}
						?>
						</td>
						</tr>
						</table>
						<br>
						<div id="la_question">
							<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tr>
										
										
									<div align="center"><?echo $Question[$NumQuestion]?></div>
								<br>
											</tr>
											
											<tr>
											<?php
											
											if ($NumEssai<4)
												{
												?>
												<td width="100"><label>Réponse</label></td>
												<input type="hidden" name="champ_actif">
												<td width="15"></td>
												<td width="150"><textarea rows="1" style="overflow:hidden" cols="25"name="Reponse" onclick="javascript:changer_champ('Reponse');" onselect="javascript:changer_champ('Reponse');" ></textarea></td>
												</tr>
												<tr>
												<?php
												if(!empty($ReponseAlternative))
													{
													?>
													<td width="50"><label>Démarche</div></td>
													<td width="15"></td>
													<td width="150"><div align="center">
													<textarea rows="5" cols="25" name="ReponseAlternative" onclick="javascript:changer_champ('ReponseAlternative');" onselect="javascript:changer_champ('ReponseAlternative');"><?php echo $Demarche; ?></textarea>
													<br />
													
													</td>
												<?php
													}
												}
										
										?>
						

						</div>
				<br>
				</tr>
			</table>

		</div>
			
			<?
			if ($NumEssai<4)
				{
				print'<div style="display: block;" id="validez" align="center"><a href="javascript:document.form_question.submit()"><img border="0" src="../../../Image/Validez.jpg"></a></div>';
				}
			?>
			<br>
			<?php
			if ($help!="")
				{
				for ($l=0;$l<$Nbaide;$l++)
					{
					echo "<i><img border='0' src='../../../Image/aide.png'><a href=''>".$Aide[$l]."<br /></a></i>";
					}
				}
			?>
			<div id="Symbole">
							<a href="javascript:addText('&sup2;')">&sup2;</a>
							<a href="javascript:addText('&sup3;')">&sup3;</a>
							<a href="javascript:addText('&radic;')">&radic;</a>
							<a href="javascript:addText('&#136;')">&#136;</a>
							<a href="javascript:addText('&#47;')">&#47;</a>
			</div>
			</td>
		</tr>
		<tr>
				<table border="0" cellpadding="5" cellspacing="5" width="550 px">
			<tr>
				<td width="180px" id="bouton2">
					<a href="effacerquestion1.php?categorie=<? echo $Categorie;?>&Question=<? echo $NumQuestion;?>">Recommencez la question</a>
				</td>
				<td width="180px" id="bouton2">
					<a href="questionsuivante1.php?categorie=<? echo $Categorie;?>&Question=<? echo $NumQuestion;?>">Question Suivante</a>
				</td>
				<td width="180px" id="bouton2">
					<a href="quittezexercice1.php?categorie=<? echo $Categorie;?>&Question=<? echo $NumQuestion;?>">Quittez l'exercice</a>
				</td>
			</tr>
			<tr>
				<td width="180px" id="bouton2"><a href="javascript:toggle();" id="lien_calculatrice">Calculatrice</a></td>
				<td width="180px" id="bouton2">
					<?php
					if ($NumEssai==2)
						{?>
						<a href='voirreponse1.php?categorie=<? echo $Categorie;?>&Question=$NumQuestion'>Voir la réponse</a>
						<?}
					else
						{?>
						<div style="display: block;" id="exemple"><a href="" onclick="document.getElementById('aide').style.display = 'block' ; return false;">Voir un exemple</a></div>
					<?	}
					?>	
				</td>
				<td width="180px"></td>
			</tr>
		</table>
		</tr>
		<tr>
		
			<td class="reponse" width="550px" height="120px">
			<div id="calculatrice" class="calculatrice">
			<? include("calculatrice.php");?>
			<a href "" >Calculer</a>
			</div>
				<div style="display: none;" id="texteindice1">
				<u>Indice 1 :</u>
				<br>
				<br>
				<? echo $indice1;?>
				<p>
				</p>
			</div>
			<div style="display: none;" id="texteindice2">
				<u>Indice 2 :</u>
				<br>
				<br>
				<? echo $indice2;?>
			</div>
			<div style="display: none;" id="texteindice3">
				<u>Indice 3 :</u>
				<br>
				<br>
				<? echo $indice3;?>
			</div>
			<div style="display: none;" id="aide">
				<u>Un petit peu d'aide</u>
				<br>
				<br>
				<? echo $Exemple;?>
			</div>
			<?php
			if ($NumEssai==4)
				{
				print'<div style="display: block;" id="commentaire">';
				echo "La bonne réponse été : " .$Reponse;
				echo "<br />";
				echo "<br />";
				print'<u>Commentaire :</u>';
				echo "<br />";
				echo "<br />";
				echo $commentaire;
				echo "<br />";
				echo "<br />";
				if($ReponseAlternative!="")
					{
					print "	<table border='0'cellpadding='5' cellspacing='5' width='100%'>";
		   			print " <tr>";
		    		print "<td width='50%'align='center'>Voici ta démarche </td>";
		      		print "<td width='50%' align='center'>Voici la démarche exacte</td>";
		    		print "</tr>";
		    		print "<tr>";
					if ($Demarche!="")
						{
						print "<td width='40%' class='demarche' height='90px'>";
						for ($k=0;$k<$Nbenr;$k++)
							{
							echo $Dem[$k]."<br />";
							}
						print"</td>";
						}
					else
						{
						print "<td width='40%' class='demarche' height='90px'>Tu n'as pas saisie la démarche</td>";
						}
					print "<td width='40%' class='demarche' height='90px'>";
					for ($j=0;$j<$Nbenreg;$j++)
						{
						echo $RA[$j]."<br />";
						}
					print"</td>";
					print "</tr>";
					print "</table>";
					}
				print'<form name="form_quest" method="POST" action="questionsuivante.php">';
				echo "<input name='Cat2' type='hidden' value=$Categorie></input>";
				echo "<input name='Nquest2' type='hidden' value=$NumQuestion></input>";
				echo "<br />";
				print'</form>';
				print'</div>';
				}
				?>
				</td>
			</tr>
		</table>
	</form>

	</div>
	</div>
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
		<tr>
			<td width="100%">
				<div id="pied_de_page">
					<p>Copyright "Facil Maths" 2006‚ tous droits réservés</p>
					
				</div>
			</td>
		</tr>
	</table>
</div>

</body>
</html>
0
Réponse 9 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
16 juin 2006 à 14:24
Bonjour,

Effectivement lorsqu'on insère la calculatrice dans un formulaire ca plante !

J'ai dû corriger le bug dans le code d'origine dans les fichiers calculatrice.js et calculatrice.php

Tu n'as qu'à télécharger de nouveau le fichier calculatrice.zip sur

http://www.nobodysperfect.freesurf.fr/antic80/calculatrice/calculatrice_test.php

Sinon ton code semble ok. Reteste avec les nouvelles versions : ca devrait fonctionner !

0
Réponse 10 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
16 juin 2006 à 15:32
c bon ca marche merci a toi

j'ai une derniere question sur un autre sujet

le systeme que j'avais fais pour afficher les div je l'utilise sur plusieurs pages et sur certaines quand je clic sur le lien pour afficher le contenu du div , me contenu s'affiche mais le lien disparait

si je descend en bas de page et que je remonte ensuite le lien réapparé correctement

ou alors il faut que je reactualise la page
0
Réponse 11 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
16 juin 2006 à 23:17
Bsr,

Quel système ?
Tu parles de quel <DIV> au juste ?

As-tu un exemple ? (petit si possible ! LOL)

Ha oui dernière chose, ton code semble OK mais corrige qd même les quelques fautes d'orthographe : ça fait désordre dans un QCM pour des élèves (Ok leur niveau est en baisse et ils ne le remarqueront peut-être pas mais qd même LOL)

Ex : "La bonne réponse été :" sûr que phonétiquement c'est proche de "était" ...

0
Réponse 12 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
17 juin 2006 à 12:00
ok merci pour les fautes d'orthographes mais je verrais a en dernier

par contre voici un exemple de div 

	<a href="" onclick="document.getElementById('bloc1').style.display = 'block' ; return false;"><H3>a)	addition , soustraction :</H3></a>
		
 		<div style="display: none; padding-left:10px;" id="bloc1" width="200 px">
			<ul>
				<li>6 x + 3x = 9x</li>
				<li>3 x - x = 2 x</li>
				<li>4 x - 7 x = - 3 x</li>
			</ul>
			(c'est comme dire " 6 pommes + 3 pommes = 9 pommes ")
			<ul>
				<li>15 x² + 7 x² = 22 x²</li>
				<li>-3 x²- 7 x² = -10 x² (cela revient à faire  - 3 - 7)</li>
			</ul>
			<br>
			<a href=""><img border="0" <img border="0" src="../../../Image/aide.png" alt="Clic içi pour obtenir de l'aide"></a> <i>Je ne sais pas additionner ou soustraire des nombres relatifs (ex : - 5 - 8)</i>
			<br>
			<br>
			Par contre :
			<br>
			<br>
			6 x + 7 ne peut pas être réduit<br>
			(ces valeurs ne peuvent pas être additionnées)
			<br>
			<br>
			3 x² + 5 x ne peut pas être réduit
			<br>
			<br>
			<div class="recapitulatif">
				J'additionne ou je soustrais :
				<ul>
					<li>des nombres avec des nombres (par exemple 7 et 5)</li>
					<li>des x avec des x  </li>
					<li>des x² avec des x²</li>
				</ul>
			</div>
			<br>
			<br>
			<div align="center"><a href="" onclick="document.getElementById('bloc1').style.display = 'none' ; return false;"><img border="0" src="../../../Image/close.png" alt="Réduire cette partie"></a></div>
			<br>
			<br>
			<a href="../../Exercices/TN/Fiche1.php?categorie=1")><img border="0" src="../../../Image/330.jpg"></a>
		</div>
0
Réponse 13 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
17 juin 2006 à 18:52
BJR

Avec ce code ca semble fonctionner...

Cependant le pb apparaît peut-être uniquement lorsque le div est imbriqué dans un autre div , un formulaire ou une autre balise

Il se peut aussi que tu ais une erreur ailleurs dans ta page qui provoque ce genre d'effet de bord...



0
Réponse 14 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
18 juin 2006 à 10:47
je v te filer le code d'une page de cours complete ou se trouve ce genre de bloc 

<?php
if(isset($_COOKIE['nom']))
{
$Pseudo=$_COOKIE["pseudo"];
}
else
{ 
require("security.php");
}

 
?>
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Facil Maths - Le site des maths faciles</title>
       <meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
<link rel="stylesheet" type="text/css" media="screen" href="../../../Style-tn.css">
<script src="div_app_disp2.js"></script>
				<script language="javascript" type="text/javascript">
				<!--
				function GetId(id)
				{
				return document.getElementById(id);
				}
				var i=false; // La variable i nous dit si la bulle est visible ou non
				
				function move(e) {
				  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
				    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
				    GetId("curseur").style.left=e.pageX + 5+"px";
				    GetId("curseur").style.top=e.pageY + 10+"px";
				    }
				    else { // Modif proposé par TeDeum, merci à lui
				    if(document.documentElement.clientWidth>0) {
				        GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
				        GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
				    }
				    else {
				        GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
				        GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
				    }
				    }
				  }
				}
				
				function montre(text) {
				  if(i==false) {
				  GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
				  GetId("curseur").innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
				  i=true;
				  }
				}
				function cache() {
				if(i==true) {
				GetId("curseur").style.visibility="hidden"; // Si la bulle etais visible on la cache
				i=false;
				}
				}
				document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
				//-->
				</script>
   </head>

   <body>
<div id="curseur" class="infobulle"></div>

<div id="Cadre">
	<div id="en_tete">
	</div>
	<div id="menu">
           <div class="element_menu">
				<a href="../index.php"><img border="" src="../../../Image/bouton1.gif"></a>
				<a href="../../Exercices/index2.php"><img border="" src="../../../Image/bouton2.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton3.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton4.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton5.gif"></a>
				<a href="../../../Forum/"><img border="" src="../../../Image/bouton6.gif"></a>
				<a href="../../../Formulaire.php"><img border="" src="../../../Image/bouton7.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton8.gif"></a>
				<a href=""><img border="" src="../../../Image/bouton9.gif"></a>
           </div>
    </div>
	
	<div id="corps">
		<h1>Equations et problèmes</h1>
		<br>
		<a href="" onclick="document.getElementById('bloc1').style.display = 'block' ; return false;"><H3>1) Qu’est-ce qu’une équation ? (révision)</H3></a>
		
		<div style="display: none; padding-left:10px;" id="bloc1">
			
					Ex :  5 x + 3 = - 9 x + 4
					<br>
					5 x + 3 = - 9 x + 4  est une équation.
					<br>
					x est une inconnue. C’est la solution que l’on doit trouver.
					<br>
					<br>
					Exemple de situation :
					<br>
					<br>
					Si on ajoute 15 au triple d’un nombre, on obtient 75. Quel est ce nombre ?
					<br>
					On cherche un nombre… Il s’agit de l’inconnue que l’on appelle généralement x.
					<br>
					Résoudre une équation, c’est chercher la valeur de x qui vérifie cette équation.
					<br>
					Ici :   Le triple d’un  nombre c’est 3x
					<br>
					On lui ajoute 15 :  3x + 15
					<br>
					Et on obtient 75 :   3 x + 15 = 75
					<br>
					3 x + 15 = 75
					<br>
					3x  = 75 – 15
					<br>
					3x = 60
					<br>
					x =  60/3
					<br>
					x = 20
					<br>
					<br>
					Le nombre que l’on cherchait est 20. C’est la solution de l’équation.
					<br>
					<br>
					Toujours vérifier :       3x + 15 = 75
					<br>
					Si je remplace x par 20, ça me donne :   (3 x 20) + 15 = 60 + 15 = 75
					<br>
					Le résultat obtenu est bien 75 donc ma solution est la bonne.
					<br>
					Si je n’avais pas obtenu 75, ma solution aurait été fausse et j’aurais dû vérifier mes calculs.
					<br>
			<div align="center"><a href="" onclick="document.getElementById('bloc1').style.display = 'none' ; return false;"><img border="0" src="../../../Image/close.png" alt="Réduire cette partie"></a></div>
		</div>
				<a href="" onclick="document.getElementById('bloc2').style.display = 'block' ; return false;"><H3>2) Résoudre une équation :</H3></a>
		
		<div style="display: none; padding-left:10px;" id="bloc2">
			a)	passer des nombres d’un côté à l’autre du signe égal (addition, soustraction)
			<br>
			<br>
			5 + x = 8
			<br>
			Il faut isoler x (le placer seul).
			<br>
			Pour cela, il faut déplacer 5 et le mettre à droite du signe égal.
			<br>
			<br>
			<div class="recapitulatif">
			Lorsque l’on déplace un nombre de l’autre côté du signe égal, il
			change de signe.
			</div>
			<br>
			<br>
			5 devient -5 et on a :
			<br>
			x = 8 – 5
			<br>
			x = 3
			<br>
			<br>
			b)	Comment faire lorsque l’on arrive à quelque chose du type ax = b (multiplication)
			<br>
			<br>
			3x – 4 = 11
			<br>
			On passe -4 de l’autre côté : 
			<br>
			3x  = 11 + 4
			<br>
			3x = 15
			<br>
			<br>
			On a quelque chose du type ax = b (où a et b sont des nombres)
			<br>
			Lorsque l’on a quelque chose du type ax = b on fait le produit en croix.
			<br>
			<br>
			<a href=""><img border="0" <img border="0" src="../../../Image/aide.png" alt="Clic içi pour obtenir de l'aide"></a> <i>Je ne sais pas faire le produit en croix</i>
			<br>
			<br> 
			Ici :    3 x = 15
			<br>
			Devient   x =  15/3  	(remarque que 3 ne change pas de signe)
			<br>
			x = 5
			<br>
			<br> 	     
			<a href="../../Exercices/TN/index_equation.php")><img border="0" src="../../../Image/330.jpg"></a>
			<br>
			<br> 
			<div align="center"><a href="" onclick="document.getElementById('bloc2').style.display = 'none' ; return false;"><img border="0" src="../../../Image/close.png" alt="Réduire cette partie"></a></div>
		</div>
		
	</div>

<table border="1" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td width="100%">
	  <div id="pied_de_page">
      <p>Copyright "Facil Maths" 2006‚ tous droits réservés</p>
      </div>
	  </td>
    </tr>
  </table>
</div>
   </body>
</html>
0
Réponse 15 / 16
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
18 juin 2006 à 12:20
Bjr

Ca fonctionne aussi bien sur IE que sur Firefox (sous Windows en tout cas)


Eventuellement efface le cache de ton navigateur et teste à nouveau
0
Réponse 16 / 16
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
18 juin 2006 à 22:25
ok je v voir
0

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
sertissage des cables rj45
lekludo -
brupala -

7 réponses
Réinitialisation d'un téléphone mobile chinois avec touche
Nadjitam -
Papounet17000 -

1 réponse