[Tuto] Du code autoit en html

Espace contenant des tutoriels divers concernant AutoIt.
Règles du forum
.

Tutoriel "La programmation avec Autoit" : https://openclassrooms.com/fr/courses/1 ... vec-autoit
Répondre
Avatar du membre
jbnh
Niveau 11
Niveau 11
Messages : 1932
Enregistré le : ven. 02 mai 2008 14:54
Localisation : Bruxelles
Status : Hors ligne

[Tuto] Du code autoit en html

#1

Message par jbnh »

Faut dire, le code autoit avec plein de belles couleurs c'est joli, seulement voila, vous avez un site et vous voulez afficher le code de votre joli programme, mais en noir, c'est pô bô.

Voici comment faire :

Sur notre beau forum autoit votre code est affiché ainsi :

Code : Tout sélectionner

#include <GuiConstants.au3>
#include <WinApi.au3>
#include <GdiPlus.au3>
Global $ahCallBack[2], $iPrecent
GUICtrlCreateLabel("", 9, 9, 302, 22, -1, $WS_EX_STATICEDGE)
$hGraphic2 = _GDIPlus_ImageGetGraphicsContext($hBitMap)
$Depth = 1.64 ; Min = 1.10  Max = 1.70
msgbox(0,"System Uptime","Days: "&$iDays& ", Hours: "&$iHours &", Minutes: "&$iMins & ", Seconds: "&$iSecs )
(Le code veut absolument rien dire, j'ai juste essayé de reprendre un max de couleur :mrgreen: )

Ensuite vous cliquez sur la barre de votre navigateur internet: affichage -> source ou affichage -> code source de la page

Le code html de la page apparait, a vous de retrouvez la ligne du début du code autoit. Le plus facile est de faire edition -> rechercher et de taper Code:

A vous de copy past le code ce qui donnera pour mon code ceci:
► Afficher le textele code html
Et mettez le dans votre page html. Toutefois quelques réglages s'impose. Je vous donne donc directement les réglages css à executer pour un texte uniforme pour les deux navigateurs:

Code : Tout sélectionner

<HTML>
<HEAD>
<STYLE type="text/css">
<!--
        A { text-decoration: none }
        body {font-size: 100%}
 -->
 </STYLE>
 
<!--[if IE]>





<STYLE type="text/css">
        A { text-decoration: none }
        body {font-size: 80%}
 </STYLE>
<![endif]-->

</HEAD>
<BODY>

<div class="autoit" id="cb88015" style="font-family: monospace;">

LE CODE HTML ICI

 </div>

</BODY>
</HTML>
Ce qui vous donnera tout simplement ceci:

Image

Si vous voulez un cadre comme sur le forum, voici le fichier html à avoir:
► Afficher le textedu code html
Ce qui vous donnera:

Image

Et voilà :mrgreen:

Des questions ou suggestions, n'hésitez pas.

Tutorial réalisé par Jbnh <hardwarez@hotmail.co.uk>
Balise [..] devant votre requête en cours, [R] quand résolu | Pas de message concernant les bots !

Merci
ani
Niveau 11
Niveau 11
Messages : 1826
Enregistré le : lun. 23 juil. 2007 12:31
Localisation : Bureau
Status : Hors ligne

Re: [Tuto] Du code autoit en html

#2

Message par ani »

Un mot

BraVo :)

ps:Fait longtemp que j'ai plus touché au html/css, il serait temp que je m'y remette.
genaille08
Niveau 4
Niveau 4
Messages : 93
Enregistré le : sam. 03 mai 2008 01:27
Status : Hors ligne

Re: [Tuto] Du code autoit en html

#3

Message par genaille08 »

j'ai pas compris comment on fait a paritr de "copy past"
sa veut dire quoi

et qui peut intervenir dans le code ???
seulement l'admin ???
Avatar du membre
jbnh
Niveau 11
Niveau 11
Messages : 1932
Enregistré le : ven. 02 mai 2008 14:54
Localisation : Bruxelles
Status : Hors ligne

Re: [Tuto] Du code autoit en html

#4

Message par jbnh »

Copy past veut tout simplement dire copier coller.

Pour répondre a ta deuxième question, tout le monde peut accéder au code html (et uniquement html bien sur) d'une page (affichage -> source ou affichage -> code source de la page)

Le code html récupéré permettra d'afficher le code sur ton site enfait.
Balise [..] devant votre requête en cours, [R] quand résolu | Pas de message concernant les bots !

Merci
Répondre