Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

new!

Boite de dialogue centrée (affichage et saisie)

Script posté par :

rf92
Vous aussi, postez vos scripts en cliquant ici.

Description

Ce script est une adaptation tirée du sudoku (http://www.editeurjavascript.com/scripts/scripts_jeux_3_730.php).
Il est ainsi possible d'afficher et/ou saisir des données dans un bloc centré sur la page. Pour la saisie, cela peut remplacer le prompt qui n'est pas esthétique du tout.

Compatibilité :

	FireFox : Incompatible
	Mozilla : Incompatible
	Netscape Navigator : 5 et +
	Internet Explorer : 4 et +

Chiffres :

Date de création : 25/10/2007
Dernière modif : -
Visites de la page : 11722
Envois par mail : 172

Exemple :

Premier Message
Deuxième Message
Saisie d'une donnée

Le code :

Entre <HEAD> et </HEAD> :

<style type="text/css">
	.noir {font-family: Tahoma; font-size: 10pt; color:#000000; text-decoration:none;}
	A:hover.noir {cursor: pointer; font-family: Tahoma; font-size: 10pt; color:#647B8C; text-decoration:none;}
	.Overnoir {cursor: pointer; font-family: Tahoma; font-size: 10pt; color:#647B8C; text-decoration:none;}
	.txt_Grill {border: 0px; width :29px; height :27px; font-weight: bold; text-align: center; font-size: 14pt; font-family: Tahoma,Verdana,Arial; color:#494B5D;}
	.txt_1 {margin-left: 10px; text-indent: -9; font-family: Tahoma; font-size: 10pt; color:#3E3E3E;}
	.txt_2 {font-family: Tahoma; font-size: 10pt; color:#3E3E3E;}
	.txt_3 {font-family: Tahoma; font-size: 10pt; margin-left: 24px; margin-right: 24px; text-align: justify; color:#6B7881;}
	.txt_4 {font-family: Verdana; font-size: 7pt; margin-left: 2px; text-align: left; color:#494B5D;}
	.txt_5 {font-family: Tahoma; font-size: 10pt;}
	.txt_6 {margin-left: 10px; margin-top: -12; font-family: Tahoma; font-size: 10pt; color:#647B8C;}
	.txt_7 {margin-bottom: 4px; font-weight: bold; font-size: 14pt; font-family: Tahoma,Verdana,Arial; color:#647B8C;}
	.typBt {font-family: Tahoma;font-size: 8pt; font-weight: bold; color:#647B8C;}
</style>
<script type="text/javascript">
function f_message(z_parm_mess) {
/* basée sur le script du sudoku : http://www.editeurjavascript.com/scripts/scripts_jeux_3_730.php
 * les css sont les mêmes et mis dans le fichier externe Styles.Css
 * Ce script va vous permettre de connaitre le nom et la version du navigateur de votre visiteur.
 *Compatibilié :   FireFox : Toutes versions - Mozilla : 1 et + - Netscape Navigator : 3 et+ - Internet Explorer : 3 et +
 */
	switch(z_parm_mess) {
		case 1: //1er message
			z_mess_leText = '<p class=txt_7>Page 1</p><b>Premier Message</b>'
			z_mess_leText += '<p class=txt_1>- Ce script est une adaptation tirée du <a href="http://www.editeurjavascript.com/scripts/scripts_jeux_3_730.php" target="_blank">sudoku</a>.<br>'
			z_mess_leText += '<p class=txt_1>On peut utiliser cette boite de dialogue pour afficher du texte.</p>'
			z_mess_leText += '<p class=txt_3><b><i>à savoir...</i></b><br>Mais on peut également l\'utiliser pour saisir des données autrement qu\'avec le prompt.</p>'
			z_mess_leText += '<p class=txt_3>Pour cela, cliquer sur Fermer puis sur "Saisie d\'une donnée".</p>'
			z_mess_leText += '<p class=txt_2>Maintenant, c\'est à vous de jouer, amusez-vous bien et bonne chance !</p>'
			z_mess_leText += '<table border="0px" cellpadding="0px" cellspacing="0px" width="100%"><tr><td>'
			z_mess_leText += '</td><td align="right"><input type="button" name"valFerm" ID="Bt_6" class="typBt" style="width:60px;height:20px" onclick="f_message(0)" value="Fermer"></td></tr></table>'
			z_mess_leCadr = '<table border="1px" cellpadding="20px" cellspacing="0px" class="cad" width="480px"><tr><td>'+z_mess_leText+'</td></tr></table>'
			break;
		case 2: //2nd message
			z_mess_leText = '<p class=txt_7>Page 2</p><b>Deuxième Message</b>'
			z_mess_leText += '<p class=txt_1>- Ce script est une adaptation tirée du <a href="http://www.editeurjavascript.com/scripts/scripts_jeux_3_730.php" target="_blank">sudoku</a>.<br>'
			z_mess_leText += '<p class=txt_1>On peut utiliser cette boite de dialogue pour afficher du texte.</p>'
			z_mess_leText += '<p class=txt_3><b><i>à savoir...</i></b><br>Mais on peut également l\'utiliser pour saisir des données autrement qu\'avec le prompt.</p>'
			z_mess_leText += '<p class=txt_3>Pour cela, cliquer sur Fermer puis sur "Saisie d\'une donnée".</p>'
			z_mess_leText += '<p class=txt_2>Maintenant, c\'est à vous de jouer, amusez-vous bien et bonne chance !</p>'
			z_mess_leText += '<table border="0px" cellpadding="0px" cellspacing="0px" width="100%"><tr><td>'
			z_mess_leText += '</td><td align="right"><input type="button" name"valFerm" ID="Bt_6" class="typBt" style="width:60px;height:20px" onclick="f_message(0)" value="Fermer"></td></tr></table>'
			z_mess_leCadr = '<table border="1px" cellpadding="20px" cellspacing="0px" class="cad" width="480px"><tr><td>'+z_mess_leText+'</td></tr></table>'
			break;
		case 3: //Saisie d'une donnée
			z_mess_leText = '<p class=txt_7>Page 3</p><b>Saisie autrement qu\'avec Prompt</b>'
			z_mess_leText += '<p class=txt_1>- Ce script est une adaptation tirée du <a href="http://www.editeurjavascript.com/scripts/scripts_jeux_3_730.php" target="_blank">sudoku</a>.<br>'
			z_mess_leText += '<p class=txt_1>On peut utiliser cette boite de dialogue saisir une donnée autrement qu\'avec Prompt, lui, qui n\'est pas centré.</p>'
			z_mess_leText += '<p class=txt_1>Ici, la boite de dialogue est centrée sur la page. C\'est un plus esthétique.</p>'
			z_mess_leText += '<input type=text size=60 name="mess" value="0">'
			z_mess_leText += '<p class=txt_2>Maintenant, c\'est à vous de jouer, amusez-vous bien et bonne chance !</p>'
			z_mess_leText += '<table border="0px" cellpadding="0px" cellspacing="0px" width="100%"><tr><td>'
			z_mess_leText += '</td><td align="right"><input type="button" name"valFerm" ID="Bt_6" class="typBt" style="width:60px;height:20px" onclick="alert(mess.value); f_message(0)" value="Fermer"></td></tr></table>'
			z_mess_leCadr = '<table border="1px" cellpadding="20px" cellspacing="0px" class="cad" width="480px"><tr><td>'+z_mess_leText+'</td></tr></table>'
			break;
			break;
		default:
	}
	if (z_parm_mess != 0 ){
		document.getElementById("Id_info").innerHTML = z_mess_leCadr
		document.getElementById("Id_info").style.top = ((document.body.clientHeight-document.getElementById("Id_info").offsetHeight)/2)+document.body.scrollTop
		document.getElementById("Id_info").style.left = (document.body.clientWidth-document.getElementById("Id_info").offsetWidth)/2
		document.getElementById("Id_info").style.zIndex = 10
		document.getElementById("Id_info").style.cursor = 'default'
		if (navigator.userAgent.indexOf("fox") == -1){ setTimeout('document.forms.laGrill[caseSel].blur()',10) }
		posScroll = 0
	}
	else {
		document.getElementById("Id_info").innerHTML = ""
		window.status=''
	}
}
</script>

Entre <BODY> et </BODY> :

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De bull - le 10-03-2008

bonjour,

tres jolie script. Ca me donne une idée pour ma page d'acceuil.
Mais, il y a un petit probleme, les fenetres qui s'ouvrent avec ce script sont transparentes et devient illisible si l'on met une image ou texte sur la page.

Que dois-je ajouter au script pour que, par exemple, les fenetres s'ouvrent avec un fond rouge ?

Merci d'avance

De bull - le 10-03-2008

c'est bon, j'ai trouvé !
finalement, c'était assez simple

De lbdbf - le 13-03-2008

j'ai le même probléme avec la transparence que j'aimerai enlever,pour mettre sur mon site pouvez me dire ou et comment desactiver la transparence merci ...

>> Poster une annotation sur ce script

51 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Internet services
Internet Services offre de nombreux services gratuits et de très bonne qualité pour dynamiser votre site Web ! Forums, chats, livre d'or, etc ...
http://www.i-services.net

Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

54457 membres
9046 comptes CountUs
1424 comptes myCircle

LES FORUMS :

14 forums
39091 topics
188390 messages
>> Les forums

SONDAGE

La mini-astuce "PHP / mySQL" du jour par unreal
Afin d'éviter de toujours devoir mettre des antislash '\' dans son code HTML à l'interieur de sa page PHP, vous pouvez utiliser la fonction addslashes qui les ajoutent automatiquement! http://ca2.php.net/manual/fr/function.addslashes.php
Proposer votre mini-astuce | Archives des mini-astuces

© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 24/07/2008 12:12:25 | Design by Studcrea | Gen. en 0.453 sec.