JavaScript Tutorial

Applications XML


Ce chapitre présente certaines applications HTML utilisant XML, HTTP, DOM et JavaScript.


Le document XML utilisé

Dans ce chapitre, nous utiliserons le fichier XML appelé “cd_catalog.xml”.


Afficher des données XML dans un tableau HTML

Cet exemple parcourt chaque élément et affiche les valeurs des éléments et dans un tableau HTML :</p> <div class="w3-example"> <h3>Exemple</h3> <div class="w3-code notranslate htmlHigh"> <p><script><br />fonction chargerXMLDoc() {<br /> const xhttp = new XMLHttpRequest();<br /> xhttp.onload = fonction() {<br /> const xmlDoc = xhttp.responseXML ;<br /> const cd = xmlDoc.getElementsByTagName("CD");<br /> maFonction(cd);<br /> }<br /> xhttp.open("GET", "cd_catalog.xml");<br /> xhttp.send();<br />}</p> <p>function maFonction(cd) {<br /> let table="</p> <tr> <th>Artiste</th> <th>Titre</th> </tr> <p>" ;<br /> for (let i = 0; i < cd.length; i++) {<br /> tableau += "</p> <tr> <td>" +<br /> CD[i].getElementsByTagName("ARTISTE")[0].childNodes[0].nodeValue +<br /> "</td> <td>" +<br /> CD[i].getElementsByTagName("TITRE")[0].childNodes[0].nodeValue +<br /> "</td> </tr> <p>" ;<br /> }<br /> document.getElementById("démo").innerHTML = table ;<br />}<br /></script></p> <p></body><br /></html></p> </div> <p>Essayez-le vous-même » </p></div> <p>Pour plus d’informations sur l’utilisation de JavaScript et du DOM XML, consultez DOM Intro.</p> <hr/> <hr/> <h2>Afficher le premier CD dans un élément HTML div</h2> <p>Cet exemple utilise une fonction pour afficher le premier élément CD dans un élément HTML avec id=”showCD”:</p> <div class="w3-example"> <h3>Exemple</h3> <div class="w3-code notranslate jsHigh"> <p>const xhttp = new XMLHttpRequest();<br /> xhttp.onload = fonction() {<br /> const xmlDoc = xhttp.responseXML ;<br /> const cd = xmlDoc.getElementsByTagName(“CD”);<br /> maFonction(cd, 0);<br /> }<br /> xhttp.open(“GET”, “cd_catalog.xml”);<br /> xhttp.send();</p> <p>function maFonction(cd, i) {<br /> document.getElementById(“showCD”).innerHTML =<br /> “Artiste : ” +<br /> CD[i].getElementsByTagName(“ARTISTE”)[0].childNodes[0].nodeValue +<br /> “<br />Titre : ” +<br /> CD[i].getElementsByTagName(“TITRE”)[0].childNodes[0].nodeValue +<br /> “<br />Année : ” + <br /> CD[i].getElementsByTagName(“ANNÉE”)[0].childNodes[0].nodeValue ;<br />} </p> </div> <p>Essayez-le vous-même » </p></div> <hr/> <h2>Naviguer entre les CD</h2> <p>Pour naviguer entre les CD dans l’exemple ci-dessus, créez un<br /> <code class="w3-codespan">next()</code> et <code class="w3-codespan">previous()</code> fonction:</p> <div class="w3-example"> <h3>Exemple</h3> <div class="w3-code notranslate jsHigh"> <p>fonction suivant() {<br /> // affiche le CD suivant, sauf si vous êtes sur le dernier CD</p> <p>si (je < len-1) {<br /> je++ ;<br /> displayCD(i);<br /> }<br /> }</p> <p>fonction précédent() {<br /> // affiche le CD précédent, sauf si vous êtes sur le premier CD <br /> <br /> si (je > 0) {<br /> je–;<br /> displayCD(i);<br /> }<br />} </p> </div> <p>Essayez-le vous-même » </p></div> <hr/> <h2>Afficher les informations sur l’album lorsque vous cliquez sur un CD</h2> <p>Le dernier exemple montre comment vous pouvez afficher les informations de l’album lorsque l’utilisateur clique sur un CD :</p> <div class="w3-example"> <h3>Exemple</h3> <p>fonction displayCD(i) {<br /> document.getElementById(“showCD”).innerHTML =<br /> “Artiste : ” +<br /> CD[i].getElementsByTagName(“ARTISTE”)[0].childNodes[0].nodeValue +<br /> “<br />Titre : ” +<br /> CD[i].getElementsByTagName(“TITRE”)[0].childNodes[0].nodeValue +<br /> “<br />Année : ” + <br /> CD[i].getElementsByTagName(“ANNÉE”)[0].childNodes[0].nodeValue ;<br />}</p> <p> Essayez-le vous-même » </p></div> </div> <p>#Applications #XML</p> <div class="post-bottom-meta post-bottom-tags post-tags-modern"><div class="post-bottom-meta-title"><span class="tie-icon-tags" aria-hidden="true"></span> Tags</div><span class="tagcloud"><a href="https://samfirm.online/tag/applications/" rel="tag">Applications</a> <a href="https://samfirm.online/tag/xml/" rel="tag">XML</a></span></div> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div id="single-post-meta" class="post-meta clearfix"><span class="author-meta single-author no-avatars"><span class="meta-item meta-author-wrapper meta-author-2"><span class="meta-author"><a href="https://samfirm.online/author/bernard-drouin/" class="author-name tie-icon" title="Bernard Drouin">Bernard Drouin</a></span></span></span><span class="date meta-item tie-icon">24 de April de 2023</span><div class="tie-alignright"><span class="meta-reading-time meta-item"><span class="tie-icon-bookmark" aria-hidden="true"></span> 1 minute read</span> </div></div><!-- .post-meta --> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Article","dateCreated":"2023-04-24T05:02:49+00:00","datePublished":"2023-04-24T05:02:49+00:00","dateModified":"2023-04-24T05:02:49+00:00","headline":"Applications XML","name":"Applications XML","keywords":"Applications,XML","url":"https:\/\/samfirm.online\/applications-xml\/","description":"Ce chapitre pr\u00e9sente certaines applications HTML utilisant XML, HTTP, DOM et JavaScript. Le document XML utilis\u00e9 Dans ce chapitre, nous utiliserons le fichier XML appel\u00e9 \"cd_catalog.xml\". Afficher des","copyrightYear":"2023","articleSection":"JavaScript Tutorial","articleBody":"\n \n\n\n\nCe chapitre pr\u00e9sente certaines applications HTML utilisant XML, HTTP, DOM et JavaScript.\n\n\nLe document XML utilis\u00e9\nDans ce chapitre, nous utiliserons le fichier XML appel\u00e9 \"cd_catalog.xml\".\n\n\nAfficher des donn\u00e9es XML dans un tableau HTML\nCet exemple parcourt chaque \u00e9l\u00e9ment et affiche les valeurs des \u00e9l\u00e9ments et dans un tableau HTML\u00a0:\n\nExemple\n\nfonction chargerXMLDoc() { const xhttp = new XMLHttpRequest(); xhttp.onload = fonction() { const xmlDoc = xhttp.responseXML\u00a0; const cd = xmlDoc.getElementsByTagName(\"CD\"); maFonction(cd); } xhttp.open(\"GET\", \"cd_catalog.xml\"); \nxhttp.send();}function maFonction(cd) { let table=\"ArtisteTitre\"\u00a0; for (let i = 0; i < cd.length; i++) { tableau += \"\" + CD[i].getElementsByTagName(\"ARTISTE\")[0].childNodes[0].nodeValue + \"\"\u00a0+ CD[i].getElementsByTagName(\"TITRE\")[0].childNodes[0].nodeValue + \"\"\u00a0; } \n document.getElementById(\"d\u00e9mo\").innerHTML = table\u00a0;}\n\nEssayez-le vous-m\u00eame \u00bb\n\nPour plus d'informations sur l'utilisation de JavaScript et du DOM XML, consultez DOM Intro.\n\n\n\n\nAfficher le premier CD dans un \u00e9l\u00e9ment HTML div\nCet exemple utilise une fonction pour afficher le premier \u00e9l\u00e9ment CD dans un \u00e9l\u00e9ment HTML avec id=\"showCD\":\n\nExemple\n\n\nconst xhttp = new XMLHttpRequest();\nxhttp.onload = fonction() {\n const xmlDoc = xhttp.responseXML\u00a0;\n const cd = xmlDoc.getElementsByTagName(\"CD\");\n maFonction(cd, 0);\n}\nxhttp.open(\"GET\", \"cd_catalog.xml\");\nxhttp.send();function maFonction(cd, i) { document.getElementById(\"showCD\").innerHTML = \"Artiste : \" + CD[i].getElementsByTagName(\"ARTISTE\")[0].childNodes[0].nodeValue + \"Titre\u00a0: \" + CD[i].getElementsByTagName(\"TITRE\")[0].childNodes[0].nodeValue + \"Ann\u00e9e\u00a0: \" + CD[i].getElementsByTagName(\"ANN\u00c9E\")[0].childNodes[0].nodeValue\u00a0;}\n\n\nEssayez-le vous-m\u00eame \u00bb\n\n\n\nNaviguer entre les CD\nPour naviguer entre les CD dans l'exemple ci-dessus, cr\u00e9ez un \nnext() et previous() fonction:\n\nExemple\n\n\nfonction suivant() { \/\/ affiche le CD suivant, sauf si vous \u00eates sur le dernier CD\n \nsi (je < len-1) {\n je++\u00a0;\n displayCD(i);\n }\n}fonction pr\u00e9c\u00e9dent() { \/\/ affiche le CD pr\u00e9c\u00e9dent, sauf si vous \u00eates sur le premier CD \nsi (je > 0) { je--; displayCD(i); }}\n\n\nEssayez-le vous-m\u00eame \u00bb\n\n\n\nAfficher les informations sur l'album lorsque vous cliquez sur un CD\n\n\nLe dernier exemple montre comment vous pouvez afficher les informations de l'album lorsque l'utilisateur clique sur un CD\u00a0:\n\nExemple\n\n\nfonction displayCD(i) { document.getElementById(\"showCD\").innerHTML = \"Artiste : \" + CD[i].getElementsByTagName(\"ARTISTE\")[0].childNodes[0].nodeValue + \"Titre\u00a0: \" + CD[i].getElementsByTagName(\"TITRE\")[0].childNodes[0].nodeValue + \"Ann\u00e9e\u00a0: \" + CD[i].getElementsByTagName(\"ANN\u00c9E\")[0].childNodes[0].nodeValue\u00a0;}\n \n Essayez-le vous-m\u00eame \u00bb\n\n\n\n\n\n\n\n\n\r\n #Applications #XML","publisher":{"@id":"#Publisher","@type":"Organization","name":"SAMFIRM","logo":{"@type":"ImageObject","url":"https:\/\/samfirm.online\/wp-content\/uploads\/2023\/04\/512D.jpg"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/samfirm.online\/applications-xml\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"Bernard Drouin","url":"https:\/\/samfirm.online\/author\/bernard-drouin\/"},"image":{"@type":"ImageObject","url":"http:\/\/samfirm.online\/wp-content\/uploads\/2023\/04\/COUR1.jpg","width":1920,"height":0}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links "> <a href="https://www.facebook.com/sharer.php?u=https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn large-share-button" data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="social-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Applications%20XML&url=https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="Twitter" target="_blank" class="twitter-share-btn large-share-button" data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="social-text">Twitter</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://samfirm.online/applications-xml/&title=Applications%20XML" rel="external noopener nofollow" title="LinkedIn" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">LinkedIn</span> </a> <a href="https://www.tumblr.com/share/link?url=https://samfirm.online/applications-xml/&name=Applications%20XML" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://samfirm.online/applications-xml/&description=Applications%20XML&media=http://samfirm.online/wp-content/uploads/2023/04/COUR1.jpg" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://vk.com/share.php?url=https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">VKontakte</span> </a> <a href="mailto:?subject=Applications%20XML&body=https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="Share via Email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Share via Email</span> </a> <a href="#" rel="external noopener nofollow" title="Print" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Print</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> <div class="about-author container-wrapper about-author-2"> <div class="author-info"> <h3 class="author-name"><a href="https://samfirm.online/author/bernard-drouin/">Bernard Drouin</a></h3> <div class="author-bio"> </div><!-- .author-bio /--> <ul class="social-icons"></ul> </div><!-- .author-info /--> <div class="clearfix"></div> </div><!-- .about-author /--> <div id="related-posts" class="container-wrapper has-extra-post"> <div class="mag-box-title the-global-title"> <h3>Related Articles</h3> </div> <div class="related-posts-list"> <div class="related-item"> <a aria-label="Objets de date JavaScript" href="https://samfirm.online/objets-de-date-javascript/" class="post-thumb"><img post-id="657" fifu-featured="1" width="390" height="220" src="http://samfirm.online/wp-content/uploads/2023/04/COUR1.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://samfirm.online/objets-de-date-javascript/">Objets de date JavaScript</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">23 de April de 2023</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item"> <a aria-label="Erreurs JavaScript" href="https://samfirm.online/erreurs-javascript/" class="post-thumb"><img post-id="657" fifu-featured="1" width="390" height="220" src="http://samfirm.online/wp-content/uploads/2023/04/COUR1.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://samfirm.online/erreurs-javascript/">Erreurs JavaScript</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">23 de April de 2023</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item"> <a aria-label="JavaScriptECMAScript 2018" href="https://samfirm.online/javascriptecmascript-2018/" class="post-thumb"><img post-id="657" fifu-featured="1" width="390" height="220" src="http://samfirm.online/wp-content/uploads/2023/04/COUR1.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://samfirm.online/javascriptecmascript-2018/">JavaScriptECMAScript 2018</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">23 de April de 2023</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item"> <a aria-label="JavaScript-Variables" href="https://samfirm.online/javascript-variables/" class="post-thumb"><img post-id="778" fifu-featured="1" width="390" height="220" src="https://media.geeksforgeeks.org/wp-content/cdn-uploads/20230305183140/Javascript.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://samfirm.online/javascript-variables/">JavaScript-Variables</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">30 de April de 2023</span></div><!-- .post-meta --> </div><!-- .related-item /--> </div><!-- .related-posts-list /--> </div><!-- #related-posts /--> </div><!-- .post-components /--> </div><!-- .main-content --> <div id="check-also-box" class="container-wrapper check-also-right"> <div class="widget-title the-global-title"> <div class="the-subtitle">Check Also</div> <a href="#" id="check-also-close" class="remove"> <span class="screen-reader-text">Close</span> </a> </div> <div class="widget posts-list-big-first has-first-big-post"> <ul class="posts-list-items"> <li class="widget-single-post-item widget-post-list"> <div class="post-widget-thumbnail"> <a aria-label="Littéraux JSON" href="https://samfirm.online/litteraux-json/" class="post-thumb"><span class="post-cat-wrap"><span class="post-cat tie-cat-96">JavaScript Tutorial</span></span><img post-id="657" fifu-featured="1" width="390" height="220" src="http://samfirm.online/wp-content/uploads/2023/04/COUR1.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" decoding="async" loading="lazy" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://samfirm.online/litteraux-json/">Littéraux JSON</a> <div class="post-meta"> <span class="date meta-item tie-icon">24 de April de 2023</span> </div> </div> </li> </ul><!-- .related-posts-list /--> </div> </div><!-- #related-posts /--> </div><!-- .main-content-row /--></div><!-- #content /--> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div><!-- .container /--> </div><!-- #Footer-widgets-container /--> <div id="site-info" class="site-info site-info-layout-2"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first">© 2023, Tous droits réservés |  <span style="color:red;" class="tie-icon-heart"></span> <a href="https://samfirm.online" target="_blank" rel="nofollow noopener"> SAMFIRM</a></div><ul class="social-icons"></ul> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Applications%20XML&url=https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="Twitter" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">Twitter</span> </a> <a href="https://api.whatsapp.com/send?text=Applications%20XML%20https://samfirm.online/applications-xml/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://samfirm.online/applications-xml/&text=Applications%20XML" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Back to top button</span> </a> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area slide-sidebar-desktop is-fullwidth appear-from-left" aria-label="Secondary Sidebar" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://samfirm.online/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class="hide-menu-icons"> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> <div id="slide-sidebar-widgets"> <div id="block-2" class="container-wrapper widget widget_block widget_search"><form role="search" method="get" action="https://samfirm.online/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label for="wp-block-search__input-1" class="wp-block-search__label" >Search</label><div class="wp-block-search__inside-wrapper " ><input type="search" id="wp-block-search__input-1" class="wp-block-search__input" name="s" value="" placeholder="" required /><button type="submit" class="wp-block-search__button wp-element-button" >Search</button></div></form><div class="clearfix"></div></div><!-- .widget /--><div id="block-3" class="container-wrapper widget widget_block"><div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Entradas recientes</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://samfirm.online/certificat-python-infodewi/">Certificat Python Infodewi</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://samfirm.online/quizz-python/">Quizz Python</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://samfirm.online/exercices-python/">Exercices Python</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://samfirm.online/compilateur-en-ligne-python-editeur-interprete/">Compilateur en ligne Python (éditeur / interprète)</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://samfirm.online/exemples-python/">Exemples Python</a></li> </ul></div></div><div class="clearfix"></div></div><!-- .widget /--><div id="block-4" class="container-wrapper widget widget_block"><div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Comentarios recientes</h2><div class="no-comments wp-block-latest-comments">No comments to show.</div></div></div><div class="clearfix"></div></div><!-- .widget /--> </div> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Cookie Settings" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Cookie Settings"> <img src="http://samfirm.online/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#FFFFFF;border-color:#f4f4f4;color:#212121"> <div class="cky-notice"> <p class="cky-title" data-cky-tag="title" style="color:#212121">We value your privacy</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#212121"> <p>We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Customize" data-cky-tag="settings-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Customize</button> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Reject All</button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#1863dc;border-color:#1863dc">Accept All</button> </div></div></div></div></div><div class="cky-modal"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-preference-header"> <span class="cky-preference-title" data-cky-tag="detail-title" style="color:#212121">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="http://samfirm.online/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#212121"> <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. </p><p>We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p><p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#212121">Necessary</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#212121">Functional</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#212121">Analytics</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#212121">Performance</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#212121">Advertisement</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="detail-reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Reject All </button> <button class="cky-btn cky-btn-preferences" aria-label="Save My Preferences" data-cky-tag="detail-save-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Save My Preferences </button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="detail-accept-button" style="color:#ffffff;background-color:#1863dc;border-color:#1863dc"> Accept All </button> </div><div style="padding: 8px 24px;font-size: 12px;font-weight: 400;line-height: 20px;text-align: right;border-radius: 0 0 6px 6px;direction: ltr;justify-content: flex-end;align-items: center;background-color:#EDEDED;color:#293C5B" data-cky-tag="detail-powered-by"> Powered by <a target="_blank" rel="noopener" href="https://www.cookieyes.com/product/cookie-consent" style="margin-left: 5px;line-height: 0"><img src="http://samfirm.online/wp-content/plugins/cookie-law-info/lite/frontend/images/poweredbtcky.svg" alt="Cookieyes logo" style="width: 78px;height: 13px;margin: 0"></a> </div></div></div></div></script><div id="reading-position-indicator"></div><div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Search"> <form method="get" class="tie-popup-search-form" action="https://samfirm.online/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="Search for" autocomplete="off" placeholder="Search for" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Search for</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="tie-popup-login" class="tie-popup" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a> <div class="tie-popup-container"> <div class="container-wrapper"> <div class="widget login-widget"> <div class="widget-title the-global-title"> <div class="the-subtitle">Log In <span class="widget-title-icon tie-icon"></span></div> </div> <div class="widget-container"> <div class="login-form"> <form name="registerform" action="https://samfirm.online/wp-login.php" method="post"> <input type="text" name="log" title="Username" placeholder="Username"> <div class="pass-container"> <input type="password" name="pwd" title="Password" placeholder="Password"> <a class="forget-text" href="https://samfirm.online/wp-login.php?action=lostpassword&redirect_to=https%3A%2F%2Fsamfirm.online">Forget?</a> </div> <input type="hidden" name="redirect_to" value="/applications-xml/"/> <label for="rememberme" class="rememberme"> <input id="rememberme" name="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me </label> <button type="submit" class="button fullwidth login-submit">Log In</button> </form> </div> </div><!-- .widget-container /--> </div><!-- .login-widget /--> </div><!-- .container-wrapper /--> </div><!-- .tie-popup-container /--> </div><!-- .tie-popup /--> <script type='text/javascript' src='https://samfirm.online/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.7' id='swv-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/samfirm.online\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://samfirm.online/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.7' id='contact-form-7-js'></script> <script type='text/javascript' id='tie-scripts-js-extra'> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/samfirm.online\/wp-admin\/admin-ajax.php","is_taqyeem_active":"","is_sticky_video":"1","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"default","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"","lang_no_results":"Nothing Found","sticky_share_mobile":"true","sticky_share_post":""}; /* ]]> */ </script> <script type='text/javascript' src='https://samfirm.online/wp-content/themes/jannah/assets/js/scripts.min.js?ver=5.4.10' id='tie-scripts-js'></script> <script type='text/javascript' src='https://samfirm.online/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=5.4.10' id='tie-js-ilightbox-js'></script> <script type='text/javascript' src='https://samfirm.online/wp-content/themes/jannah/assets/js/desktop.min.js?ver=5.4.10' id='tie-js-desktop-js'></script> <script type='text/javascript' src='https://samfirm.online/wp-content/themes/jannah/assets/js/live-search.js?ver=5.4.10' id='tie-js-livesearch-js'></script> <script type='text/javascript' src='https://samfirm.online/wp-content/themes/jannah/assets/js/single.min.js?ver=5.4.10' id='tie-js-single-js'></script> <script type='text/javascript' src='https://samfirm.online/wp-content/themes/jannah/assets/js/br-news.js?ver=5.4.10' id='tie-js-breaking-js'></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> </body> </html> <!-- Page generated by LiteSpeed Cache 5.4 on 2023-06-07 13:21:55 -->