Ce tutoriel va vous montrer comme créer une fenêtre « chromeless ».
Une fenêtre « chromeless » diffère d’une classique fenêtre PopUp dans la mesure où vous pouvez
complètement la personnalisée de manière à ce qu’elle s’intègre parfaitement dans votre site.
Vous pouvoir en voir un exemple sur mon site[+link] lorsque vous pressez le bouton « enter ».
1. Créez une nouvelle page vierge. Cette page contiendra le lien qui ouvre votre fenêtre «
chromeless ».
2. Ajoutez ce code à votre tag <head>
<script src="chromeless_35.js"></script>
<script language="javascript">
// CREDITS:
// Chromeless window script by Gabriel Suchowolski ( www.microbians.com )
// Distributed with permission by Lissa ( www.lissaexplains.com )
function openIT(u,W,H,X,Y,n,b,x,m,r) {
var cU ='close_up.gif'
var cO ='close_ovr.gif'
var cL ='clock.gif'
var mU ='min_up.gif'
var mO ='min_ovr.gif'
var xU ='max_up.gif'
var xO ='max_ovr.gif'
var rU ='res_up.gif'
var rO ='res_ovr.gif'
var tH ='<font face=verdana size=1> Window title</font>'
var tW =' window title'
var wB ='#9966ff'
var wBs ='#FFFFFF'
var wBG ='#ffe0ff'
var wBGs='#9966ff'
var wNS ='toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resiza ble=0'
var fSO ='scrolling=no noresize'
var brd =b||0;
var max =x||false;
var min =m||false;
var res =r||true;
var tsz =20;
return chromeless(u,n,W,H,X,Y,cU,cO,cL,mU,mO,xU,xO,rU,rO,
tH,tW,wB,wBs,wBG,wBGs,wNS,fSO,brd,max,min,res,tsz)
}
</script>
3. Ajoutez ce code au tag <body> à chaque endroit où vous souhaitez que le lien ouvre votre
fenêtre « chromeless » :
<a href="#"
onclick="mywindow=openIT('window.html',400,200,null,null,'mywindowname')"&g t;Open
Chromeless</a>
4. Changez « window.html » par l’url du site que vous souhaitez afficher dans votre fenêtre «
chromeless ». Changez "400,200" par la largeur et hauteur de votre choix.
5. Téléchargez les fichiers nécessaires ici[+link], et téléchargez-les alors sur votre
serveur, aucun changements n’étant là nécessaires.
Pour personnaliser votre fenêtre « chromeless » :
wB = Couleur de la bordure
wBs = Couleur de la bordure lors du déplacement de la fenêtre
wBG = Couleur de fond de la barre de titre
wBGs = Couleur de fond de la barre de titre lors du déplacement de la fenêtre
var tH = Titre de votre fenêtre.
Afin d’établir une image en tant que lien, remplacez simplement « Open Chromeless » dans le
code de l’étape 3 par le code suivant :
<img src="your image.gif" border="0">
Si vous pensez que cela est trop difficile, j’ai mis en téléchargement une page html vierge
avec un lien sur une image et sur un texte avec son fichier js (javascript) et ses images
.:révisualisation::.
.::Téléchargement::. (cliquez avec le bouton droit et faites « enregistrer sous »)
Merci de bien vouloir remonter tout problème
En espérant que cela vous aide,
actual text by rob88wells
translated by Fidonico
|
|
|
