|  |  | |
|
|
|
|
|
 Focus - 20 Août 2008
Devenez "membre" de ALL HTML et faites partie d'une vraie communauté de passionnés et/ou de professionnels du développement sur Internet.
L'accès membre est gratuit et vous permet d'accéder à des fonctionnalités complémentaires :
- accéder à l'annuaire des 44 000 membres,
- poster des messages dans les forums,
- utiliser la messagerie interne,
- bénéficier d'offres négociées...).
Alors n'attendez-plus!
 Inscrivez-vous dès à présent !
|
|
|
|
|
|
| Astuces |     | | Nouveautés d'Internet Explorer
 1. Frames transparentes
La nouvelle balise <iframe> dans Internet Explorer 5.5 et Netscape 6 permet de définir des frames transparentes. Pour cela, il suffit d'inclure :
- allowtransparency="true" dans la balise <iframe> de la page
- style="background-color:transparent" dans la balise <body> de la frame
Exemple
* Balise <iframe> à insérer dans la page principale :
<iframe name="frame1" src="maframe.html" allowtransparency="true" style="position:absolute; top:100; left:100">
* Balise <body> de la frame :
<body style="background-color:transparent">
2. Ordre d'affichage des frames
La balise <iframe> permet de définir l'ordre d'affichage (sur l'axe z) des frames grâce à la propriété z-index (propriété utilisée pour les feuilles de styles).
Exemple
Dans cet exemple ci-dessous la frame appelée frame1 sera positionnée au dessus de la frame appelée frame2.
<iframe name="frame1" src="maframe1.html" style="position:absolute; top:20; left:50; z-index:2">
</iframe>
<iframe name="frame2" src="maframe2.html" style="position:absolute; top:60; left:90; z-index:1">
</iframe>
3. Affichage d'une popup
La nouvelle fonction Javascript createPopup() permet de créer des objets "popup" (fenêtre volante). Ces objets sont paramétrables comme une "popup" classique, on peut définir :
- La couleur du fond
- La couleur et l'épaisseur de la bordure
- Le contenu (texte html)
- Les coordonnées
- La largeur et hauteur
La popup s'affiche à l'écran à l'appel de la fonction show() et disparait l'orsqu'on clique à l'extérieur de la "popup".
Exemple
<script language="javascript">
<!--
oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.backgroundColor = "#FFFFFF";
oPopupBody.style.border = "solid #330099 3px";
oPopupBody.innerHTML = "<center>Bienvenue sur ALL HTML</center>";
oPopup.show(300, 300, 220, 30, document.body);
// -->
</script>
4. Popup en alternance
Les fonctions hide() et show() permettent respectivement de cacher et d'afficher une "popup" (voir ci-dessus).
En utilisant la fonction setInterval() (qui permet d'exécuter une fonction à intervalles réguliers), il est possible de créer une "popup" qui "clignote".
Exemple
Création de la popup comme vu précédemment.
Fonction permettant d'afficher et de cacher la popup :
function clignote()
{
if (on)
{
oPopup.hide();
on = false;
}
else
{
oPopup.show(300, 300, 220, 30, document.body);
on = true;
}
}
Appel de la fonction clignote() toutes les 2000 milisecondes :
setInterval("clignote()", 2000); |
|
| |
Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
| | Cliquez ici |
|
|
| | |
ACCUEIL
