begin process at 2012 05 27 18:04:54
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Class et Objet ( POO )

 > [POO] FENÊTRE D'ALERTE AVEC DES DIV.

[POO] FENÊTRE D'ALERTE AVEC DES DIV.


 Information sur la source

Note :
Aucune note
Catégorie :Class et Objet ( POO ) Classé sous :alerte, div, fixe, modifiable, facile Niveau :Débutant Date de création :07/12/2010 Date de mise à jour :07/12/2010 20:56:27 Vu / téléchargé :4 133 / 323
Auteur : Dariumis

Ecrire un message privé
Site perso
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
L'objet Fenetre (présent dans le zip du projet) crée un div, que j'évoquerais sous le nom de global, il possède une position css "fixed", il prend 100% de la hauteur de la page et 100% de la longueur, par défaut le fond de ce div est transparent, donc invisible, mais une grande partie de ces paramètres sont modifiable. A l'intérieur de ce div il y a un div que j'évoquerais sous le nom de frame, ce div représente la fenêtre à l'intérieur de laquelle seras le message d'alerte et le bouton "fermer". Le div "frame" est divisé en deux autres div un pour le bouton fermer, et un pour le message d'alerte.
Le bouton "fermer" et par défaut initialisé avec l'attribut onclick qui appel une fonction javaScript présente dans l'objet. Il faut donc afficher dans le head entre les balises "script" une fonction imprimant cette fonction javaScript. Cet façon de faire, de fermer la fenêtre via javascript, n'est pas une obligation, il y a une fonction qui permet d'initialiser le bouton fermer avec une url et ainsi désactiver l'attribut onClick du bouton fermer on peut aussi effacer le bouton fermer. La fonction javascript permettant la fermeture et même l'ouverture, si l'élément est en display "none", ce nomme fermeFrame(id) et l'id de l'élément à faire rentrer est par défaut "alertFen". Si vous utilisez la fonction setId() de cet objet, faite le bien avant de définir les fonction javascript.

A la construction cette objet initialise juste l'objet avec des paramètres par défaut qui sont pour la plus part des valeurs css, ainsi il existe des méthode de type Set pour modifier tous ces attribut css.

Source

  • <!-- *********************************************************************************-->
  • <!-- VERSION AVEC JAVASCRIPT -->
  • <!-- *********************************************************************************-->
  • <?php
  • /**
  • * ce fichier sert à tester l'objet Fenetre
  • */
  • //on inclue le fichier Fenetre.php
  • include 'Class/Fenetre.php';
  • //on déclare l'objet
  • $fenetre=new Fenetre();
  • //on stock un message avec le lien fermer qui utilise la fonction javascript
  • $message='
  • ceci est une alerte!!!<br>
  • <a style="cursor: pointer;" onclick="'.$fenetre->getJavascriptNomFonction().'">
  • <strong>fermer</strong>
  • </a>
  • ';
  • //on stock le bouton fermer
  • $boutonFermer="<img src=\"image/fermer.jpg\"/>";
  • //on met l'alerte en "display:none"
  • $fenetre->setCssDisplayGlobal("none");
  • //on ajoute le message
  • $fenetre->setMessage($message);
  • //on joute un fond au div global
  • $fenetre->setCssBackgroundGlobal("image/global.png");
  • //on ajoute des bordures
  • $fenetre->setCssBorderFrame(2, "outset", "gray");
  • //on ajoute la longueur de la frame
  • $fenetre->setCssWidthFrame(20);
  • //on ajoute le bouton fermer
  • $fenetre->setBoutonFermer($boutonFermer);
  • ?>
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  • <html>
  • <head>
  • <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  • <title>Alerte</title>
  • <!-- on écrit la fonction javascript de fermeture -->
  • <script>
  • <?php echo $fenetre->getJavascriptFonction();?>
  • </script>
  • </head>
  • <body>
  • <!-- on écrit la fenêtre -->
  • <?php echo $fenetre->getFenetre()?>
  • <h1>Version javascript</h1>
  • <!-- le lien qui lance l'alerte grace a la fonction javascript -->
  • <a style="cursor: pointer;" onclick="<?php echo $fenetre->getJavascriptNomFonction()?>"><strong>Lancer l'alerte</strong></a>
  • </body>
  • </html>
  • <!-- *********************************************************************************-->
  • <!-- VERSION SANS JAVASCRIPT -->
  • <!-- *********************************************************************************-->
  • <?php
  • /**
  • * ce fichier sert à tester l'objet Fenetre
  • */
  • //on inclue le fichier Fenetre.php
  • include 'Class/Fenetre.php';
  • //on vérifie l'exstence de 'a variable signifiant une alerte
  • if(isset ($_GET['alert'])) {
  • //si elle existe on déclare Fenetre
  • $fenetre=new Fenetre();
  • //on stock le message d'alerte
  • $message='
  • ceci est une alerte!!!<br>
  • <a href="index.php">
  • <strong>fermer</strong>
  • </a>
  • ';
  • //on crée le bouton "fermer"
  • $boutonFermer="<img style=\"border:none\" src=\"image/fermer.jpg\"/>";
  • //on ajoute le message
  • $fenetre->setMessage($message);
  • //on met un fond au div global
  • $fenetre->setCssBackgroundGlobal("image/global.png");
  • //on change les bordures
  • $fenetre->setCssBorderFrame(2, "outset", "gray");
  • //on change la longueur
  • $fenetre->setCssWidthFrame(20);
  • //on ajoute le bouton fermer
  • $fenetre->setBoutonFermer($boutonFermer);
  • //on ajoute une url pour le bouton fermer
  • $fenetre->setUrlBoutonFermer("index.php");
  • //on récupere l'alerte dans $alerte
  • $alert=$fenetre->getFenetre();
  • }else {//si alerte n'éxiste pas
  • $alert="";//on met $alert a vide
  • }
  • ?>
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  • <html>
  • <head>
  • <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  • <title>Alerte</title>
  • </head>
  • <body>
  • <!-- on écrit l'alerte -->
  • <?php echo $alert ?>
  • <h1>Version sans javascript</h1>
  • <!-- le lien qui lance l'alerte -->
  • <a href="index.php?alert=1"><strong>Lancer l'alerte</strong></a>
  • </body>
  • </html> 
<!-- *********************************************************************************-->
<!--                                 VERSION AVEC JAVASCRIPT                          -->
<!-- *********************************************************************************-->
<?php
/**
 * ce fichier sert à tester l'objet Fenetre
 */
//on inclue le fichier Fenetre.php
include 'Class/Fenetre.php';
//on déclare l'objet
$fenetre=new Fenetre();
//on stock un message avec le lien fermer qui utilise la fonction javascript
$message='
        ceci est une alerte!!!<br>
        <a style="cursor: pointer;" onclick="'.$fenetre->getJavascriptNomFonction().'">
             <strong>fermer</strong>
        </a>
     ';
//on stock le bouton fermer
$boutonFermer="<img src=\"image/fermer.jpg\"/>";
//on met l'alerte en "display:none"
$fenetre->setCssDisplayGlobal("none");
//on ajoute le message
$fenetre->setMessage($message);
//on joute un fond au div global
$fenetre->setCssBackgroundGlobal("image/global.png");
//on ajoute des bordures
$fenetre->setCssBorderFrame(2, "outset", "gray");
//on ajoute la longueur de la frame
$fenetre->setCssWidthFrame(20);
//on ajoute le bouton fermer
$fenetre->setBoutonFermer($boutonFermer);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <title>Alerte</title>
        <!-- on écrit la fonction javascript de fermeture -->
        <script>
<?php echo $fenetre->getJavascriptFonction();?>
        </script>
    </head>
    <body>
        <!-- on écrit la fenêtre -->
        <?php echo $fenetre->getFenetre()?>
        <h1>Version javascript</h1>
        <!-- le lien qui lance l'alerte grace a la fonction javascript -->
        <a style="cursor: pointer;" onclick="<?php echo $fenetre->getJavascriptNomFonction()?>"><strong>Lancer l'alerte</strong></a>
    </body>
</html>

<!-- *********************************************************************************-->
<!--                                 VERSION SANS JAVASCRIPT                          -->
<!-- *********************************************************************************-->

<?php
/**
 * ce fichier sert à tester l'objet Fenetre
 */
//on inclue le fichier Fenetre.php
include 'Class/Fenetre.php';
//on vérifie l'exstence de 'a variable signifiant une alerte
if(isset ($_GET['alert'])) {
    //si elle existe on déclare Fenetre
    $fenetre=new Fenetre();
    //on stock le message d'alerte
    $message='
        ceci est une alerte!!!<br>
        <a href="index.php">
             <strong>fermer</strong>
        </a>
     ';
    //on crée le bouton "fermer"
    $boutonFermer="<img style=\"border:none\" src=\"image/fermer.jpg\"/>";
    //on ajoute le message
    $fenetre->setMessage($message);
    //on met un fond au div global
    $fenetre->setCssBackgroundGlobal("image/global.png");
    //on change les bordures
    $fenetre->setCssBorderFrame(2, "outset", "gray");
    //on change la longueur
    $fenetre->setCssWidthFrame(20);
    //on ajoute le bouton fermer
    $fenetre->setBoutonFermer($boutonFermer);
    //on ajoute une url pour le bouton fermer
    $fenetre->setUrlBoutonFermer("index.php");
    //on récupere l'alerte dans $alerte
    $alert=$fenetre->getFenetre();

}else {//si alerte n'éxiste pas
    $alert="";//on met $alert a vide
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <title>Alerte</title>
    </head>
    <body>
        <!-- on écrit l'alerte -->
        <?php echo $alert ?>
        <h1>Version sans javascript</h1>
        <!-- le lien qui lance l'alerte -->
        <a href="index.php?alert=1"><strong>Lancer l'alerte</strong></a>
    </body>
</html>

 Conclusion

Je vous invite a lire la doc présente dans le code de l'objet pour comprendre l'utilité des fonctions. je ne les énumérerais pas toutes je vais juste parler des principales:

>   setMessage(): Vous vous en servirez forcément, elle ajoute le message d'alerte dans la fenêtre.
>    setCssWidthFrame: avec le nom de cette fonction on sait qu'il s'agit d'une méthode qui modifira le css et qu'il portera sur la valeur width du div frame. En css le width peut etre renseigné en "px" ou "%", ainsi pour toutes méthode modifiant un css de ce type on pourras initialiser en paramètres soit "12px", "12%", 12 (Integer), "12" (String), si ni les "px" ni les "%" ne sont renseigné alors l'objet interprétera la valeur comme des "%".
>    setCssBorderFrame(): les bordure du div frame, placé par exemple "5" ou 5 dans $width, si vous placé 0 dans $width alors border sera initialisé à "none".
>   setCssBackgroundGlobal: par défaut le div global a un fond transparent, avec cette fonction vous pouvez soit mettre une image au format gif, png, jpg, jpeg, pour d'autre format l'url doit être en absolut, soit mettre une couleur. Moi, en fond de ce div, je place généralement un fichier png avec de la transparence pour atténuer le reste de la page.
>    setCssDisplayGlobal: permet d'écrire la fenêtre avec un display none la valeur par défaut étant "block".
>    setId(): permet de définir l'id du div global et une partie des id des sous éléments, effectuez cette méthode avant tout appel javascript.
>    setBoutonFermer(): permet de définir ce qu'il y aura dans la balise <a> représentant le lien "fermer", donc placé des éléments accepté par les balises <a> par exemple une image <img/>.
>    setUrlBoutonFermer(): pour définir une url pour le bouton "fermer" et rendre inopérante la fonction javascript.
>    getFenetre(): retourne l'objet dans sa totalité via chaines de caractères.
>    getJavascriptNomFonction(). retourne l'appel à la fonction javascript fermeFrame(id), dans le but de pouvoir l'éxecuter éventuellement sur un onclick hors de la class. Par défaut elle retourne ceci: "fermeFrame('alertFen') ".
>    getJavascriptFonction(): retourne un chaine de caractères stockant la fonction javascript fermeFrame(id), si vous utilisez la fonction javascript de fermeture il faut afficher cette fonction dans le head entre les balises <script>.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

07 décembre 2010 20:56:28 :
Correction

 Sources du même auteur

Source avec Zip Source avec une capture VOIR QUI VISITE VOTRE SITE
ADRESSE ABSOLUE DE LA PAGE EN COURS, AVEC VARIABLES $_GET
Source avec Zip Source avec une capture MYPHPCOM 2.1: SYSTÈME DE COMMENTAIRE PHP/MYSQL
Source avec Zip Source avec une capture [POO] MENU XHTML HORIZONTAL EXTENSIBLE (MENUEXTENSIBLEX.PHP)
Source avec Zip Source avec une capture [POO] OBJET CONVERTISSANT UN NOMBRE DE SECONDES EN DIFFÉRENT...
Toutes les sources de Dariumis

 Sources de la même categorie

Source avec Zip GÉNÉRATION AUTOMATIQUE DE FICHIER .CLASS.PHP EN FONCTION D'U... par ig3
CLASSE D'OBJET DE CRYPTAGE ET DÉCRYPTAGE DE CHAINES DE CARAC... par 8Tnerolf8
Source avec Zip MY.DEVIANTART API par inwebo
CLASSE DE GESTION DE "VARIABLES GLOBALES D'ENVIRONNEMENT" par pifou25
Source avec Zip COLLECTION.CLASS.MIN.PHP par thunderhunter
Toutes les sources de la catégorie Class et Objet ( POO )

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture VOIR QUI VISITE VOTRE SITE par Dariumis
Source avec Zip CREATED SOME TINY URL par ledamss
Source avec Zip Source avec une capture MYPHPCOM 2.1: SYSTÈME DE COMMENTAIRE PHP/MYSQL par Dariumis
Source avec Zip Source avec une capture BLOG COMPLET : NEWS, IMAGES, COMS. SIMPLE D'UTILISATION ET D... par lucas34990
Source avec Zip SYSTEME DE CONNEXION IDENTIFIANT + LOGIN par divx78340

Commentaires et avis

Commentaire de stealon le 15/08/2011 05:36:53

Bon script surtout accessible aux debutant. Bon J'ai juste une ou deux questions comment créer un autre objet de cette classe qui contiendra un messages différent genre avertissement? et deuxièmement comment afficher cette fenêtre via une condition genre:
<?php
    $a = 2;
    $b=3
    $c= $a + $b;    
    if($c == 5){echo $fenetre->getJavascriptNomFonction();}
?>
j'espère m'être fait comprendre.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Facile pour des phpmen comme vous !! [ par lebobby ] Salut les jeunes,je voudrais si c'est possible de fairedans une page php reference a une sectiond'une autre page phpc'est a dire si dans a.phpj'ai un Facile pour des phpmen comme vous !! [ par lebobby ] Salut les jeunes,je voudrais si c'est possible de fairedans une page php reference a une sectiond'une autre page phpc'est a dire si dans a.phpj'ai un Facile pour des phpmen comme vous !! [ par lebobby ] Salut les jeunes,je voudrais si c'est possible de fairedans une page php reference a une sectiond'une autre page phpc'est a dire si dans a.phpj'ai un diviser [ par Metrox ] 'lut all,j'ai effectué une commande en php, mais, hélàs pour moi, cela ne marche pas!!En fait, je cherche à diviser $var1 par $var 2, et l'avoir sans site multi DIV (trop) [ par robinou ] Bonjour,J'ai adopté cette solution pour mon site:(prenez pas en compte la syntaxe)Page index&lt;div class="ecran"&gt; &lt;div class="entete"&gt; inclu Page dans une div... [ par z980x ] Salut a tous !!Je ne connais rien au PHP, je vous pose donc cette question...J'ai plusieurs divisions dans une page web. Je voudrais que dans une de c aide facile [ par poupinette10 ] j'ai bien ouvert ma base avant, je débute et je comprends pas pourquoi !$query = "SELECT NumeroMatiere FROM matiere;";$result = mysql_query($query);ec PHP pas facile... [ par lard ] Bonjour !J'ai encore un problème de débutant...j'ai essayé d'inclure un code "simple" en PHP dans une page .HTMj'ai ensuite renommé ma page en .PHP3j' facile a resoudre, jetez un oeil [ par Goodfellas_42 ] Je veux faire une page php qui supprime les news ki sont cochéegrace au code suivant j'affiche la liste des news ds une table avec des checkboxes :$sq question facile!!! [ par Waldo2188 ] C encore le newBSalut à toute et à tous!je suis entrai de dev un site en php (et je souffre!)bon ma question:Es-qu'il xiste une fincion "sur clique" e


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,484 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)