<![CDATA[Documentation]]> https://www.sthda.com (C) 2005-2026 PHPBoost fr PHPBoost <![CDATA[Zoomer une image avec javascript]]> https://www.sthda.com/french/wiki/zoomer-une-image-avec-javascript https://www.sthda.com/french/wiki/zoomer-une-image-avec-javascript MojoZoom - Free JavaScript Image Zoom

http://www.nihilogic.dk/labs/mojozoom/

Code HTML :
    
  <script type="text/javascript" src="mojozoom.js"></script>  
   <link type="text/css" href="mojozoom.css" rel="stylesheet" />  
 
     
  <img src="kendwa_small.jpg" data-zoomsrc="kendwa_big.jpg" id="myimage" />
]]> Sun, 03 Apr 2011 02:52:32 +0200 <![CDATA[Introduction à javascript]]> https://www.sthda.com/french/wiki/introduction-a-javascript https://www.sthda.com/french/wiki/introduction-a-javascript

D?but du script


Code JAVASCRIPT :
<script type="text/javascript">
 
   /* votre code javascript se trouve ici
   c'est deja plus pratique pour un script de plusieurs lignes */
 
script>


Importer un fichier externe


Code JAVASCRIPT :
<script type="text/javascript" src="script.js">script>


Quelques fonctions


Code JAVASCRIPT :
 
 
/*--------------------------------------------
Demander, cr?er  et afficher une variable
---------------------------------------------*/
var age=18;//Cr?ation d'une variable age
alert(age)//affichage de la variable age
alert("Vous avez " + age + " ans"); // Concat?nation :on affiche les chaines mises bout-?-bout
var age = prompt("Quel ?ge avez-vous ? (en ann?es)"); // on demande l'age
 
 
/*--------------------------------------------
Cr?er une fonction
---------------------------------------------*/
function conversion(taux)   // declaration de la fonction avec un argument
{
   var valeur = prompt("Entrez la valeur ? convertir");
   var resultat = valeur * taux;   // on calcule le resultat, en utilisant l'argument
   alert('Valeur  : '+valeur + '\nR?sultat : '+resultat);
   return resultat; //on retourne la valeur
}
 
/*--------------------------------------------
Tableaux
---------------------------------------------*/
var table = new Array("Pierre", "Paul", "Jacques");// tableau index?
alert(table[1]);
 
var scores = new Array();//tableau associatif
scores["Toto"] = 142;
scores["Pierre"] = 137;
alert(table["Toto"]);
table.length;//longueur du tableau
// une fonction qui retourne, sous forme de cha?ne de caract?res, le contenu du tableau 
function lire1(tab)
{
        var chaine = "Le tableau contient :"
        for(var i=0; i<tab.length; i++)
                chaine += "\n" + i + " -> " + tab[i];
        return chaine;
}
 
/*--------------------------------------------
Les objets html
---------------------------------------------*/
//Atteindre les objets
document.getElementById("id");
getElementsByTagName("textarea")//ex:retourne un tableau contenant tous les ?l?ments