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 : 16279
Envois par mail : 213

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

17 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

First Coffee
Une des 3 plus grosses plateformes d'affiliation en France, spécialisée dans les grandes marques.
http://network.first-coff...

Cat : Affiliation - publicité
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

55808 membres
8799 comptes CountUs
1517 comptes myCircle

LES FORUMS :

14 forums
39344 topics
189183 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par Groumphy
Détecter le protocole pour la navigation via un simple JavaScript : if (document.location.protocol == "https:") { alert("Protocole HTTPS"); } else { alert("Protocole HTTP"); } et déterminer par exemple un CSS ou une DIRECTORY pour un protocole spécifique.
Proposer votre mini-astuce | Archives des mini-astuces

© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 02/12/2008 00:05:30 | Design by Studcrea | Gen. en 0.46 sec.