|
Framework JavaScript ACube V2.10.0 | ||||||||
PRECEDENT SUIVANT | CADRES SANS CADRES |
|
<LIBELLE>libelle
du champ :</LIBELLE> <VALUE>valeur
de champ :</VALUE> </ELEMENT> |
<LIBELLE>libelle
de radio :</LIBELLE> </ELEMENT> |
|
|
|
Exemple de paramétrage XML
de ce composant : Exemple
|
Exemple
de structure XML du contenu
informatif de ce composant pour une liste d'articles :
(/xml/article/ListeArticleParCritere.xml) |
|
Exemple
de
paramétrage XML
de ce composant : Exemple
|
Exemple
de structure XML du contenu
informatif de ce composant pour le remplissage des champs:
(/xml/article/FormulaireSaisieDonnees.xml) |
|
|
|
|
|
<?xml version="1.0"
encoding="ISO-8859-1"?> |
|
|
|
|
<?xml version="1.0" encoding="ISO-8859-1"
standalone="yes" ?> |
|
<?xml version="1.0" encoding="ISO-8859-1"
standalone="yes" ?> |
|
|
Exemple de paramétrage XML du composant entete : Exemple
|
|
<?xml version="1.0" encoding="ISO-8859-1"
standalone="yes"?> |
|
Exemple de paramétrage XML
de ce composant : |
Exemple
de structure XML du contenu
informatif de ce composant : |
|
Exemple de paramétrage XML
de ce composant : Exemple
de
paramétrage XML
des templates associées (en <IMPORT_TEMPLATE>) : - REbase.xml : <CE_TEMPLATE> <?xml version="1.0"
encoding="ISO-8859-1" standalone="yes"
?> <CE_TEMPLATE> <?xml version="1.0"
encoding="ISO-8859-1" standalone="yes"
?> <CE_TEMPLATE> |
Exemple
de structure XML du contenu
informatif de ce composant : |
|
Exemple de paramétrage XML
de ce composant : |
|
Exemple de paramétrage XML
de ce composant : |
|
Exemple de paramétrage XML
de ce composant : |
DefaultElementForm | |
Exemple
d’appel au constructeur de l'élément
pour héritage : |
|
DefaultLibelle | |
Exemple
d’appel au constructeur de l'élément
pour héritage : |
|
DefaultXml | |
Exemple
d’appel au constructeur de l'élément
pour héritage : |
|
ElementListe | |
Exemple
d’instanciation de ce composant pour une liste non
numérotée : |
|
ElementFormText | |
Exemple
d'instanciation de la classe ElementFormText : |
|
|
|
Exemple
d'instanciation de la classe ElementFormPass : |
|
|
|
Exemple
d'instanciation de la classe ElementFormCheckbox : |
|
|
|
Exemple
d'instanciation de la classe ElementFormHidden : |
|
|
|
Exemple
d'instanciation de la classe ElementFormFile : |
|
|
|
Exemple
d'instanciation de la classe ElementFormRadio : |
|
|
|
Exemple
d'instanciation de la classe ElementFormTextarea : |
|
|
|
Exemple
d'instanciation de la classe ElementFormSelect : |
|
|
|
Exemple
d'instanciation javascript de 2 listes déroulantes avec
comportement maître/esclave : |
|
|
|
Exemple
d'instanciation de la classe ElementFormSelectNavig : |
|
|
|
Exemple
d'instanciation de la classe ElementFormButton : |
|
|
|
Exemple
d'instanciation de la classe ElementFormButtonValider : |
|
|
|
Exemple
d'instanciation de la classe ElementFormButtonAnnuler : |
|
|
|
Exemple d'instanciation
de la classe ComposantTableau pour un tableau :
|
|
Exemple d'instanciation de la classe
ComposantTableau pour une liste
: ComposantTableauTest = new ComposantTableau("ComposantTableauTest", XMLInfosTableau, "/xml/article/ListeArticle.xml", true, true); Rendu IHM : ![]() |
|
Exemple d'instanciation de la classe
ComposantTableau pour un tableau
maître : ComposantTableauPoste = new ComposantTableau("ComposantTableauPoste", XMLInfosTableauPoste, "/xml/poste/listePoste2.xml", true, false, true); Rendu IHM : ![]() |
|
Exemple
d'instanciation de la classe XMLObject sur le paramétrage XML
de ce composant affichable en version étendue : |
|
|
|
Exemple d'instanciation
de la classe ComposantTableur pour un tableur :
|
|
|
|
Exemple
d'instanciation de la classe ComposantBandeauOnglets pour un bandeau
d'onglets de 5 onglets toujours visibles : |
|
|
|
Exemple
d'instanciation de ce composant pour le type texte long arborescent
dans le cas de la maquette sans version PDF et version Imprimable : |
|
|
|
Exemple
d'instanciation de ce composant pour un composant Canal RSS de type
pagination : |
|
|
|
Exemple
d'instanciation de ce composant pour un composant arborescent fichier : |
|
|
|
Exemple
d'instanciation de la classe ComposantRattachement : |
|
|
|
Exemple
d'instanciation de la classe ComposantCalendrier : |
|
|
|
Exemple
d'instanciation de la classe ComposantFile : |
|
|
|
Exemple
d'instanciation de la classe FilterComponent : |
|
|
|
Exemple
d'instanciation de la classe ComposantAide : |
|
|
|
Exemple
d'instanciation de la classe ComposantAPropos : |
|
|
|
Exemple
d'instanciation de la classe ComposantErreur : |
|
|
|
Exemple
d'instanciation de la classe ComposantMenu : |
|
|
|
Exemple
d'instanciation de la classe ComposantEntete : |
|
|
|
Exemple
d'instanciation de la classe ComposantForm : |
|
|
|
Exemple
d'instanciation de la classe ComposantAssistant : |
|
|
|
Exemple
d'instanciation de la classe ComposantConnexion : |
|
|
|
Exemple
d'instanciation de la classe ComposantRecherche : |
|
|
|
Exemple
d’instanciation de la classe XMLObject pour une liste : |
|
|
|
Exemple
d’instanciation de la classe XMLObjectCookie pour une liste : |
|
|
|
Exemple
d’instanciation de la classe XMLObjectSauvegarde : |
|
|
|
Exemple
d’instanciation de la classe NombreFormate : |
|
|
|
Exemple d'instanciation
de la classe ContentViewer :
|
|
|
|
Exemple d'instanciation
de la classe ComposantContentEditor :
|
|
|
|
Exemple d'instanciation
de la classe ComposantClavierVirtuel :
|
|
|
|
Exemple d'instanciation
de la classe ComposantChartPie :
|
|
|
|
Exemple d'instanciation
de la classe ComposantChartLine :
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
d’affectation d’une zone dynamique au composant
différente de celle par défaut : |
|
Exemple
d'ajout d'option, possible pour les composants héritants
select et radio : |
|
Exemple
de retrait d'option, possible pour les composants héritants
select et radio : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de récupération de la div associée au
composant : |
|
Exemple
d’affectation d’une zone dynamique au composant
différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
d’affectation d’une zone dynamique au composant
différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
d'affectation d'une zone dynamique au composant différente
de celle par défaut : |
|
Exemple
de demande de rapatriement de flux XML associé au contenu
informatif : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage (héritage de ComposantTableau) : |
|
Exemple
d'affectation d'une zone dynamique au composant différente
de celle par défaut (héritage de
ComposantTableau) : |
|
Exemple
de demande de rapatriement de flux XML associé au contenu
informatif (héritage de ComposantTableau) : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
d'affectation d'une zone dynamique au composant différente
de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
d'affectation d'une zone dynamique au composant différente
de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de rappel du flux XML du canal : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de génération du code HTML avec une arborescence
ouverte : Rendu IHM : ![]() |
|
Exemple
de génération d'affectation d'une zone dynamique
au composant différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de génération du code HTML pour affichage de la
page d'aide ouverte sur une arborescence donnée, ou sur une
page dont on connait l'url : |
|
Exemple
de génération daffectation d'une zone dynamique
au composant différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de génération daffectation d'une zone dynamique
au composant différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de génération d'affectation d'une zone dynamique
au composant différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
d'initialisation des références vers le menu par
défaut : |
|
Exemple
de génération d'affectation d'une zone dynamique
au composant différente de celle par défaut : |
|
|
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
|
|
Exemple
de sauvegarde des données d'un fomulaire dans un XMLObjectSauvegarde: |
|
Exemple
d'ajout d'un nouvel élément au formulaire : |
|
Exemple
de génération du code HTML associé au
composant pour affichage : |
|
Exemple
de soumission de formulaire : |
|
Exemple
de validation de formulaire (contrôles + soumission): |
|
|
|
Exemple
de rapatriement de flux XML en asynchrone lors d'une instanciation de
la classe XMLObject déjà effectuée : |
|
Exemple
de rapatriement de flux XML en synchrone lors d'une instanciation de la
classe XMLObject déjà effectuée : |
|
Exemple
de rapatriement de flux XML lors de la validation d'un formulaire en
méthode GET : |
|
Exemple
de rapatriement de flux XML lors de la validation d'un formulaire en
méthode POST : |
|
Exemple
de détection d’erreur dans notre cas
d’utilisation avant génération de la
liste (message d'erreur bloquant) : |
|
Exemple
de détection d’erreur dans notre cas
d’utilisation avant génération de la
liste (message d'erreur non bloquant en popup) : |
|
Exemple
d'appel pour afficher le contenu XML de la liste dans une
boîte d'alerte : |
|
Exemple
d'import XML nécessitant une initialisation du message
d'attente au préalable pour un tableau de 4 colonnes : |
|
Exemple
de sauvegarde sur disque d'un flux XML présent dans l'objet
XMLObject : |
|
Exemple
d'initialisation des futurs attributs d'un cookie de sauvegarde d'un
flux XML : |
|
Exemple
de sauvegarde de flux XML sur cookie : |
|
Exemple
de suppression du cookie de sauvegarde du flux XML : |
|
|
|
Exemple
d'import XML lors d'une instanciation de l'objet XMLObjectCookie
déjà effectué : |
|
Exemple
d’une sauvegarde sur fichier si la
désérialisation du flux XML présent
dans un cookie s’est correctement effectuée : |
|
|
|
Exemple
de sauvegarde d'un objet DOM : |
|
|
|
Exemple
de récupération d'un nombre formatté : |
|
Exemple
de récupération du nombre sous sa forme de base
(chaine de caractères): |
|
Exemple
de vérification de chaine de caractères: |
|
|
|
getDefaultElementById()
[DefaultElementForm] Exemple : ElementFormTextTest=getDefaultElementById("champ_text_id") |
|
getRangOption()
[ObjectOption] Exemple : var
rang = getRangOption(tabOption, "3") |
|
ecrireText()
[ ] Exemple : ecrireText("titre_id", "Ceci est le titre du
formulaire"); |
|
|
|
creerFormulaire(XMLInfosFormulaire)
[ComposantForm] Exemple : var XMLPage = null; XMLInfosFormulaire = null;
|
|
enterEgalValider()
[ComposantForm] Exemple : enterEgalValider(); |
|
|
|
Exemple
d'utilisation des fonctions techniques pour un contrôle de
surface complexe :function
valider() |
|
estFormatString()
[] Exemple : estFormatString(numString, "^[0-9]{6}$"); |
|
ctrlSaisie()
[] Exemple : function valider() |
|
estNumString()
[] Exemples : estNumString( numString) // chaîne
numerique de longueur quelconque |
|
estEntierString()
[] Exemples : estEntierString(
numString)
// chaîne numerique
représentant un nombre Entier |
|
estMontantString()
[] Exemples : estMontantString(
numString)
// chaîne numerique
représentant un Montant |
|
estDateString()
[] Exemples : estDateString("1/2/3")
// Date 01/02/2003 |
|
toEntier()
[] Exemple : toEntier( numString) //
numString chaîne numerique représentant un Entier |
|
toMontant()
[] Exemple : toMontant ( numString)
// numString chaîne numerique
représentant un Montant |
|
stringToDate()
[] Exemple : Var d = stringToDate ( "1/2/3"); |
|
dateToString()
[] Exemple : var d = new Date(); |
|
ctrlComboSelect()
[] Exemple : if(ret) ret = ctrlComboSelect(f.combo,0,"Impossible
de selectionner le premier element de la combo !"); |
|
estBlancString()
[] Exemple : if(estBlancString(maString)) alert("chaine vide"); |
|
|
|
Exemple
de déclaration d'une fonction de validation de formulaire ://
initialisation Appel sur clic d'un lien : <a
href="valider" onClick="javascript:valider(this);return
false;"> Appel sur clic d'un bouton : <input type="button"
value=" Valider " onClick="valider(this);return
false;">
|
|
initForm()
[] Appel sur la touche 'Entrée' : <script
type="text/javascript"> |
|
|
|
getCookieVal()
[] Exemple : getCookieVal(document.cookie,name,";"); |
|
GetCookie()
[] Exemple : GetCookie("objClickSave");
//Recherche de la valeur du cookie objClickSave |
|
SetCookie()
[] Exemple : SetCookie("objClickSave","messagerie",null,"/",null,true);
//Attribution d’une valeur au
cookie messagerie |
|
DeleteCookie()
[] Exemple : DeleteCookie("lastMedia");
//Destruction du cookie lastMedia |
|
|
|
OpenWindowFocus()
[] L'appel à la fonction de crétion d'une fenêtre s'effectue de la manière suivante : <a
href="javascript:parent.OpenWindowFocus('/html/aide/index.html','Aide', |
|
printwindow()
[] L'appel à la fonction d'impression s'effectue de la manière suivante : <a
href="javascript:printwindow()"><img alt="Imprimer cette
aide" border="0" height="19" src="/images/boutons/imprimer.gif"
width="78" /></a> |
|
|
|
preloadImages()
[] Exemple d'implémentation pour précharger l'image d'attente du chargement d'un flux XML rapatrié dans une page XHTML : <a href="javascript:printwindow()"> |
|
changeImages()
[] Exemple de positionnement d'une nouvelle image dans un élément image de la page : <a href="javascript:connecter()" |
|
conversionMonnaie()
[] Exemple d'implémentation de conversion de monnaie : alert("100 euros en francs
:"+conversionMonnaie('100','6.55957',2)); |
|
|
|
Exemple d’implémentation : var test = Appel_Fonction_Framework(…); Pour illustrer le cadre d’utilisation des fonctions ci-dessous présentes dans cette boîte à outils, nous prendrons le flux XML suivant. |
|
QuickSort()
[] Exemple pour trier le flux XML par ordre croissant de leur date de commande : var listeCommande =
parent.getElements(XMLListe.xmlDoc,"LISTE_COMMANDE")[0]; |
|
estVide() [] Exemple d'implémentation pour vérifier si une arborescence d'un objet DOM n'est pas vide avant un tri : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"LISTE_COMMANDE"); |
|
getElements()
[] Exemple d’implémentation pour récupérer l’ensemble des éléments XML de nom COMMANDE : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"COMMANDE");
|
|
getData() [] Exemple d’implémentation pour récupérer la valeur du premier élément XML de tagName CODE : var itemCode =
parent.getElements(XMLListe.xmlDoc,"CODE")[0]; |
|
getDataElement()[]
Exemple d’implémentation pour récupérer la valeur de l’élément de tagName CODE du deuxièmeélément XML de tagName COMMANDE :: var itemCommande =
parent.getElements(XMLListe.xmlDoc,"COMMANDE")[1];
Exemple d’implémentation pour récupérer avec le paramètre optionnel inspectAllChilds: La fonction getDataElement renvoie le contenu du premier élément trouvé. Le parametre inspectAllChilds conditionne la liste des éléments à trouver. xml : <PAGE> <LISTE_VILLE> <VILLE>NANTES</VILLE> <VILLE>TOULOUSE</VILLE> </LISTE_VILLE> <VILLE>PARIS</VILLE> <VILLE>MARSEILLE</VILLE> <LISTE_VILLE2> <VILLE>RENNES</VILLE> <VILLE>LONDRES</VILLE> </LISTE_VILLE2> </PAGE> getDataElement(itemPAGE,"VILLE",true) retourne parmi la liste des possibles:
getDataElement(itemPAGE,"VILLE",false) retourne parmi la liste des possibles:
|
|
getDataElements()[]
Exemple d'implémentation pour récupérer la valeur de l'élément de tagName CODE du troisième élément XML de tagName COMMANDE : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"COMMANDE");var valueCode =
parent.getDataElements(itemsCommande,"CODE",2);if (valueCode)
alert(valueCode);else alert("Erreur"); Cette implémentation affiche la boîte d'alerte suivante : ![]() Flux XML pris pour l'illustration d'utilisation de cette fonction de la boîte à outils. |
|
ajoutElement() [] Exemple d’implémentation pour ajouter une nouvelle commande dans l’arborescence XML : var newNodeCommande =
XMLListe.xmlDoc.createElement("COMMANDE"); |
|
suppressionElement()[]
Exemple d’implémentation pour supprimer la nouvelle commande ajoutée dans l'arborescence XML à partir de l'exemple précédent : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"LISTE_COMMANDE")[0]; |
|
echangeDataElement()[]
Exemple d'implémentation pour valoriser un nouveau CODE sur la première COMMANDE : var itemsCode =
parent.getElements(XMLListe.xmlDoc,"CODE"); |
|
modifieDataElement()[]
Exemple d'implémentation pour échanger les CODE entre la première COMMANDE et la deuxième COMMANDE : var itemsCode =
parent.getElements(XMLListe.xmlDoc,"CODE"); |
|
echangeElement()[]
Exemple d'implémentation pour échanger les deux premières COMMANDE : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"LISTE_COMMANDE")[0]; |
|
copieElement()[]
Exemple d'implémentation pour copier la première COMMANDE dans la deuxième COMMANDE : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"LISTE_COMMANDE")[0]; |
|
convertDOMtoString()[]
Exemple d'implémentation pour afficher l'ensemble des commandes dans une boîte d'alert : var itemsCommande =
parent.getElements(XMLListe.xmlDoc,"LISTE_COMMANDE")[0]; Cette implémentation affiche la
boîte d'alerte suivante : |
|
|
|
formaterNombre()
[] Exemple pour formater un nombre donné : var resultat =
formaterNombre('100000','/[0-9]{3}\.[0-9]{3}$/'); |
|
deformaterNombre()
[] Exemple pour récupérer un nombre sous sa forme basique : var resultat =
deformaterNombre('100.000','/[0-9]{3}\.[0-9]{3}$/'); |
|
dateFormat()
[] Exemple pour vérifier et retourner une date au format désiré : var resultat =
dateFormat('1/11/2006''/^[0-9][0-9]?\/[0-9][0-9]?\/[0-9][0-9]([0-9][0-9])?$/');
|
|
entierFormatNF()
[] Exemple retournant un entier à partir de tout nombre : var resultat = entierFormatNF('-56.2'); |
|
monnaieFormat()
[] Exemple pour formater un nombre donné : var resultat = monnaieFormat('100','euro'); |
|
Framework JavaScript ACube V2.10.0 | |||||||||
PRECEDENT SUIVANT | CADRES SANS CADRES |