HTML, JavaScript et PANORAMIC : le bon ménage !

Sujet: HTML, JavaScript et PANORAMIC : le bon ménage ! Sam 10 Nov 2012 - 16:40

Salut tout le monde.

Ces jours-ci je me suis remis à l’école du HTML et du JAVASCRIPT et compagnie afin de consolider les quelques rudiments de connaissances que j’ai en ce domaine.
Chemin faisant, je suis tombé sur un code en JavaScript qui permet de trouver la solution du jeu « le compte est bon ».
Après quelques modifications, adaptation et intégration à un programme en HTML, j’ai lancé l’exécution et
oh miracle de l’informatique quand tout semble bien marcher ! Ça a marché impeccablement !

Je me suis dis : je vais tout intégrer dans un programme PANORAMIC pour voir si ça marcherait.
J’ai transformé le code HTML en lignes DATA et j’ai écrit un petit code pour lire ces DATAs, les sauvgarder dans un fichier temporaire (avec l’extension .HTML) sur disque puis exécuter le fichier résultant par EXECUTE_WAIT : ça a marché mais ...
Mais en y regardant de plus près, il y a un problème : mes pauvres voyelles accentuées ont disparu au profit d’autres caractères différents selon le navigateur utilisé (IE, OPERA, CHROME, MOZILLA).

J’essaye maintenant de remédier à ce désagrément. La solution est peut-être très simple mais lorsqu’on ne sait pas comment faire, on ne peut pas bien faire !
L’idée (O combien bête !!!) qui m’est venu est de transformer mon texte en majuscule et (hop !) bye bye les voyelles accentuées !

Si quelqu’un sait comment faire pour que les navigateurs respectent mes voyelles accentuées (et aussi les cédilles, les trémas ...), je suis preneur.
En attendant je retourne à mes moutons.

Peut-être, je publierais mon œuvre ce soir.
A+

Bonsoir,

Tout dépend de ce que tu as mis en charset dans ton entête html...
tu dois normalement y avoir une balise meta qui ressemble à ceci :
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

Wink

PS: si cela ne marche toujours pas essaye celui-là :
charset=windows-1250

Le problème que tu as certainement rencontré, c'est que ta page html originale était certainement codée en UTF8 (et donc il devais y avoir un entete en consequent) . le fait de passer par Panoramic pour te re-générer cette page, tu changes le type de codage et comme Panoramic ne te permet pas de sauvegarder du texte en UTF8....

@Nardo26

C'est tout à fait exact ce que tu dis!

Comme promis, voici "le compte est bon".
Le programme se déroule dans une page web (en local) dans votre navigateur par défaut.
Il permet soit de choisir au hasard les valeurs des plaques ainsi que le compte à trouver, soit de les saisir manuellement.
Dans le 1er cas, les choix se font conformément aux règles du jeu : c.à.d. un compte à trouver (ou à défaut à approcher) choisi entre 101 et 999 et 6 valeurs choisis parmi 1,2,3,4,5,6,7,8,9,10,25,50,75,100.
Dans le second cas, vous pouvez utiliser n’importe quelle valeur entière positive (de 1 à …. l’infini ? c'est à déterminer !) et ce, aussi bien pour le compte à trouver que pour les valeurs des plaques.
Une autre souplesse aussi du programme : il n’est pas obligatoire d’utiliser 6 plaques .
Vous pouvez saisir moins, mais au moins 3 plaques !

Le programme est d’une vitesse phénoménale ! .
Quelques millisecondes suffisent pour trouver le compte est bon ou la valeur qui s’en approche le plus !
Cliquez sur "!!! Le compte est bon !!!" pour afficher la solution.
Il semble qu’il est incollable !

NB : le programme crée dans le répertoire de votre choix le fichier "LeCompteEstBon.HTML", l’exécute puis l’efface avant de se terminer.
Donc, aucune modification sur vos disques.

Code:: ' ******************************************************************************
'
' LE COMPTE EST BON EN JAVASCRIPT DANS UNE PAGE WEB
'
' CompteHTML.bas
' Par papydall
'
' ******************************************************************************

run()
stop_run()
' ******************************************************************************
SUB run()
DIM_LOCAL fichier$, g$, cod$
fichier$ = "D:\Temp\LeCompteEstBon.html" : ' Adapter le répertoire à votre convenance
g$ = CHR$(34) : ' guillemet
FILE_OPEN_WRITE 1, fichier$ : ' Créer le fichier HTML
READ cod$
WHILE cod$ <> "FIN"
FILE_WRITELN 1, cod$ : READ cod$
END_WHILE
FILE_CLOSE 1
EXECUTE_WAIT fichier$ : ' Exécution du HTML
FILE_DELETE fichier$ : ' Effacer le fichier
END_SUB
' ******************************************************************************
SUB stop_run()
end
END_SUB
' ******************************************************************************
' Code HTML5
DATA "<!DOCTYPE HTML>"
DATA "<html lang="+g$+"fr"+g$+">"
DATA "<head>"
DATA " <title>Le compte est bon</title>"
DATA " <meta http-equiv="+g$+"content-type"+g$+" content="+g$+"text/html; charset=utf-8"+g$+">"
DATA "<style type="+g$+"text/css"+g$+">"
DATA ""
DATA "</style>"
' Ici débute le script javascript
DATA "<script type="+g$+"text/javascript"+g$+">"
DATA "function $(i){return document.getElementById(i)}"
DATA "var _p=[1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,25,50,75,100];"
DATA "var _c,_t=new Array(6),_m,_e={"+g$+"which"+g$+":13,"+g$+"target"+g$+":null};"
DATA "var Tgn={"
DATA " c:null,b:null,n:null,m:null,r:null,s:null,t:new Array(42),z:null,"
DATA " sol:function(c,p,mode){var i,j,k,o=[],q=[],l=p.length,x;"
DATA " this.z=-(new Date().getTime());"
DATA " if (c=='') c=0;c=parseInt(c);"
DATA " if (typeof(c)!='number' || c<1) {this.m='La valeur du compte à trouver est manquante';"
DATA " this.r='<br>Toutes les valeures entières positives sont acceptées !';this.z=0;return}"
DATA " this.c=parseInt(c);this.b=this.c;this.s={};"
DATA " j=0;for (i=0;i<l;i++) {if (isNaN(k=parseInt(p[i]))) continue;q[j++]=k;}"
DATA " if (j<3) {this.m='Nombres de plaques insuffisant (il en manque au moins 3)';"
DATA " this.r='<br>Trois plaques vièrges au plus sont acceptées !';this.z=0;return}"
DATA " this.m='Le compte est bon';"
DATA " this.n=j;for (i=0;i<j;i++) {k=i;while(0<k && o[k-1]<q[i]) o[k]=o[--k];o[k]=q[i];}"
DATA " for(i=0;i<j;i++) {Tgn.t[6*j+i]=o[i];if (this.c==o[i]) {this.r='<br>'+o[i];this.z=0;return}}"
DATA " x=1;"
DATA " while (o[k=j-1]==1) if (5<j && o[j-2]==1 && o[j-3]==1 && o[j-4]==2 && o[j-5]==2 && o[j-6]==2) {x=27;j=j-6;}"
DATA " else if (3<j && o[j-2]==1 && o[j-3]==2 && o[j-4]==2) {x=9;j=j-4;}"
DATA " else {v=o[--k]+1;while(0<k && o[k-1]<v) o[k]=o[k--];o[k]=v;j=j-1;}"
DATA " k=j-1;while(-1<k) x*=o[k--];"
DATA " if (x<this.c) {this.b=x;this.m=''+x;}"
DATA " while (!this.dcp(this.n)) {"
DATA " i=this.b+1;while(typeof(this.s[i])=='undefined') i++;"
DATA " j=this.b-1;while(0<j && typeof(this.s[j])=='undefined') j--;"
DATA " if ((this.b-j)<=(i-this.b)) this.b=j;else this.b=i;"
DATA " this.m=''+this.b;this.s={};}"
DATA " this.z+=new Date().getTime();"
DATA " },"
DATA " dcp:function(a){var i,j,k,v=(a<<3)-a,u=v-a,x,y,w;"
DATA " for (i=u;i<v;i++) for (j=u;j<v;j++){"
DATA " if (i==j || (x=this.t[i])<(y=this.t[j])) continue;"
DATA " if ((w=x+y)==this.b) {this.r='<br> '+x+' + '+y+' = '+w;return 1;}"
DATA " k=u-5;for (var l=u;l<v;l++) {if (l==i || l==j) continue;"
DATA " this.t[k++]=this.t[l];}"
DATA " k=u-6;"
DATA " this.s[w]=1;this.t[k]=w;"
DATA " if (this.dcp(a-1)==1) {"
DATA " if (-1<this.r.search(new RegExp(' '+w+' '))) this.r='<br> '+this.t[i]+' + '+this.t[j]+' = '+w+this.r;"
DATA " return 1;}"
DATA " if (x!=y && x!=y<<1) {"
DATA " if ((w=x-y)==this.b) {this.r='<br> '+x+' - '+y+' = '+w;return 1;}"
DATA " this.s[w]=1;this.t[k]=w;"
DATA " if (this.dcp(a-1)==1){"
DATA " if (-1<this.r.search(new RegExp(' '+w+' '))) this.r='<br> '+this.t[i]+' - '+this.t[j]+' = '+w+this.r;"
DATA " return 1;}}"
DATA " if (1<x && 1<y) {"
DATA " if ((w=x*y)==this.b) {this.r='<br> '+x+' x '+y+' = '+w;return 1;}"
DATA " this.s[w]=1;this.t[k]=w;"
DATA " if (this.dcp(a-1)==1){"
DATA " if (-1<this.r.search(new RegExp(' '+w+' '))) this.r='<br> '+this.t[i]+' x '+this.t[j]+' = '+w+this.r;"
DATA " return 1;}}"
DATA " if (1<y && x%y==0 && x!=y*y) {"
DATA " if ((w=x/y)==this.b) {this.r='<br> '+x+' / '+y+' = '+w;return 1;}"
DATA " this.s[w]=1;this.t[k]=w;"
DATA " if (this.dcp(a-1)==1){"
DATA " if (-1<this.r.search(new RegExp(' '+w+' '))) this.r='<br> '+this.t[i]+' / '+this.t[j]+' = '+w+this.r;"
DATA " return 1;}}"
DATA " }"
DATA " return 0}"
DATA "};"
DATA "function ini(){var i,j,p={},t;"
DATA " do {_c=100+Math.floor(900*Math.random())} while (_c==1000);"
DATA " for (i=0;i<6;i++) {"
DATA " do {j=Math.floor(24*Math.random())} while (j==24 || typeof(p[j])=='number');"
DATA " _t[i]=_p[j];p[j]=1;}"
DATA " $('idc').value=_c;$('isl').innerHTML='';"
DATA " t="+g$+g$+";i=0;while(i<6) t+='<input id="+g$+"idp'+i+'"+g$+" type="+g$+"text"+g$+" value="+g$+"'+_t[i++]+'"+g$+">';"
DATA " $('ipl').innerHTML=t;"
DATA " setTimeout('sol()',7);"
DATA "}"
DATA "function ntr(e){var o=!e?window.event.keyCode:e.which,t=!e?window.event.srcElement:e.target;"
DATA " if (t.id.substr(0,2)=='id' && t.value!='' && (t.value==0 || isNaN(t.value))) {t.value='';$('isl').innerHTML='';return}"
DATA " if (t.id.substr(0,2)=='id' && t.value<0) {t.value=-t.value;$('isl').innerHTML='';return}"
DATA " if (o!=13 || t.id.substr(0,2)!='id') return true;"
DATA " _c=$('idc').value;"
DATA " for (i=0;i<6;i++) _t[i]=$('idp'+i).value;"
DATA " $('isl').innerHTML='';setTimeout('sol()',7);"
DATA "}"
DATA "function sol(){"
DATA " Tgn.sol(_c,_t);_m='<a id="+g$+"idt"+g$+" href="+g$+"javascript:edt()"+g$+" title="+g$+"Afficher la solution"+g$+">!!! '+Tgn.m+' !!!</a>';"
DATA " $('isl').innerHTML=_m;"
DATA "}"
DATA "function edt(){var t=(Tgn.z<2)?'<span>(immediat) </span>':'<span>(en '+Tgn.z.toString()+' millisecondes)</span>';"
DATA " $('isl').innerHTML=Tgn.m+' '+t+Tgn.r;"
DATA "}"
DATA "document.onkeyup=ntr;"
DATA "</script>"
DATA "</head>"
DATA "<body onload="+g$+"ini()"+g$+">"
DATA " <div><h1> ***** JOUEZ AU COMPTE EST BON *****</h1><br>"
DATA " <p>Le jeu consiste à obtenir ou approcher un entier de trois chiffres choisi au hasard entre <b>101</b> et <b>999</b> <br>"
DATA " au moyen des 4 opérations arithmétiques élémentaires (+ - * /) appliquées au plus à six nombres entiers<br>"
DATA " choisis également au hasard parmi (<b>1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 25, 50, 75, 100</b>)<br><br>"
DATA " En plus, vous pouvez saisir vous-même les valeurs.<br> Dans ce cas, toutes les valeurs entières positives sont acceptées, mais vous devez utiliser au moins 3 plaques !</p>"
DATA " <div id="+g$+"jeu"+g$+"><p><input id="+g$+"idc"+g$+" type="+g$+"text"+g$+" value="+g$+""+g$+"></p><p id="+g$+"ipl"+g$+"></p>"
DATA " <p id="+g$+"mdp"+g$+"><a href="+g$+"javascript:(_e.target=$('idc'),ntr(_e))"+g$+" title="+g$+"Lancer la résolution du jeu affiché"+g$+">OK </a>ou <b><i>ENTREE</i></b> après modifications des valeurs ou <a href="+g$+"javascript:ini()"+g$+" title="+g$+"Nouveau jeu"+g$+">Tirage au sort</a></p><br><p id="+g$+"isl"+g$+"></p>"
DATA " </div>"
DATA " </div>"
DATA " <div id="+g$+"pdp"+g$+">"
DATA " <hr><i><b>Bon divertissement</i></div>"
DATA "</body>"
DATA "</html>"
DATA "FIN"
' ******************************* FIN ******************************************

BON DIVERTISSEMENT !

Salut
Je suis inspire par ce progranmme
Il elargit les possibilites de Panoramic
C'est sa rapidite qui est impressionnante!

Bonsoir Papydall,
Trop fort ton compte est bon!!! HTML, JavaScript et PANORAMIC : le bon ménage ! 3d-ClinOeilPouce

bonjour

avec quelle version de Panoramic ton programme tourne-t-il ?

j'en suis encore à 0-9-23 ...

Bonjour maelilou

Avec la version 0.9.24i5 du 25 octobre 2012 que tu peux télécharger ICI

merci !

Vais pouvoir m'exercer...

Bravo Papydall,

Le coup du code en JAVA et HTML passé sous forme de DATA, fallait y penser.....

A ce propos, j'ai découvert ce matin une combine pour transformer une page Word en code html à insérer entre les balises body, avec Notepad++.

Méthode: copier la page Word dans le presse papier et sélectionner collage spécial dans le menu édition de Notepad++ puis Paste HTML. Certe, il y a une tonne de commentaires générés (on peut les effacer)
L'intérêt est que la mise en forme et les images sont conservées tel quel. Il faut juste supprimer les paragraphes contenant le nom de fichier.

Il y a certainement d'autres méthodes, mais je voulais vous en faire profiter...

J'en reste là, car je suis un peu hors sujet et hors Panoramic.

A+

Tout à fait mais faut pas être trop regardant sur le code html généré.... Wink

@Jean Claude.
Ce que j’ai utilisé, moi, c’est du JavaScript qui est tout à fait différent du Java.

Aussi la combinaison du HTML, JavaScript, Vbs, etc... avec PANORAMIC peut aboutir à des choses très intéressantes !

@Nardo
C'est vrai, mais c'est néanmoins pratique pour quelqu'un qui connait bien Word (et je suppose OpenOffice) pour préparer ces pages.....

@Papydall, ok pour la java, on danse pas la même Very Happy

A+

Salut tout le monde.

J’ai trouvé comment obliger les navigateurs à respecter mes voyelles accentuées!
Et du coup, j’ai édité mon programme ci-haut publié.

Pour ceux qui veulent savoir comment faire, voici la marche à suivre (c’est un peu laborieux mais ça marche !)
Pour écrire une voyelle accentuée, par exemple : é , on écrit &eacute ; (le ; est obligatoire !)
Après le caractère &, on écrit la voyelle suivie de acute ou grave ou circ (pour accent aigu, accent grave, accent circonflexe) suivi de ;
Voir comment faire dans les lignes DATAs de mon programme.

Vous trouvez ICI une liste complète de tous les caractères spéciaux, ou ICI

Ou alors tu met ceci dans tes datas:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

Non, ça ne marche pas !
Dans mes lignes DATAs, j’ai la ligne

Code:: DATA " <meta http-equiv="+g$+"content-type"+g$+" content="+g$+"text/html; charset=utf-8"+g$+">"

Si j’exécute mon code directement, l’affichage sera correct.
Le problème vient de ce que PANORAMIC en enregistrant le fichier ne le fait pas en utf-8. D’où la non reconnaissance des caractères spéciaux par le navigateur.
Le fait de coder ces caractères comme je l’ai fais force les navigateurs à les afficher correctement !

Salut tout le monde.

Si vous n’arrivez pas à lire le texte suivant, c’est que vous ne disposez pas d’un programme qui écrit à l’envers !

˙ʇuɐʌıns ǝpoɔ ǝl ʇsǝ ʇɐʇlnséɹ ǝl ʇǝ sǝɥɔɹǝɥɔǝɹ sǝnblǝnb ʇıɐɟ ıɐ’ɾ
˙62opɹɐu ǝp ǝɹnʇɐuƃıs ɐl ʇuɐpɹɐƃǝɹ uǝ ǝnuǝʌ ʇsǝ’ɯ ǝépı ǝʇʇǝɔ

Voici le code : Mariage du HTML, JAVASCRIPT et PANORAMIC.
Le programme se déroule dans une page Web en local.

Code:: ' ******************************************************************************
'
' ECRITURE EN MIROIR EN JAVASCRIPT DANS UNE PAGE WEB
'
' Miroir.bas
'
' ******************************************************************************

run()
stop_run()
' ******************************************************************************
SUB run()
DIM_LOCAL fichier$, g$, cod$
fichier$ = "D:\Temp\miroir.html" : ' Adapter le répertoire à votre convenance
g$ = CHR$(34) : ' guillemet
FILE_OPEN_WRITE 1, fichier$ : ' Créer le fichier HTML
READ cod$
WHILE cod$ <> "FIN"
FILE_WRITELN 1, cod$ : READ cod$
END_WHILE
FILE_CLOSE 1
EXECUTE_WAIT fichier$ : ' Exécution du HTML
FILE_DELETE fichier$ : ' Effacer le fichier
END_SUB
' ******************************************************************************
SUB stop_run()
end
END_SUB
' ******************************************************************************
' Code HTML
DATA "<!DOCTYPE html>"
DATA "<html lang="+g$+"FR"+g$+">"
DATA "<head>"
DATA "<meta http-equiv="+g$+"Content-Type"+g$+" content="+g$+"text/html; charset=utf-8"+g$+" />"
DATA "<title>Ecriture en miroir</title>"
DATA "<script>"
DATA "function flip() {"
DATA " var result = flipString(document.f.original.value.toLowerCase());"
DATA " document.f.flipped.value = result;"
DATA "}"
DATA "function flipString(aString) {"
DATA " var last = aString.length - 1;"
DATA " var result = new Array(aString.length)"
DATA " for (var i = last; i >= 0; --i) {"
DATA " var c = aString.charAt(i)"
DATA " var r = flipTable[c]"
DATA " result[last - i] = r != undefined ? r : c"
DATA " }"
DATA " return result.join('')"
DATA "}"
DATA "var flipTable = {"
DATA "a : '\u0250',"
DATA "b : 'q',"
DATA "c : '\u0254',"
DATA "d : 'p',"
DATA "e : '\u01DD',"
DATA "f : '\u025F',"
DATA "g : '\u0183',"
DATA "h : '\u0265',"
DATA "i : '\u0131',"
DATA "j : '\u027E',"
DATA "k : '\u029E',"
DATA "//l : '\u0283',"
DATA "m : '\u026F',"
DATA "n : 'u',"
DATA "r : '\u0279',"
DATA "t : '\u0287',"
DATA "v : '\u028C',"
DATA "w : '\u028D',"
DATA "y : '\u028E',"
DATA "'.' : '\u02D9',"
DATA "'[' : ']',"
DATA "'(' : ')',"
DATA "'{' : '}',"
DATA "'?' : '\u00BF',"
DATA "'!' : '\u00A1',"
DATA ""+g$+"\'"+g$+" : ',',"
DATA "'<' : '>',"
DATA "'_' : '\u203E',"
DATA "'\u203F' : '\u2040',"
DATA "'\u2045' : '\u2046',"
DATA "'\u2234' : '\u2235',"
DATA "'\r' : '\n'"
DATA "}"
DATA "for (i in flipTable) {"
DATA " flipTable[flipTable[i]] = i"
DATA "}"
DATA "</script>"
DATA "</head>"
DATA "<body>"
DATA "<form name="+g$+"f"+g$+">"
DATA "<strong>Texte original </strong>:<br />"
DATA "<textarea rows="+g$+"6"+g$+" cols="+g$+"50"+g$+" name="+g$+"original"+g$+" onkeyup="+g$+"flip()"+g$+"></textarea><br /><br />"
DATA "<input value="+g$+"Mettre à l'envers"+g$+" onclick="+g$+"flip()"+g$+" type="+g$+"button"+g$+"><br /><br />"
DATA "<strong>Resultat à l'envers :</strong><br />"
DATA "<textarea rows="+g$+"6"+g$+" cols="+g$+"50"+g$+" name="+g$+"flipped"+g$+"></textarea>"
DATA "</form>"
DATA "</body>"
DATA "</html>"
DATA "FIN"
' ****************************** FIN *******************************************

Utilisation du programme :
Ecrivez (ou collez) votre texte dans ‘Texte original’.
Si le texte ne s’affiche pas dans ‘resultat à l’envers’, cliquez sur ‘Mettre à l’envers’

Bravo beau début. Je dis debut car chez moi, sur la page où je te lis, le é n'est pas renversé, les chiffres non plus.
De plus, il y a un problème d'alignement, le texte est aligné en bas. Du coup, le bas du t est sous le bas du e ou du s (le haut du t étant aligné avec ces lettres), pareille pour le l. problème d'alignement aussi pour l'apostrophe.
Donc pour le moment, c'est un miroir déformant...

Les chiffres ne s’inversent pas.
Les majuscules sont transformées en minuscules.
Les voyelles accentuées et les autres signes (&#@ …) s’affichent tel quelles.
Le tout s’écrit de droite à gauche !
**** ¡ ɹǝpɹɐʌɐq ɹnod ʇsǝ’u ǝɔ ıs ʇuɐssǝɹéʇuı’p uǝıɹ ɔuop **** HTML, JavaScript et PANORAMIC : le bon ménage ! 0001

HTML, JavaScript et PANORAMIC : le bon ménage ! 0001

Sinon, pour compléter un peu tu peux compléter ta table, tu peux remplacer ta flipTable avec les valeurs si dessous.

Code:: DATA "var flipTable = {"
DATA "1 : '\u0196',"
DATA "2 : '\u1105',"
DATA "3 : '\u0190',"
DATA "4 : '\u3123',"
DATA "5 : '\u03DB',"
DATA "6 : '9',"
DATA "7 : '\u3125',"
DATA "9 : '6',"
DATA "a : '\u0250',"
DATA "b : 'q',"
DATA "c : '\u0254',"
DATA "d : 'p',"
DATA "e : '\u01DD',"
DATA "f : '\u025F',"
DATA "g : '\u0183',"
DATA "h : '\u0265',"
DATA "i : '\u0131',"
DATA "j : '\u027E',"
DATA "k : '\u029E',"
DATA "l : '\u0283',"
DATA "m : '\u026F',"
DATA "n : 'u',"
DATA "r : '\u0279',"
DATA "t : '\u0287',"
DATA "u : 'n',"
DATA "v : '\u028C',"
DATA "w : '\u028D',"
DATA "y : '\u028E',"
DATA "A : '\u2200',"
DATA "B : 'q',"
DATA "C : '\u0186',"
DATA "D : 'p',"
DATA "E : '\u018E',"
DATA "F : '\u2132',"
DATA "G : '\u05E4',"
DATA "J : '\u017F',"
DATA "K : '\u029E',"
DATA "L : '\u02E5',"
DATA "M : 'W',"
DATA "P : 'd',"
DATA "R : '\u0279',"
DATA "T : '\u2534',"
DATA "U : '\u2229',"
DATA "V : '\u039B',"
DATA "W : '\M',"
DATA "Y : '\u2144',"
DATA "'.' : '\u02D9',"
DATA "'[' : ']',"
DATA "'(' : ')',"
DATA "'{' : '}',"
DATA "'?' : '\u00BF',"
DATA "'!' : '\u00A1',"
DATA ""+g$+"\'"+g$+" : ',',"
DATA "'<' : '>',"
DATA "'_' : '\u203E',"
DATA "'\u203F' : '\u2040',"
DATA "'\u2045' : '\u2046',"
DATA "'\u2234' : '\u2235',"
DATA "'\r' : '\n'"
DATA "}"

Il doit y avoir aussi une astuce pour remplacer le ç par un 5
Il faudrait aussi remplacer tous les caractères accentués par des caractères non accentués pour un moindre mal Wink

Code complet avec la table:

Spoiler:

Code:: ' ******************************************************************************
'
' ECRITURE EN MIROIR EN JAVASCRIPT DANS UNE PAGE WEB
'
' Miroir.bas
'
' ******************************************************************************

run()
stop_run()
' ******************************************************************************
SUB run()
DIM_LOCAL fichier$, g$, cod$
fichier$ = "C:\Temp\miroir.html" : ' Adapter le répertoire à votre convenance
g$ = CHR$(34) : ' guillemet
FILE_OPEN_WRITE 1, fichier$ : ' Créer le fichier HTML
READ cod$
WHILE cod$ <> "FIN"
FILE_WRITELN 1, cod$ : READ cod$
END_WHILE
FILE_CLOSE 1
EXECUTE_WAIT fichier$ : ' Exécution du HTML
FILE_DELETE fichier$ : ' Effacer le fichier
END_SUB
' ******************************************************************************
SUB stop_run()
end
END_SUB
' ******************************************************************************
' Code HTML
DATA "<!DOCTYPE html>"
DATA "<html lang="+g$+"FR"+g$+">"
DATA "<head>"
DATA "<meta http-equiv="+g$+"Content-Type"+g$+" content="+g$+"text/html; charset=utf-8"+g$+" />"
DATA "<title>Ecriture en miroir</title>"
DATA "<script>"
DATA "function flip() {"
DATA " var result = flipString(document.f.original.value);"
DATA " document.f.flipped.value = result;"
DATA "}"
DATA "function flipString(aString) {"
DATA " var last = aString.length - 1;"
DATA " var result = new Array(aString.length)"
DATA " for (var i = last; i >= 0; --i) {"
DATA " var c = aString.charAt(i)"
DATA " var r = flipTable[c]"
DATA " result[last - i] = r != undefined ? r : c"
DATA " }"
DATA " return result.join('')"
DATA "}"
DATA "var flipTable = {"
DATA "1 : '\u0196',"
DATA "2 : '\u1105',"
DATA "3 : '\u0190',"
DATA "4 : '\u3123',"
DATA "5 : '\u03DB',"
DATA "6 : '9',"
DATA "7 : '\u3125',"
DATA "9 : '6',"
DATA "a : '\u0250',"
DATA "b : 'q',"
DATA "c : '\u0254',"
DATA "d : 'p',"
DATA "e : '\u01DD',"
DATA "f : '\u025F',"
DATA "g : '\u0183',"
DATA "h : '\u0265',"
DATA "i : '\u0131',"
DATA "j : '\u027E',"
DATA "k : '\u029E',"
DATA "l : '\u0283',"
DATA "m : '\u026F',"
DATA "n : 'u',"
DATA "r : '\u0279',"
DATA "t : '\u0287',"
DATA "u : 'n',"
DATA "v : '\u028C',"
DATA "w : '\u028D',"
DATA "y : '\u028E',"
DATA "A : '\u2200',"
DATA "B : 'q',"
DATA "C : '\u0186',"
DATA "D : 'p',"
DATA "E : '\u018E',"
DATA "F : '\u2132',"
DATA "G : '\u05E4',"
DATA "J : '\u017F',"
DATA "K : '\u029E',"
DATA "L : '\u02E5',"
DATA "M : 'W',"
DATA "P : 'd',"
DATA "R : '\u0279',"
DATA "T : '\u2534',"
DATA "U : '\u2229',"
DATA "V : '\u039B',"
DATA "W : '\M',"
DATA "Y : '\u2144',"
DATA "'.' : '\u02D9',"
DATA "'[' : ']',"
DATA "'(' : ')',"
DATA "'{' : '}',"
DATA "'?' : '\u00BF',"
DATA "'!' : '\u00A1',"
DATA ""+g$+"\'"+g$+" : ',',"
DATA "'<' : '>',"
DATA "'_' : '\u203E',"
DATA "'\u203F' : '\u2040',"
DATA "'\u2045' : '\u2046',"
DATA "'\u2234' : '\u2235',"
DATA "'\r' : '\n'"
DATA "}"
DATA "for (i in flipTable) {"
DATA " flipTable[flipTable[i]] = i"
DATA "}"
DATA "</script>"
DATA "</head>"
DATA "<body>"
DATA "<form name="+g$+"f"+g$+">"
DATA "<strong>Texte original </strong>:<br />"
DATA "<textarea rows="+g$+"6"+g$+" cols="+g$+"50"+g$+" name="+g$+"original"+g$+" onkeyup="+g$+"flip()"+g$+"></textarea><br /><br />"
DATA "<input value="+g$+"Mettre à l'envers"+g$+" onclick="+g$+"flip()"+g$+" type="+g$+"button"+g$+"><br /><br />"
DATA "<strong>Resultat à l'envers :</strong><br />"
DATA "<textarea rows="+g$+"6"+g$+" cols="+g$+"50"+g$+" name="+g$+"flipped"+g$+"></textarea>"
DATA "</form>"
DATA "</body>"
DATA "</html>"
DATA "FIN"
' ****************************** FIN *******************************************

Bonsoir à tous,
J'ai trouvé sur internet des java script et je me suis amusé comme Papydall à en coder un en panoramic et l'exécuter. Ce qu'il y a , c'est qu'il ne faut surtout pas se tromper lorsqu'une ligen de javascript contient des guillemets, et c'est très fastidieux à faire. Quoiqu'il en soit, j'étais très content d'avoir trouvé une petite horloge, et voilà ce que cela donne:

Code:: run()
stop_run()
' ******************************************************************************
SUB run()
DIM_LOCAL fichier$, g$, cod$
fichier$ = "C:\Temp\horloge.html" : ' Adapter le répertoire à votre convenance
g$ = CHR$(34) : ' guillemet
FILE_OPEN_WRITE 1, fichier$ : ' Créer le fichier HTML
READ cod$
WHILE cod$ <> "FIN"
FILE_WRITELN 1, cod$ : READ cod$
END_WHILE
FILE_CLOSE 1
EXECUTE_WAIT fichier$ : ' Exécution du HTML
FILE_DELETE fichier$ : ' Effacer le fichier
END_SUB
' ******************************************************************************
SUB stop_run()
end
END_SUB

data "<HTML><HEAD><TITLE>Horloge Texte</TITLE>
data "<SCRIPT LANGUAGE="+g$+"JavaScript"+g$+">"
data "var H=new Object;"
data "function AffHorloge() {"
data " var d=new Date();"
data " var heure=d.getHours();"
data " var min=d.getMinutes();"
data " var sec=d.getSeconds();"
data "if (heure<10) heure="+g$+"0"+g$+"+heure;"
data " if (min<10) min="+g$+"0"+g$+"+min;"
data " if (sec<10) sec="+g$+"0"+g$+"+sec;"
data " contenu="+g$+"<SPAN style='"+g$+"+H.CSS+"+g$+"'>"+g$+"+heure+"+g$+":"+g$+"+min+"+g$+":"+g$+"+sec+"+g$+"</SPAN>"+g$+";"
data " if (document.layers) {"
data "    document.layers["+g$+"horloge"+g$+"].document.write(contenu);"
data "    document.layers["+g$+"horloge"+g$+"].document.close();"
data " }"
data " if (document.all) {horloge.innerHTML=contenu;}"
data " setTimeout("+g$+"AffHorloge()"+g$+",1000);"
data "}"
data "function InitHorloge(X,Y,CSS) {"
data " H.CSS=CSS;H.X=X;H.Y=Y;"
data " if (document.all) {"
data "    document.write("+g$+"<DIV id='horloge' style='position:absolute;top:"+g$+"+Y+"+g$+";left:"+g$+"+X+"+g$+";visibility:show'></DIV>"+g$+");"
data "    AffHorloge();"
data " }"
data " if (document.layers) {"
data "    document.write("+g$+"<LAYER name='horloge' top='"+g$+"+Y+"+g$+"' left='"+g$+"+X+"+g$+"' visibility='show'></LAYER>"+g$+");"
data "    setTimeout('AffHorloge()',200);"
data " }"
data "}"
data "</SCRIPT></HEAD>"
data "<BODY bgcolor="+g$+"#FFFFFF"+g$+" text="+g$+"#FFFFFF"+g$+" alink="+g$+"#000066"+g$+" link="+g$+"#000066"+g$+" vlink="+g$+"#000066"+g$+" >"
data "<FONT FACE="+g$+"Arial"+g$+" SIZE='-1' COLOR="+g$+"#000099"+g$+">"
data "<CENTER><BIG><B>Script Horloge texte dynamique</B></BIG></CENTER><BR><BR>"
data "<SCRIPT LANGUAGE="+g$+"JavaScript"+g$+">"
data " InitHorloge(250,250,"+g$+"font-family:verdana,arial;font-size:30px;font-weight:bold;color:orange"+g$+");"
data " // Paramètres (position en X, position en Y, style)"
data "</SCRIPT>"
data "<BR>"
data "</FONT></BODY></HTML>"
data "FIN"

Après plusieurs heures à me débattre avec ce code j'étais content de le voir fonctionner.
Puis j'ai réfléchi, et j'ai rigolé, car je pouvais faire la même chose en Panoramic avec 3 lignes de code!!!
Appuyez sur ESC pour sortir du programme!

Code:: width 0,170:left 0,screen_x-width(0):height 0,35:top 0,screen_y-height(0)-40:border_hide 0
font_name 0,"Arial":font_size 0,30:font_bold 0:font_color 0,200,100,0
while scancode<>27:print_locate 0,0:print time$:end_while:terminate

Quoiqu'il en soit, ce code en html est peut-être utile pour un site qui affichera une horloge, mais pas pour Panoramic!
Je ne remet pas en cause le html, voyez plutôt le code du compte est bon de Papydall! Non seulement le code html transformé en panoramic a simplifié et raccourci énormément le programme! Son programme en panoramic est excellent aussi.
Mon avis personnel, les scripts ne sont valables que pour certains programmes complexes, bien que je pense que l'on peut tout coder en panoramic (voir les programmes de Nardo ou Klaus entre autre).
A+ Wink

Bignono, l'horloge ne s'affiche pas ... j'ai juste le texte: Script Horloge texte dynamique sur la page.

Bonsoir Jicehel,
C'est bizarre, j'ai copié le code avec un control+clic dans l'éditeur panoramic, je l'ai lancé, et ça marche.
J'utilise aussi IE9. Je ne sais pas si ça marche avec un autre navigateur? Normalement, il ne devrait pas y avoir de problème.
A+

Testé ok sous IE9 chez moi aussi
Testé ko sous Mozilla

Salut tout le monde.

Le Forum est calme. Aucun remous, aucune vaguelette, rien de rien, c’est le calme plat !!
Eh bien, voila, je brise ce silence qui m’ennuie. HTML, JavaScript et PANORAMIC : le bon ménage ! Megaphone

HTML, JavaScript et PANORAMIC : le bon ménage ! Megaphone

Une fois de plus (ou de trop !) voici du HTML, du JAVASCRIPT et du PANORAMIC ... pour ... un jeu (le jeu du taquin).
En fait, je n’arrive pas à le programmer (d'une façon satisfaisante) en pur PANORAMIC, donc mes excuses pour ceux qui n’apprécient pas l’intrusion d’autres langages sur PANORAMIC.
Puisse ce jeu vous faire sortir de ce silence ! HTML, JavaScript et PANORAMIC : le bon ménage ! Tete-personnage

HTML, JavaScript et PANORAMIC : le bon ménage ! Tete-personnage

Cliquez, vous ne serez peut-être pas déçus! HTML, JavaScript et PANORAMIC : le bon ménage ! N_no

Sait-on jamais ?

Spoiler:

Code:: ' ******************************************************************************
'
' LE JEU DU TAQUIN EN JAVASCRIPT DANS UNE PAGE WEB
'
' Taquin.bas
'
' ******************************************************************************

run()
stop_run()
' ******************************************************************************
SUB run()
DIM_LOCAL fichier$, g$, cod$
fichier$ = "D:\Temp\taquin.html" : ' Adapter le répertoire à votre convenance
g$ = CHR$(34) : ' guillemet
FILE_OPEN_WRITE 1, fichier$ : ' Créer le fichier HTML
READ cod$
WHILE cod$ <> "FIN"
FILE_WRITELN 1, cod$ : READ cod$
END_WHILE
FILE_CLOSE 1
EXECUTE_WAIT fichier$ : ' Exécution du HTML
FILE_DELETE fichier$ : ' Effacer le fichier
END_SUB
' ******************************************************************************
SUB stop_run()
end
END_SUB
' ******************************************************************************
' Code HTML5
DATA " <!DOCTYPE html"
DATA " <meta http-equiv="+g$+"content-type"+g$+" content="+g$+"text/html; charset=utf-8"+g$+" />"
DATA " title>Jeu de Taquin en ligne - 3x3 | Lenna</title>"
DATA " <link href="+g$+"../../favicon.ico"+g$+" rel="+g$+"shortcut icon"+g$+" type="+g$+"image/x-icon"+g$+" />"
DATA " <link href="+g$+"http://www.taquin.net/fr/taquin_3x3_std/i1.html"+g$+" rel="+g$+"canonical"+g$+" />"
DATA " <base href="+g$+"http://www.taquin.net/fr/taquin_3x3_std/i1.html?s=135248769"+g$+" />"
DATA " <meta name="+g$+"description"+g$+" content="+g$+"Jeu de Taquin en ligne - 3x3 | Lenna"+g$+" />"
DATA " <meta name="+g$+"keywords"+g$+" content="+g$+"taquin, 15 puzzle, Lena, Lenna, jeu en ligne, HTML, CSS, Javascript, Lenna"+g$+" />"
DATA " <meta property="+g$+"og:title"+g$+" content="+g$+"Jeu de Taquin en ligne - 3x3 | Lenna"+g$+" />"
DATA " <meta property="+g$+"og:description"+g$+" content="+g$+"Jeu de Taquin en ligne - 3x3 | Lenna"+g$+" />"
DATA " <meta property="+g$+"og:type"+g$+" content="+g$+"website"+g$+" />"
DATA " <meta property="+g$+"og:image"+g$+" content="+g$+"http://www.taquin.net/x/1/img_sh.jpg"+g$+" />"
DATA " <meta property="+g$+"og:image"+g$+" content="+g$+"http://www.taquin.net/x/1/img_sh_n.jpg"+g$+" />"
DATA " <meta property="+g$+"og:image"+g$+" content="+g$+"http://www.taquin.net/x/1/img_so.jpg"+g$+" />"
DATA " <meta property="+g$+"og:image"+g$+" content="+g$+"http://www.taquin.net/x/1/img_so_n.jpg"+g$+" />"
DATA " <meta property="+g$+"og:url"+g$+" content="+g$+"http://www.taquin.net/_3x3/i1"+g$+" />"
DATA " <meta property="+g$+"og:site_name"+g$+" content="+g$+"Taquin"+g$+" />"
DATA " <meta property="+g$+"og:locale"+g$+" content="+g$+"fr_FR"+g$+" />"
DATA " <meta property="+g$+"og:locale:alternate"+g$+" content="+g$+"fr_FR"+g$+" />"
DATA " <meta property="+g$+"og:locale:alternate"+g$+" content="+g$+"en_US"+g$+" />"
DATA " <meta property="+g$+"og:locale:alternate"+g$+" content="+g$+"es_ES"+g$+" />"
DATA " <meta property="+g$+"fb:admins"+g$+" content="+g$+"526463183"+g$+" />"
DATA " <link rel="+g$+"stylesheet"+g$+" href="+g$+"../../css/taquin-1.2.1.min.css"+g$+" type="+g$+"text/css"+g$+" />"
DATA " <link rel="+g$+"stylesheet"+g$+" href="+g$+"../../css/512x512/taquin-1.2.1_3x3.min.css"+g$+" type="+g$+"text/css"+g$+" />"
DATA " <link rel="+g$+"stylesheet"+g$+" href="+g$+"../../css/taquin-1.2.1_print.min.css"+g$+" type="+g$+"text/css"+g$+" media="+g$+"print"+g$+" />"
DATA " <script type="+g$+"text/javascript"+g$+" src="+g$+"../../js/jquery-1.5.1.min.js"+g$+"></script>"
DATA " <script type="+g$+"text/javascript"+g$+" src="+g$+"../../js/taquin-1.2.1.min.js"+g$+"></script>"
DATA " <script type="+g$+"text/javascript"+g$+">$(document).ready( function() {$.Taquin.init(3,3,'../../',0);} );</script>"
DATA " "
DATA " "
DATA " <style type="+g$+"text/css"+g$+">"
DATA "    .tElt, .tBoard {background-image: url(../../x/1/bg_l.jpg);}"
DATA "    .tDoc .tSample.tSShuffled {background-image: url(../../x/1/hlp_sh.jpg);}"
DATA "    .tDoc .tSample.tSSolved {background-image: url(../../x/1/hlp_so.jpg);}"
DATA " </style>"
DATA " </head>"
DATA " <body>"
DATA " <div itemscope itemtype="+g$+"http://schema.org/WebApplication"+g$+" class="+g$+"tPage tRadius5 tStatic tDynFiles tNoCache tLangFr tStd"+g$+">"
DATA "    "
DATA "    <div class="+g$+"tSite"+g$+"><a href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248769"+g$+"><img itemprop="+g$+"image"+g$+" src="+g$+"../../img/logo.jpg"+g$+" alt="+g$+"Logo"+g$+" title="+g$+"Taquin - Lenna"+g$+" class="+g$+"tRadius2"+g$+" /></a></div>"
DATA "    <div class="+g$+"tCSecret"+g$+"><a class="+g$+"tADynFile"+g$+" href="+g$+"../../fr/types_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"types"+g$+" title="+g$+"Configurations supplémentaires"+g$+">Plus !</a></div>"
DATA "    <div class="+g$+"tConsole tCLang tRadius2"+g$+">"
DATA "       <a class="+g$+"tActive"+g$+" href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248769"+g$+" hreflang="+g$+"fr"+g$+" title="+g$+"Français"+g$+"><img src="+g$+"../..//img/flags/fr.png"+g$+" alt="+g$+"FR"+g$+" /></a>"
DATA "       <a class="+g$+""+g$+" href="+g$+"../../en/taquin_3x3_std/i1.html?s=135248769"+g$+" hreflang="+g$+"en"+g$+" title="+g$+"Anglais"+g$+"><img src="+g$+"../..//img/flags/en.png"+g$+" alt="+g$+"EN"+g$+" /></a>"
DATA "       <a class="+g$+""+g$+" href="+g$+"../../es/taquin_3x3_std/i1.html?s=135248769"+g$+" hreflang="+g$+"es"+g$+" title="+g$+"Espagnol"+g$+"><img src="+g$+"../..//img/flags/es.png"+g$+" alt="+g$+"ES"+g$+" /></a>"
DATA "    </div> "
DATA "    <div class="+g$+"tConsole tCTypes tC3"+g$+">"
DATA "       <a class="+g$+"tActive"+g$+" href="+g$+"../../fr/taquin_3x3_std/i1.html"+g$+" title="+g$+"3 lignes x 3 colonnes"+g$+">Taquin 3x3</a>"
DATA "       <a class="+g$+""+g$+" href="+g$+"../../fr/taquin_4x4_std/i1.html"+g$+" title="+g$+"4 lignes x 4 colonnes"+g$+">Taquin 4x4</a>"
DATA "       <a class="+g$+""+g$+" href="+g$+"../../fr/taquin_5x5_std/i1.html"+g$+" title="+g$+"5 lignes x 5 colonnes"+g$+">Taquin 5x5</a>"
DATA "       <a class="+g$+""+g$+" href="+g$+"../../fr/taquin_6x6_std/i1.html"+g$+" title="+g$+"6 lignes x 6 colonnes"+g$+">Taquin 6x6</a>"
DATA "    </div> "
DATA "    <div class="+g$+"tConsole tCMenu"+g$+">"
DATA "       <p class="+g$+"tPHelp"+g$+">"
DATA "          <a class="+g$+"tADynFile "+g$+" href="+g$+"../../fr/help_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"help"+g$+" title="+g$+"Cliquer pour l'aide : comment résoudre le jeu de Taquin"+g$+">Aide</a>"
DATA "       </p>"
DATA "       <p class="+g$+"tPAbout"+g$+">"
DATA "          <a class="+g$+"tADynFile "+g$+" href="+g$+"../../fr/about_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"about"+g$+" title="+g$+"A propos de ce site"+g$+">A propos</a>"
DATA "       </p>"
DATA "       <p class="+g$+"tPImages"+g$+">"
DATA "          <a class="+g$+"tADynFile "+g$+" href="+g$+"../../fr/images_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"images"+g$+" title="+g$+"Choisir l'image de fond"+g$+">Choisir l'image</a>"
DATA "       </p>"
DATA "       <p class="+g$+"tPLinks"+g$+">"
DATA "          <a class="+g$+"tADynFile "+g$+" href="+g$+"../../fr/links_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"links"+g$+" title="+g$+"Quelques liens autour du jeu de Taquin"+g$+">Liens</a>"
DATA "       </p>"
DATA "       <p class="+g$+"tPCustom"+g$+">"
DATA "          <a class="+g$+"tADynFile "+g$+" href="+g$+"../../fr/custom_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"custom"+g$+" title="+g$+"Personnaliser le jeu de Taquin"+g$+">Personnalisez <br /> le jeu !</a>"
DATA "       </p>"
DATA "    </div> "
DATA "    <div class="+g$+"tConsole tCModes"+g$+">"
DATA "       <form class="+g$+"tMode tAStd"+g$+" id="+g$+"stdForm"+g$+" name="+g$+"stdForm"+g$+" action="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248769"+g$+" method="+g$+"post"+g$+">"
DATA "          <input class="+g$+"tButton"+g$+" type="+g$+"submit"+g$+" name="+g$+"type"+g$+" value="+g$+"Standard"+g$+" disabled="+g$+"disabled"+g$+"/>"
DATA "       </form>"
DATA "       <form class="+g$+"tMode tANotxt"+g$+" id="+g$+"notxtForm"+g$+" name="+g$+"notxtForm"+g$+" action="+g$+"../../fr/taquin_3x3_notxt/i1.html?s=135248769"+g$+" method="+g$+"post"+g$+">"
DATA "          <input class="+g$+"tButton"+g$+" type="+g$+"submit"+g$+" name="+g$+"type"+g$+" value="+g$+"Sans chiffres"+g$+" />"
DATA "       </form>"
DATA "       <form class="+g$+"tMode tANoimg"+g$+" id="+g$+"noimgForm"+g$+" name="+g$+"noimgForm"+g$+" action="+g$+"../../fr/taquin_3x3_noimg/i1.html?s=135248769"+g$+" method="+g$+"post"+g$+">"
DATA "          <input class="+g$+"tButton"+g$+" type="+g$+"submit"+g$+" name="+g$+"type"+g$+" value="+g$+"Sans image"+g$+" />"
DATA "    </form>"
DATA "       <form class="+g$+"tMode tReplay"+g$+" id="+g$+"replayForm"+g$+" name="+g$+"replayForm"+g$+" action="+g$+"../../fr/replay_3x3_std/i48.html?s=135248769"+g$+" method="+g$+"post"+g$+">"
DATA "          <input class="+g$+"tButton"+g$+" type="+g$+"submit"+g$+" id="+g$+"replay"+g$+" name="+g$+"replay"+g$+" value="+g$+"Rejouer !"+g$+" />"
DATA "       </form>"
DATA "       <form class="+g$+"tMode tRandom"+g$+" id="+g$+"randomForm"+g$+" name="+g$+"randomForm"+g$+" action="+g$+"../../fr/taquin_3x3_std/i48.html?s=135248769"+g$+" method="+g$+"post"+g$+">"
DATA "          <input class="+g$+"tButton"+g$+" type="+g$+"submit"+g$+" id="+g$+"random"+g$+" name="+g$+"random"+g$+" value="+g$+"Changer d'image"+g$+" />"
DATA "       </form>"
DATA "       <div id="+g$+"help_image"+g$+" class="+g$+"tCImage"+g$+"><img src="+g$+"../../x/1/bg_m.jpg"+g$+" class="+g$+"tRadius5"+g$+" /></div>"
DATA "    </div> "
DATA "    <div class="+g$+"tConsole tCShares tRadius5"+g$+" id="+g$+"shares"+g$+">"
DATA "       <div class="+g$+"tShare"+g$+">"
DATA "          <div id="+g$+"fb-root"+g$+"></div>"
DATA "          <fb:like href="+g$+"http://www.taquin.net/_3x3/i1"+g$+" layout="+g$+"button_count"+g$+" show_faces="+g$+"false"+g$+" width="+g$+"160"+g$+" height="+g$+"25"+g$+" action="+g$+"like"+g$+" send="+g$+"true"+g$+" ref="+g$+""+g$+"></fb:like>"
DATA "       </div>"
DATA "       <div class="+g$+"tShare"+g$+">"
DATA "       </div>"
DATA "       <div class="+g$+"tShare"+g$+">"
DATA "          <g:plusone size="+g$+"standard"+g$+" count="+g$+"true"+g$+" href="+g$+"http://www.taquin.net/_3x3/i1"+g$+"></g:plusone>"
DATA "       </div>"
DATA "       <div class="+g$+"tShare tEmbed"+g$+">"
DATA "          <a class="+g$+"tADynFile tRadius4"+g$+" href="+g$+"../../fr/embed_3x3_std/i1.html?s=135248769"+g$+" rel="+g$+"embed"+g$+" title="+g$+"Intégrer le jeu de Taquin dans un site"+g$+"></> Intégrer</a>"
DATA "       </div>"
DATA "       "
DATA "    </div> "
DATA "    <div class="+g$+"tCRight"+g$+">"
DATA "       <div class="+g$+"tAdsense"+g$+">"
DATA "          <script type="+g$+"text/javascript"+g$+">"
DATA "          </script>"
DATA "       </div>"
DATA "    </div> "
DATA "    <div class="+g$+"tCBottom"+g$+">"
DATA "       <div class="+g$+"tAdsense"+g$+">"
DATA "          <script type="+g$+"text/javascript"+g$+">"
DATA "          </script>"
DATA "       </div>"
DATA "    </div> "
DATA "    <div class="+g$+"tPageDimmer tDim75"+g$+"><a class="+g$+"tADynBack"+g$+" href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248769"+g$+"></a></div>"
DATA "    <div class="+g$+"tGame tRadius30"+g$+">"
DATA "       <div class="+g$+"tCopy tVertText tLeft"+g$+"><em>Lenna</em></div>"
DATA "       <div class="+g$+"tCopy tVertText tRight"+g$+"><em>Photo:</em> © Dwight Hooker</div>"
DATA "       <div class="+g$+"tBack tTop"+g$+"><a class="+g$+"tADynBack"+g$+" href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248769"+g$+">←  <em>retour au jeu</em></a></div>"
DATA "       <div class="+g$+"tBack tBot"+g$+"><a class="+g$+"tADynBack"+g$+" href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248769"+g$+">←  <em>retour au jeu</em></a></div>"
DATA "       <div id="+g$+"bravo"+g$+" class="+g$+"tBravo"+g$+">Félicitations !</div>"
DATA "       <div id="+g$+"voila"+g$+" class="+g$+"tVoila"+g$+">Et voilà ☺</div>"
DATA "       <form class="+g$+"tHReplay tBot"+g$+" id="+g$+"h_replayForm"+g$+" name="+g$+"h_replayForm"+g$+" action="+g$+"../../fr/replay_3x3_std/i48.html?s=135248769"+g$+" method="+g$+"post"+g$+" >"
DATA "          <input class="+g$+"tButton"+g$+" type="+g$+"submit"+g$+" id="+g$+"h_replay"+g$+" name="+g$+"h_replay"+g$+" value="+g$+"Rejouer !"+g$+" />"
DATA "       </form>"
DATA "       <div id="+g$+"help_msg"+g$+" class="+g$+"tHelpMsg tBot"+g$+">Cliquez sur les pièces pour les déplacer, ou utilisez les flèches ← ↑ → ↓</div>"
DATA "       <div id="+g$+"timer"+g$+" class="+g$+"tTimer tBot"+g$+">00′00″</div>"
DATA "       <div id="+g$+"board"+g$+" class="+g$+"tBoard tB3x3"+g$+">"
DATA "          "
DATA "          <div id="+g$+"quote"+g$+" class="+g$+"tQuote tEnc"+g$+">"
DATA "             <div class="+g$+"tQ"+g$+">aKeau9AiV9tJkyFgVxAgeyAJd6Aavd+RV94Y2k+auD+RKdowTyFgVxAgey4Ju6AavxAwwx+nm</div>"
DATA "             <div class="+g$+"tA"+g$+">GheRl/FczyeJhhFaurtq</div>"
DATA "          </div>"
DATA "          <div class="+g$+"tDimmer"+g$+"></div>"
DATA "          <div class="+g$+"tPawns"+g$+">"
DATA "             <div class="+g$+"tPawn tRow1 tCol1"+g$+"><div class="+g$+"tElt tE1"+g$+"><span>1</span></div></div>"
DATA "             <div class="+g$+"tPawn tRow1 tCol2"+g$+"><div class="+g$+"tElt tE3"+g$+"><span>3</span></div></div>"
DATA "             <div class="+g$+"tPawn tRow1 tCol3"+g$+"><div class="+g$+"tElt tE5"+g$+"><span>5</span><a href="+g$+"../../fr/taquin_3x3_std/i1.html?s=139245768"+g$+"></a></div></div>"
DATA "             <div class="+g$+"tPawn tRow2 tCol1"+g$+"><div class="+g$+"tElt tE2"+g$+"><span>2</span></div></div>"
DATA "             <div class="+g$+"tPawn tRow2 tCol2"+g$+"><div class="+g$+"tElt tE4"+g$+"><span>4</span></div></div>"
DATA "             <div class="+g$+"tPawn tRow2 tCol3"+g$+"><div class="+g$+"tElt tE8"+g$+"><span>8</span><a href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135249768"+g$+"></a></div></div>"
DATA "             <div class="+g$+"tPawn tRow3 tCol1"+g$+"><div class="+g$+"tElt tE7"+g$+"><span>7</span><a href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248976"+g$+"></a></div></div>"
DATA "             <div class="+g$+"tPawn tRow3 tCol2"+g$+"><div class="+g$+"tElt tE6"+g$+"><span>6</span><a href="+g$+"../../fr/taquin_3x3_std/i1.html?s=135248796"+g$+"></a></div></div>"
DATA "             <div class="+g$+"tPawn tRow3 tCol3 tHole"+g$+"><div class="+g$+"tElt tE9"+g$+"><span>9</span></div></div>"
DATA "          </div>          "
DATA "          "
DATA "          <div class="+g$+"tIncFile"+g$+"></div>"
DATA "       </div> "
DATA "    </div> "
DATA " </div> "
DATA " <div class="+g$+"tFooter"+g$+">site : <a href="+g$+"http://matthieubeneteau.com/"+g$+" target="+g$+"_blank"+g$+">matthieu benéteau</a></div>"
DATA "</body>"
DATA "</html>"
DATA "<div id="+g$+"GhosteryDataContainerDiv"+g$+" style="+g$+"display:none;visibility:hidden"+g$+"></div>"
DATA "FIN"
' *****************************************************************************

» Aide Panoramic en pages html
» Tous les fichiers en html de Panoramic
» Html
» Picture et alpha, pas bon ménage ;)
» Port parallèle non accessible