alphawiki

user:anonymous

°°° **************************************************** °°°
{require lib_menu}
{require lib_fonctions}
{fond}
{M+}
{{hide}{def AVANT Éditer}{def APRES Les pages}}
°°° **************************************************** °°°
{fond}
{{TITRE} Syntaxe: principe}
{CR}

{div {PG} {b La base}}
{center En cliquant sur le {b +} pour faire apparaitre le ligne de commande en haut, puis sur {b edit}, une fenêtre d'édition s'ouvre.{br}
On a donc deux fenêtre, le fenêtre d'éditon et la fenêtre de visualisation qui est celle du site web.}
{CR}{tiret}
_p La première chose à constater est que toute commande tapée dans la fenêtre d'édition se répercute instantanément dans la fenêtre de visualisation. C'est une sorte de WISIWIG.
{CR}{tiret}{CR}
{center {b Une commande s’exprime entre deux crochets contenant le nom de la commande et l’objet  sur lequel la commande agit:}}{br}
{center °°{°°{{R}Commande} {{B}Objet}°°}°°}{br}
{center {b Éventuellement la commande peut avoir des arguments:}}
{br}
{center °°{°°{{R}Commande} arguments {{B}Objet}°°}°°}{br}
{CR}{tiret}{CR}
_ul {b Ce qui apparaît c’est le résultat de la commande sur l’objet.}

_p {b Ex:}{br}

{tab 20}°°{°°{{R}first} {{B} Hello Brave World} °°}°° {tab 70}-> Hello{br}
{tab 20}°°{°°{{R}rest} {{B}Hello Brave World}°°}°°{tab 79}-> Brave World {br}
{tab 20}°°{°°{{R}length} {{B}Hello Brave World}°°}°°{tab 63 }-> 3 {br}
{tab 20}°°{°°{{R}nth 1} {{B}Hello Brave World}°°}°°{tab 66} 	-> Brave {br}
{tab 20}°°{°°{{R}chars} {{B}Hello Brave World}°°}°°{tab 63} -> 17 {br}
{tab 20}°°{°°{{R}charAt 6} {{B}Hello Brave World}°°}°°{tab 43} 	-> B {br}{br}
{CR}{tiret}{CR}
_ul {b Les commandes peuvent être imbriquées:}
{br}
{tab 20}°°{°°{{R}chars} °°{°°{{R}nth 1} {{B}Hello Brave World}°°}}°°{tab 20}-> 5{br}
{br}
{CR}{tiret}{CR}
_ul {b On peut définir de nouvelles commandes avec la commande {{R}def}:}{br}{br}
{tab 20}°°{°°{{R}def} Nom de la fonction  {{B}Objet} °°}°° {tab 35} -> Nom de la fonction {CR}
La définition d'une fonction dans la fenêtre d'édition a pour retour dans la fenêtre de visualisation le nom de la fonction définie.
_p {b Ex:}{br}
{tab 20}°°{°°{{R}def}  merci {{B} Mes plus sincères salutations} °°}°°  -> merci{br}

_p Mais le retour de fonction {i merci} dans la fenêtre de visualisation peut être rendu invisible… alors que l’on peut appeler la fonction définie:
{tab 20}°°{°°{{R}merci}°°}°°{tab 248}->  Mes plus sincères salutations{CR}

{div {PG} {b La commande @}}
_p C'est une commande spéciale qui permet d’intégrer toutes les commandes du langage {b HTML} et {b CSS}. La forme générale est la suivante:
{blockquote
{tab 20}°°{°°{{R}@} {b Commande ="}valeur{b "} {br}
{tab 40}{b Commande ="}Paramétre{b :}Valeur{b ;}{br}
{tab 129}Paramètre{b :}Valeur{b ;}{br}
{tab 129}Paramétre{b :}Valeur{b ;}{br}
{tab 124}{b "}{br} 
{tab 20} °°}°° 
}
_p Cette commande est incluse dans les commandes générales comme {{R} {b div, span, def, image.}}
_p {b Ex:}
{blockquote
{tab 20}°°{°°{{R}div}{br}
{tab 40}°°{°°{{R}@} style ="color:green;"°°}°°{br}
{tab 40}{{B}Bonjour}{br}
{tab 20}°°}°°{tab 250}
}
{br}{{V}-> Bonjour}
{CR}
{center Suite: Le détail est décrit dans la Page "Index":}
{tab 50}
{{links}[[Aller à la page "index"|?view=Index]]}
{CR}

{div {PG} L'exécution de la commande}
_p Dès qu'une commande est écrite et complétée dans la fenêtre d'édition, le résultat apparaît dans la fenêtre de visualisation. Ce n'est pas toujours souhaitable. Par exemple la fonction {{R}def} renvoie le nom de la fonction dans la fenêtre de visualisation alors que l'on veut simplement définir cette fonction pour usage ultérieur. On veut qu'elle s'exécute mais on ne veut pas voir son retour. Cela peut se faire ainsi:
{blockquote
{tab 20}°°{°°{{R}div}{br} 
{tab 40}  °°{°°{{R}@} style="display:none"°°}°°{br}
{tab 40}{{B} Fonction 1}{br}
{tab 40}{{B} Fonction 2}{br}
{tab 40}{{B} Fonction n}{br}
{tab 20}°°}°°
}
_p Tout le contenu s'effectuera mais ne sera pas affiché. On peut ainsi avoir un "coin programmeur" dans lequel on défini ses propres fonctions sans avoir le retour de leur nom
_p on peut aussi utiliser la fonction suivante pour obtenir le même résultat:
{tab 20}°°{{°°{{R}hide}°°}°° {{B} Fonction} °°}°°{br}
_p On peut aussi vouloir écrire une fonction et ne pas vouloir qu'elle s'exécute ou écrire un commentaire que l'on ne veut ni exécuter ni visualiser. Cela se fait en encadrant le sujet par des signes degré:
{tab 20}{b {sup o}{sup o}{sup o} {{B} Tout commentaire qui ne sera pas affiché} {sup o}{sup o}{sup o}}{br}
{tab 20}{b {sup o}{sup o} Toute fonction qui ne sera pas exécutée }{sup o}{sup o}
{CR}
{div {PG} Les ressources}{CR}

_ul _h5 On trouve ces commandes propres à HTML & CSS sur le site: [[w3schools|http://www.w3schools.com/]] et sur la page Index [[Index]]

{br}

_ul  _h5 L’ensemble des commandes de alphawiki se trouve sur le site: [[epsilonwiki|http://epsilonwiki.free.fr/alphawiki_2]]
{br}
_ul  _h5 Commentaires d'Alain: [[le javascript|http://lambdaway.free.fr/lambdaspeech/index.php?view=metro2]]
{div {PG} Attention}
{br}
_p la syntaxe est très pointilleuse. 
_ul Une majuscule au lieu d'une minuscule et rien ne se passe.
_ul Un espace en trop ou qui manque, rien ne se passe.
_ul un crochet en plus ou en moins et c'est bloqué.
{center _h4 Il faut être très rigoureux!}
{blockquote
_p Cependant, si vous examinez la fenêtre d'édition, vous trouverez sur la première ligne en haut du cadre:
_h5 "user:NOM  SAVE CANCEL (nombre1 | nombre2) ...".
_p les deux nombres indiques le nombre de crochets ouvert et fermés. Si les deux ne sont pas les mêmes, il y a une erreur dans le code. On doit vérifier avant de "sauver".
}
_h5 Note:
_p l'éditeur ne fait aucune vérification. Mais, si on utilise {b NotePad2} comme éditeur, on bénéficie de  propriétés qui permettent de vérfier les concordances en les {b °°{}°°}.
Aussi, il peut être utile de copier le code dans NotePad2, vérifier la concordance des crochets et, une fois corrigé, recopier le code dans l'éditeur.

°°° ******************************************* °°°
°°° Coin des fonctions °°°
{div {@ style="display:none"}
*******************************************

}°°° Fin du div °°°