Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Messages recommandés

Posté(e)

C'est pas très long à faire...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 <title>Page de test</title>
 <style type="text/css">
   #ImageDeFond {
     width: 640px;
     height: 480px;
   }
   #ImageDeFond img {
     position: absolute;
   }
 </style>
</head>
<body>
 <h1>Page de test</h1>
 <div id="ImageDeFond">
   <img src="fond.png" alt="" />
   <img src="" id="cible1" alt="" />
   <img src="" id="cible2" alt="" />
   <img src="" id="cible3" alt="" />
   <img src="" id="cible4" alt="" />
   <img src="" id="cible5" alt="" />
 </div>

 <div id="PanneauDeCommandes">
   1. <input type="checkbox" onclick="x = document.getElementById('cible1'); if (this.checked) { x.src='red.gif'; } else { x.src='green.gif'; } x.style.top='130px'; x.style.left='140px';" /><br />
   2. <input type="checkbox" onclick="x = document.getElementById('cible2'); if (this.checked) { x.src='red.gif'; } else { x.src='green.gif'; } x.style.top='230px'; x.style.left='240px';" /><br />
   3. <input type="checkbox" onclick="x = document.getElementById('cible3'); if (this.checked) { x.src='red.gif'; } else { x.src='green.gif'; } x.style.top='310px'; x.style.left='480px';" /><br />
   4. <input type="checkbox" onclick="x = document.getElementById('cible4'); if (this.checked) { x.src='red.gif'; } else { x.src='green.gif'; } x.style.top='470px'; x.style.left='230px';" /><br />
   5. <input type="checkbox" onclick="x = document.getElementById('cible5'); if (this.checked) { x.src='red.gif'; } else { x.src='green.gif'; } x.style.top='70px'; x.style.left='400px';" /><br />
 </div>
</body>
</html>

On peut faire du code encore plus court en mettant les attributs de style directement dans les balises, mais on perd la compatibilité XHTML1.1....

Posté(e)

Kikou tout le monde !!

 

Voila mon maitre de stage a vu le code, il a dit que c'etait pas mal mais qu'il aurait fait autrement, et si j'ai bien compris, bah jdois le faire en php... j'ai trouve sur le net un tuto "Introduction aux fonctions de dessin de la librairie GD" evidement je decouvre toute les fonctions et j'ai du mal ^^

 

Voila mon code, l'image ne se genere pas et je ne sais pas vraiment pourquoi... voici mon code :

 

<html>
<head>
<title>Test creation image</title>
</head>

<body>
<?php
function imagecreate($largeur,$hauteur)
{}
function imagecolorallocate($image)
{}
function imagesetpixel($image,$blanc)
{}
function imageline($image,$blanc)
{}
function imagerectangle($image,$jaune)
{}
function imagefilledrectangle($image,$jaune)
{}
function imagearc($image,$blanc)
{}
function imagepng($image)
{}
function imagedestroy($image)
{}
$largeur = 88;
$hauteur = 31;
$image = imagecreate($largeur,$hauteur);
$noir = imagecolorallocate($image,0,0,0);
$blanc = imagecolorallocate($image,255,255,255);
$jaune = imagecolorallocate($image,255,255,0);
imagesetpixel ($image,44,15,$blanc);
imageline ($image,10,15,74,15,$blanc);
imagerectangle ($image,5,5,83,26,$jaune);
imagefilledrectangle ($image,5,5,83,26,$jaune);
imagearc ($image, 44,15, 20,20, 0,360, $blanc);
header ("content-type: image/png");
imagepng($image);
imagedestroy($image);
?>
</body>

</html>

 

 

Erreur : L'image « http://127.0.0.1/Nouveau%20dossier/image.php » ne peut être affichée, car elle contient des erreurs.

 

Peut etre pourrez vous m'aider !

a bientot :P

Posté(e)

il veut quoi? il veut que tu positionnes les images en php??

utilise la méthode de KC, sinon, c'est completement "stupide"! c'est comment faire compliqué qd on peut faire simple!!

Posté(e)

Son maitre de stage veut peut etre lui faire utiliser plusieurs techno pour faire la même chose, mais bon ... meme avis que tangui.

 

bloodyxdeath -> ou as tu trouve cet exemple, ya un truc qui ne me va pas ...

Posté(e) (modifié)

Si tu fais ca, ca te donne rien ?

 

<?php
$largeur = 88;
$hauteur = 31;
$image = imagecreate($largeur,$hauteur);
$noir = imagecolorallocate($image,0,0,0);
imagearc ($image, 44,15, 20,20, 0,360, $noir);
header ("content-type: image/png");
imagepng($image);
?>

Modifié par mofo

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...