Rechargement de page apres clik sur le bouton precedent
- Par: serveurblog
- Le: 04.09.2009 10:09:02
- Dans: HTML
- Commentaires: 0
Clairement non car la plupart des navigateurs décident de ne pas recharger la page en la sortant du cachepour permettre un affichage de la page précédente plus rapide
Donc les balises meta ( ex :
<META http-equiv="Cache-Control" content="no-cache">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Expires" content="0"> )
ne servent a rien dans ce cas car tout se joue coté client et pas coté serveur (o:
Faire apparaître votre Icone dans la barre d’adresse du navigateur
Pour faire apparaitre une icone ou votre logo dans la barre d’adresse de votre navigateur, insérez le script suivant entre vos balises head.
<LINK REL="SHORTCUT ICON" href="http://racine.com/vous/image.ico">
Où image.ico de taille 16x16 pixels est l’icone ou le logo que vous aurez préalablement crée avec un utilitaire de dessin comme Paint au format BMP avec 16bits(ou 16 couleurs).
Notez que cette image doit être enregistrée à la racine de votre serveur.
URI relatifs et URI absolus
URI (Universal Resource Identified) c’est le chemin vers un fichier cible. Celui-ci se compose normalement du protocole utilisé (http://), du domaine où se trouve le fichier cible (validator.w3.org), du répertoire précis dans lequel il se trouve (/), suivi du nom du fichier lui-même (index.html).Lorsque vous connaissez le chemin qui sépare un lien de sa cible, vous pouvez recourir à un URI qui se contente d'indiquer ce chemin, sans devoir écrire l'adresse de la cible au long. C'est le cas par exemple, lorsque l'URI ressemble à "a.html", à "../a.html" ou à "archives/a.html". On fait alors usage d'un URI relatif.
Au contraire, lorsqu'on ne connaît pas la distance qui sépare un lien de sa cible, on est obligé de recourir à un URI complet. C'est le cas par exemple lorsque l'URI commence par "http://". On fait alors usage d'un URI absolu.
Redimensionner des images automatiquement...
Vous avez au préalable définie dans votre CSS les dimensions de vos images, mais vous avez les images dont les dimensions sont très supérieures à celles définies dans votre feuille de style.Voici comment faire pour qu’elles soient redimensionnées automatiquement. Attention cette astuce ne fonctionne pas avec tous les navigateurs.
Voici le script :
<!-- A insérer entre <head> et </head> de votre page -->
<style>
.pictures{
max-width: 460px;
max-height: 320px;
width: expression(Math.min(this.width, 460));
height: expression(Math.min(this.height, 320));
border: 0;
}
</style>
C’est à vous de fixer les dimensions que vous souhaitez
Voici comment appeler vos images dans votre source HTML :
<img border="0" src="chemin/image.jpg" class="pictures">
Menu à déplacer
Vous avez envie de créer des menus que l’on peut déplacer n’importe où dans votre page web.
Voici un exemple de code JavaScript à insérer dans votre page.
ATTENTION : Si vous voyez apparaître des petits carrés noirs, c’est que c’est un problème d’éditeur. Remplacez ces carrés noirs par un saut de ligne (la touche Entrée).
Créer ce fichier "menu_mob.js" :
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/
document.write('<style type="text/css">\nA.ejsmenu { color:#FF9900;text-decoration:none }\n</style>')
document.write('<DIV id=menu_dep STYLE="position:absolute; top:10; left:10"><TABLE BORDER=0 CELLPADDING=1 CELLSPACING=2 WIDTH=150>')
document.write('<TR><TD BGCOLOR=#000000 onMouseDown="testClick()" onMouseUp="testClick2()" style="cursor:move"><FONT SIZE=2 face="Verdana" COLOR=#FFCC00><B>Menu</B></FONT></TD></TR>')
document.write('</TR></TABLE></DIV>')
clickOui = false;
bloc_x = 10;
bloc_y = 10;
function testClick() {
base_x = x-bloc_x;
base_y = y-bloc_y;
clickOui=true;
}
function testClick2() {
clickOui=false;
}
function get_mouse(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
if(clickOui && document.getElementById)
{
bloc_x = x-base_x;
bloc_y = y-base_y;
}
document.getElementById("menu_dep").style.left = bloc_x
document.getElementById("menu_dep").style.top = bloc_y
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
Info Bulle au dessus d'une image d'un lien, ou d'un texte.
Vous souhaitez afficher une info-bulle au dessus d’une image ou d’un texte. Vous ne savez pas comment faire, c’est pourtant simple,Aller dans la balise d'insertion de l'image (à la fin) et ajoutez la variable ALT="Commentaire" c'est-à-dire comme ceci:
<IMG SRC="image.gif" ALT="mon commentaire">
Vous pouvez également insérer une info bulle au dessus d'un lien: pour cela, insérez title="commentaire" dans la balise du lien. Vous allez obtenir ça:
<a href="http://mythe.com" title="Site pour recherche">
Si c’est pour un texte classique: entourez votre texte simplement de la balise <font title="commentaire">Mon Texte</font>
Empêcher aux visiteurs de copier une image de votre site
Il est possible d’empêcher les visiteurs de votre site de copier une ou plusieurs images. Il vous suffit de mettre cette balise dans votre page.<body ondragstart="return onselectstart="return false"oncontextmenu="return false"false" ></body>
Si vous voulez empêcher la copie sur une seule image, insérer la balise suivante:
<img galleryimg="no" />
Mais si c’est pour empêcher la copie sur toute une page, utilisez plutôt cette balise:
<meta http-equiv="imagetoolbar" content="no" />
image <img galleryimg="no" />
Obliger une page à recharger après un temps donné
Il existe une balise que vous pouvez insérer entre les balises <head>et</head> de votre page, pour forcer le navigateur à recharger la page à intervalles réguliers.Insérez simplement cette balise:
<meta http-equiv="refresh" content="2">
Dans votre page, vous n'avez qu'un seul paramètre à configurer : remplacez le 2 (qui suit content=") par le nombre de secondes entre chaque rechargement.
Correspondance des polices Mac et PC
Lorsque vous choisissez une police de caractères pour vos pages, sachez que l'utilisateur d'un Mac n'aura pas forcément la même vision de votre site que l'utilisateur d'un PC.
Il existe toutefois des correspondances entre les polices Mac et PC :
Macintosh PC
Helvetica Arial
Times Times New Roman
Courier Courier New
Geneva MS Sans Serif
Symbol Symbol
New York MS Serif
Zapf Dingbats Wingdings
Palatino Book Antiqua