Fermer

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

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 : 23641
Envois par mail : 263

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 ...

De Cowboy55 - le 13-10-2008

Moi aussi j'aimerais savoir comment enlever la transparence et mettre de la couleur à la place.

Merci

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Dell
Dell est le leader de la distribution de PC uniquement en ligne et par telephone.
http://www.dell.fr

Cat : Hardware
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

58335 membres
9460 comptes CountUs
1622 comptes myCircle

LES FORUMS :

14 forums
39658 topics
190131 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par Xenon_54
Avez-vous plusieurs comptes sur divers réseaux de messenger ? Trillian propose un logiciel pouvant gérer 5 réseaux différents: ICQ, MSN, Yahoo, AIM et IRC. Gratuit, il vous permettra de regrouper vos comptes sur une même interface. Adoptez-le! http://www.trillian.cc/products/overview_basic.php
Proposer votre mini-astuce | Archives des mini-astuces

© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 04/07/2009 14:04:56 | Design by | Gen. en 0.449 sec.