Posts Tagged “JavaScript”

Pour pouvoir afficher une miniature d’un document pdf sur une page Web, il suffit d’ouvrir un pop-up et d’appler l’url de votre document pdf de cette manière. Par contre un plugin pour lire le pdf doit être installé sur votre pc et configuré pour votre navigateur (comme Adobe Reader)

La fonction Javascript

<script type=’text/javascript’>
function popup(l,h,url) {
hauteur=Math.round((screen.availHeight-h)/2);
largeur=Math.round((screen.availWidth-l)/2);
return window.open( url,
“View”,
“toolbar=0,
location=0,
directories=0,
status=0,
scrollbars=0,
resizable=0,
menubar=0,
top=”+hauteur+”,
left=”+largeur+”,
width=”+l+”,
height=”+h);
}
</script>

L’appel dans la page Web

<a  href=”#”
onMouseOut=’fenetre.close();’
onMouseOver=’fenetre=popup(250,250,”http://nidhal.tunisium.com/files/2008/09/ubuntu_fr_carte_reference3.pdf”);’>
miniature
</a>

Tags :, ,

Comments Pas de commentaire »

  • //cette fonction permet de vérifier si un email est valide
    function VerifierEmail(adresse){
        var place = adresse.indexOf("@",1);
        var point = adresse.indexOf(".",place+1);
        if ((place > -1)&&(adresse.length >2)&&(point > 1))
            return(true);
        else
            return(false);
    }
  •  
Tags :

Comments Pas de commentaire »

Pour ajouter un menu défilant dans une page Web :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
var active;
function init(){
var myElement = document.getElementById(1);
myElement.style.display = "block";
active=myElement;
}

function swapLayer(objMenu) {
var myElement = document.getElementById(objMenu);
if (myElement.style.display == "none") {

active.style.display = "none";
myElement.style.display = "block";
active =myElement;
}
else {
myElement.style.display = "none";
}
}
</script>

</head>
<body onload="init();">
<div>
    <a href="javascript:void(0);" onclick="swapLayer(0);"> Menu 1</a>
    <div id="0" style="margin: 5px; display: none;">Sous Menu 1<br /></div>
</div>
<div>
    <a href="javascript:void(0);" onclick="swapLayer(1);"> Menu 2</a>
    <div id="1" style="margin: 5px; display: none;">Sous Menu 2</div>
</div>
</body>
</html>
 
Tags :

Comments Pas de commentaire »