11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,
je voudrais savoir s'il etait possible qu'une zone de page web aparaissent uniquement lorsque l'on appuie sur une combinaison de touches ... je n'y connait rien en js mais on m'a dit que c'etait le seul langage qui pourrait me proposer quelque chose comme cela, donc si c'est possible de me montrer un script ! Smiley confused
merci de votre aide Smiley lol
Modifié par getdown (09 Sep 2006 - 21:30)
Bonjour,
Que veux-tu faire exactement ?
Je peux déjà t'orienter vers les évènements onkeypress/onkeyup
en gros j'ai un menu horizontale dans lequel je rentre un mot de passe pour que une fois identifier l'administration s'affiche dans ce menu. je veux le cacher au utilisateur qui naviguent sur le site et qu'il s'affiche uniquement quand j'appuie sur une combinaison de touche.
Si tu choisis une fonctionnalité javascript (ce qui semble probable Smiley cligne ), n'oublie pas de regarder ce qui se passe quand les utilisateurs n'ont pas javascript... il ne faudrait pas que les utilisateurs lambda voient ce formulaire si javascript est désactivé chez eux...
bah si javascript est desactivé, ce n'est pas tros grave car le but est purement esthtique et sert a cacher l'authtification....

euh oui une combinaison de touches ou alors j'ai trouver un script hier soir où, quand on tape un certain mot cela execute une action, ce qui me parait pas mal comme solution (ca laisse plus de possibilité)

je vous donne l'adresse du scipt :
http://www.editeurjavascript.com/scripts/scripts_autres_2_171.php[/url]

voila il faudrait que a la place d'une fenetre qui s'ouvre pour dire quelque chose, je voudrai que ma page web affiche la partie authetification....

est ce que quelqu'un sait comment faire ? je n'ai aucune notion js Smiley decu
getdown a écrit :
je vous donne l'adresse du scipt :
http://www.editeurjavascript.com/scripts/scripts_autres_2_171.php[/url]

voila il faudrait que a la place d'une fenetre qui s'ouvre pour dire quelque chose, je voudrai que ma page web affiche la partie authetification....

est ce que quelqu'un sait comment faire ? je n'ai aucune notion js Smiley decu

Bonjour,
Tu devrais soigner un peu l'orthographe, c'est une des règles du forum.
Voilà ce que tu cherches. Ce ne sera caché que pour ceux qui ne savent pas lire un code source :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<style type="text/css" />
</style>
<script type="text/javascript">
ejs_code_nb = 0;
function ejs_code_clavier(keyStroke)
	{
	ejs_code_code = "test";
	ejs_code_eventChooser = (window.Event) ? keyStroke.which : event.keyCode;
	ejs_code_which = String.fromCharCode(ejs_code_eventChooser).toLowerCase();
	if(ejs_code_code.charAt(ejs_code_nb) == ejs_code_which)
		ejs_code_nb++;
	else
		ejs_code_nb=0;
	if(ejs_code_nb == ejs_code_code.length)
		{
		// METTEZ ICI L'ACTION DE VOTRE CHOIX
		document.getElementById('xxx').style.display='block';
		ejs_code_nb = 0;
		}
	}
document.onkeypress = ejs_code_clavier;
</script>
</head>
<body>
composer le mot 'test'
<div id="xxx" style="display:none">Ici l'information cachée</div>
</body>
</html>
Désolé pour mon orthographe...et merci de ton aide car c'est tout a fait ce que je voulais ! seulement il reste un problème, car quand je charge une nouvelle page il faut que je retape "test" et que je me ré-authentifie.
comment faire pour que une fois que je me sois authentifié, la barre menu d'administration reste. J'ai pourtant mis une condition pour que si le mot de passe est le bon, l'authentification ne soit pas afficher... je pensait aussi qu'avec la supergolbal $_POST le passe restait en mémoire d'un page a l'autre. voici mon script :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title>Bienvenue sur le blog de G3tDoWn !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<style type="text/css"> @import url(design/css/styles.css) ; </style>

<script type="text/javascript">
ejs_code_nb = 0;
function ejs_code_clavier(keyStroke)
	{
	ejs_code_code = "test";
	ejs_code_eventChooser = (window.Event) ? keyStroke.which : event.keyCode;
	ejs_code_which = String.fromCharCode(ejs_code_eventChooser).toLowerCase();
	if(ejs_code_code.charAt(ejs_code_nb) == ejs_code_which)
		ejs_code_nb++;
	else
		ejs_code_nb=0;
	if(ejs_code_nb == ejs_code_code.length)
		{
		// METTEZ ICI L'ACTION DE VOTRE CHOIX
		document.getElementById('authentification').style.display='block';
		ejs_code_nb = 0;
		}
	}
document.onkeypress = ejs_code_clavier;
</script>
</head>

<body>

<div id="body_div">

<?php

if (!isset($_POST['password']) || ($_POST['password']) != "13janvier")
{  
?>
<div id="authentification" style="display:none">
<form method="post" action="index.php"><p>Mot de passe : <input type="password" name="password" value=""><input type="submit" value="Valider"></p></form>
</div>
<?php
}

if (isset($_POST['password']) && ($_POST['password']) == "13janvier") 
{
?>
<div id="menu_haut">
<ul>
<li><a href="index.php?page=accueil">Retour a l'accueil</a></li>
<li><a href="index.php?page=rediger_news">Rediger une news</a></li>
<li><a href="index.php?page=liste_news">Liste des news</a></li>
<li><a href="index.php?page=liste_commentaires">Liste des commentaires</a></li>
</ul>
</div> 
<?php
}
?>

<div id="col_gauche">
<?php
include ('fiche_perso.php');
?> </div>

<!-- Compteur connectes -->
<div id="col_droite">
<div class="cadres_droite">
<h3>Frequentation...</h3>
<?php
$monfichier = fopen('compteur/compteur.txt', 'r+');

$pages_vues = fgets($monfichier); // On lit la première ligne (nombre de pages vues)
$pages_vues++; // On augmente de 1 ce nombre de pages vues
fseek($monfichier, 0); // On remet le curseur au début du fichier
fputs($monfichier, $pages_vues); // On écrit le nouveau nombre de pages vues

fclose($monfichier);

echo '<p>Pages visitées :' . $pages_vues . '</p>';
?>
</div>
</div>

<?php
//AFFICHAGE DES NEWS

//connection a la BDD
include ('admin/config_db.php');
mysql_connect($home, $login, $password);
mysql_select_db($base);

if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page']; 
 switch($page)
{
case 'accueil' : include('news.php'); break;
case 'liste_news' : include('admin/liste_news.php'); break;
case 'rediger_news' : include('admin/rediger_news.php'); break;
case 'commentaires' : include('admin/commentaires.php'); break;
case 'liste_commentaires' : include('admin/liste_commentaires.php'); break;
}

//deconnection de la BDD
mysql_close();


?>

</div>
</body>

</html>


Merci de m'aider !
ouai mais est ce que c'est possible de faire une cookie temporaire... en gros que le cookie s'efface quand je quitte le site?
bon bah c'est bon, j'ai chercher pour les cookie et si on ne détermine pas une durée, ils expirent lorsqu'on quitte le navigateur.
merci de votre aide !
getdown a écrit :
ouai mais est ce que c'est possible de faire une cookie temporaire... en gros que le cookie s'efface quand je quitte le site?

Si on reste dans la même fenêtre en naviguant sur ton site,
Tu peux utiliser window.name :
window.onload=function(){
if(window.name=='pass_ok')
  document.getElementById('authentification').style.display='block';
}

et dans la fonction code clavier, ajouter :

window.name='pass_ok'
après :
 ejs_code_nb = 0;

Modifié par chmel (10 Sep 2006 - 10:08)